From 972156207683eee36cc4e9e5b39deac647be0e44 Mon Sep 17 00:00:00 2001 From: Tiago Porto Date: Sun, 1 Dec 2024 12:32:43 -0300 Subject: [PATCH] chore: move customElement into svg-to-inline.ts --- README.md | 2 +- demo/demo.html | 7 +------ package.json | 9 +++++---- src/SvgToInline.ts | 11 +++++------ src/index.ts | 1 + src/{Index.story.mdx => readme.story.mdx} | 0 ...vgToInline.stories.ts => svg-to-inline.stories.ts} | 4 ++-- src/{SvgToInline.test.ts => svg-to-inline.test.ts} | 4 ++-- src/svg-to-inline.ts | 3 +++ 9 files changed, 20 insertions(+), 21 deletions(-) create mode 100644 src/index.ts rename src/{Index.story.mdx => readme.story.mdx} (100%) rename src/{SvgToInline.stories.ts => svg-to-inline.stories.ts} (94%) rename src/{SvgToInline.test.ts => svg-to-inline.test.ts} (93%) create mode 100644 src/svg-to-inline.ts diff --git a/README.md b/README.md index 040fb58..9a49a37 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ npm i svg-to-inline ```html void - @property() - path?: string + @property({ type: String }) + path = '' - @property() + @property({ type: String }) className = '' @property() @@ -30,7 +29,7 @@ export class SvgToInline extends LitElement { placeholder?: TemplateResult | string @property({ type: Boolean }) - lazy: boolean = false + lazy = false constructor() { super() diff --git a/src/index.ts b/src/index.ts new file mode 100644 index 0000000..8d2b225 --- /dev/null +++ b/src/index.ts @@ -0,0 +1 @@ +export { SvgToInline } from './SvgToInline.js' diff --git a/src/Index.story.mdx b/src/readme.story.mdx similarity index 100% rename from src/Index.story.mdx rename to src/readme.story.mdx diff --git a/src/SvgToInline.stories.ts b/src/svg-to-inline.stories.ts similarity index 94% rename from src/SvgToInline.stories.ts rename to src/svg-to-inline.stories.ts index b993170..f5655ee 100644 --- a/src/SvgToInline.stories.ts +++ b/src/svg-to-inline.stories.ts @@ -1,8 +1,8 @@ import { html } from 'lit' import type { TemplateResult } from 'lit' -import type { Meta, StoryObj } from '@storybook/web-components' +import type { Meta } from '@storybook/web-components' -import './SvgToInline.ts' +import './svg-to-inline.js' interface ArgTypes { path: string diff --git a/src/SvgToInline.test.ts b/src/svg-to-inline.test.ts similarity index 93% rename from src/SvgToInline.test.ts rename to src/svg-to-inline.test.ts index 82d3024..83490e7 100644 --- a/src/SvgToInline.test.ts +++ b/src/svg-to-inline.test.ts @@ -1,7 +1,7 @@ import { html } from 'lit' import { fixture, expect } from '@open-wc/testing' -import type { SvgToInline } from './SvgToInline.js' -import './SvgToInline.js' +import type { SvgToInline } from './' +import './svg-to-inline.js' describe('SvgToInline', () => { // it('test _ and ; value') diff --git a/src/svg-to-inline.ts b/src/svg-to-inline.ts new file mode 100644 index 0000000..dd2607c --- /dev/null +++ b/src/svg-to-inline.ts @@ -0,0 +1,3 @@ +import { SvgToInline } from './SvgToInline.js' + +window.customElements.define('svg-to-inline', SvgToInline)