@fmsim/board 1.0.35 → 1.0.38

package/icons/attachment/btn-copy-link-hover.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#FFF" fill-rule="evenodd" d="M6 8h8v2H6V8zm12.1 1H20c0-2.76-2.24-5-5-5h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1zM1.9 9c0-1.71 1.39-3.1 3.1-3.1h4V4H5C2.24 4 0 6.24 0 9s2.24 5 5 5h4v-1.9H5c-1.71 0-3.1-1.39-3.1-3.1zM17 9h-2v3h-3v2h3v3h2v-3h3v-2h-3V9z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/attachment/btn-copy-link.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#EA6780" fill-rule="evenodd" d="M6 8h8v2H6V8zm12.1 1H20c0-2.76-2.24-5-5-5h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1zM1.9 9c0-1.71 1.39-3.1 3.1-3.1h4V4H5C2.24 4 0 6.24 0 9s2.24 5 5 5h4v-1.9H5c-1.71 0-3.1-1.39-3.1-3.1zM17 9h-2v3h-3v2h3v3h2v-3h3v-2h-3V9z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/attachment/btn-delete-hover.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#FFF" fill-rule="evenodd" d="M3.143 17.778C3.143 19 4.171 20 5.429 20h9.142c1.258 0 2.286-1 2.286-2.222V4.444H3.143v13.334zM18 1.111h-4L12.857 0H7.143L6 1.111H2v2.222h16V1.111z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/attachment/btn-delete.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#EA6780" fill-rule="evenodd" d="M3.143 17.778C3.143 19 4.171 20 5.429 20h9.142c1.258 0 2.286-1 2.286-2.222V4.444H3.143v13.334zM18 1.111h-4L12.857 0H7.143L6 1.111H2v2.222h16V1.111z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/attachment/btn-download-hover.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+    <path fill="#FFF" fill-rule="evenodd" d="M2 19h16v-2.235H2V19zM18 6.706h-4.571V0H6.571v6.706H2l8 7.823 8-7.823z"/>
+</svg>

package/icons/attachment/btn-download.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+    <path fill="#EA6780" fill-rule="evenodd" d="M2 19h16v-2.235H2V19zM18 6.706h-4.571V0H6.571v6.706H2l8 7.823 8-7.823z"/>
+</svg>

package/icons/attachment/btn-zoom-hover.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#FFF" fill-rule="evenodd" d="M17 17H3V3h7V1H3c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM12 1v2h3.59l-9.83 9.83 1.41 1.41L17 4.41V8h2V1h-7z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/attachment/btn-zoom.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#EA6780" fill-rule="evenodd" d="M17 17H3V3h7V1H3c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM12 1v2h3.59l-9.83 9.83 1.41 1.41L17 4.41V8h2V1h-7z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/attachment/file.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="65">
+    <path fill="#D1D1D1" fill-rule="evenodd" d="M6.5 0C2.925 0 .032 2.925.032 6.5L0 58.5C0 62.075 2.892 65 6.467 65H45.5c3.575 0 6.5-2.925 6.5-6.5v-39L32.5 0h-26zm22.75 22.75V4.875L47.125 22.75H29.25z"/>
+</svg>

package/icons/board/btn-add-board.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40.5" height="40.5">
+    <path fill="none" fill-rule="evenodd" stroke="#E96780" stroke-width="3" d="M19.5 4.5c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15z"/>
+    <path fill="#E96780" fill-rule="evenodd" d="M10.5 17.5h19v3h-19v-3z"/>
+    <path fill="#E96780" fill-rule="evenodd" d="M18.5 9.5h3v19h-3v-19z"/>
+</svg>

package/icons/board/btn-add-list.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.65" height="14.65">
+    <path fill="none" fill-rule="evenodd" stroke="#505050" stroke-width="1.3" d="M2.5 5.857h8c.276 0 .5.224.5.5v.286c0 .276-.224.5-.5.5h-8c-.276 0-.5-.224-.5-.5v-.286c0-.276.224-.5.5-.5z"/>
+    <path fill="none" fill-rule="evenodd" stroke="#505050" stroke-width="1.3" d="M6.357 2h.286c.276 0 .5.224.5.5v8c0 .276-.224.5-.5.5h-.286c-.276 0-.5-.224-.5-.5v-8c0-.276.224-.5.5-.5z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h14v14H0V0z"/>
+</svg>

package/icons/board/btn-close-dropbox.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5">
+    <path fill="#E96780" fill-rule="evenodd" d="M.01.129l7.994-.134-3.889 5.014L.01.129z"/>
+</svg>

package/icons/board/btn-edit-hover.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#FFF" fill-rule="evenodd" d="M.991 15.255v3.757h3.748l11.055-11.08-3.748-3.756L.991 15.255zM18.692 5.027c.39-.39.39-1.022 0-1.412L16.354 1.27c-.39-.39-1.02-.39-1.41 0l-1.829 1.834 3.748 3.757 1.829-1.834z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/board/btn-edit.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#EA6780" fill-rule="evenodd" d="M.991 15.255v3.757h3.748l11.055-11.08-3.748-3.756L.991 15.255zM18.692 5.027c.39-.39.39-1.022 0-1.412L16.354 1.27c-.39-.39-1.02-.39-1.41 0l-1.829 1.834 3.748 3.757 1.829-1.834z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/board/btn-favorite-hover-on.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#FFF" fill-rule="evenodd" d="M14.5.999c-1.74 0-3.41.794-4.5 2.05C8.91 1.793 7.24.999 5.5.999 2.42.999 0 3.373 0 6.394c0 3.708 3.4 6.73 8.55 11.321L10 19l1.45-1.295C16.6 13.124 20 10.102 20 6.394 20 3.373 17.58.999 14.5.999z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/board/btn-favorite-hover.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#FFF" fill-rule="evenodd" d="M14.5.999c-1.74 0-3.41.794-4.5 2.05C8.91 1.793 7.24.999 5.5.999 2.42.999 0 3.373 0 6.394c0 3.708 3.4 6.73 8.55 11.321L10 19l1.45-1.295C16.6 13.124 20 10.102 20 6.394 20 3.373 17.58.999 14.5.999zm-4.4 15.254l-.1.099-.1-.099C5.14 12.025 2 9.23 2 6.394c0-1.962 1.5-3.433 3.5-3.433 1.54 0 3.04.971 3.57 2.315h1.87c.52-1.344 2.02-2.315 3.56-2.315 2 0 3.5 1.471 3.5 3.433 0 2.836-3.14 5.631-7.9 9.859z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/board/btn-favorite-on.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#EA6780" fill-rule="evenodd" d="M14.5.999c-1.74 0-3.41.794-4.5 2.05C8.91 1.793 7.24.999 5.5.999 2.42.999 0 3.373 0 6.394c0 3.708 3.4 6.73 8.55 11.321L10 19l1.45-1.295C16.6 13.124 20 10.102 20 6.394 20 3.373 17.58.999 14.5.999z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/board/btn-favorite.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#EA6780" fill-rule="evenodd" d="M14.5.999c-1.74 0-3.41.794-4.5 2.05C8.91 1.793 7.24.999 5.5.999 2.42.999 0 3.373 0 6.394c0 3.708 3.4 6.73 8.55 11.321L10 19l1.45-1.295C16.6 13.124 20 10.102 20 6.394 20 3.373 17.58.999 14.5.999zm-4.4 15.254l-.1.099-.1-.099C5.14 12.025 2 9.23 2 6.394c0-1.962 1.5-3.433 3.5-3.433 1.54 0 3.04.971 3.57 2.315h1.87c.52-1.344 2.02-2.315 3.56-2.315 2 0 3.5 1.471 3.5 3.433 0 2.836-3.14 5.631-7.9 9.859z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
+</svg>

package/icons/board/btn-info-hover.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#FFF" fill-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm1 15H9V9h2v6zm0-8H9V5h2v2z"/>
+</svg>

package/icons/board/btn-info.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+    <path fill="#EA6780" fill-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm1 15H9V9h2v6zm0-8H9V5h2v2z"/>
+</svg>

package/icons/board/btn-open-dropbox.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5">
+    <path fill="#E96780" fill-rule="evenodd" d="M7.99 4.871l-7.994.134L3.885-.009l4.105 4.88z"/>
+</svg>

package/icons/board/btn-users.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25">
+    <path fill="#A5A5A5" fill-rule="evenodd" d="M17.045 11.964c1.887 0 3.398-1.555 3.398-3.482C20.443 6.555 18.932 5 17.045 5c-1.886 0-3.409 1.555-3.409 3.482 0 1.927 1.523 3.482 3.409 3.482zm-9.09 0c1.886 0 3.397-1.555 3.397-3.482C11.352 6.555 9.841 5 7.955 5c-1.887 0-3.41 1.555-3.41 3.482 0 1.927 1.523 3.482 3.41 3.482zm0 2.322C5.307 14.286 0 15.644 0 18.348v2.902h15.909v-2.902c0-2.704-5.307-4.062-7.954-4.062zm9.09 0c-.329 0-.704.023-1.102.058 1.318.975 2.239 2.286 2.239 4.004v2.902H25v-2.902c0-2.704-5.307-4.062-7.955-4.062z"/>
+    <path fill="none" fill-rule="evenodd" d="M0 0h25v25H0V0z"/>
+</svg>

package/icons/board/favorite_black.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmsim/board",
-  "version": "1.0.35",
+  "version": "1.0.38",
   "description": "보드 구성을 위한 기본 UI (웹)컴포넌트들을 제공합니다.",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -29,7 +29,8 @@
     "./ox-property-editor-board-selector.js": "./dist/src/ox-property-editor-board-selector.js",
     "./ox-board-selector.js": "./dist/src/selector/ox-board-selector.js",
     "./ox-board-creation-card.js": "./dist/src/selector/ox-board-creation-card.js",
-    "./register-default-groups.js": "./dist/src/component/register-default-groups.js"
+    "./register-default-groups.js": "./dist/src/component/register-default-groups.js",
+    "./restful-attachment-selector.js": "./dist/src/component/restful-attachment-selector.js"
   },
   "typesVersions": {
     "*": {
@@ -68,6 +69,9 @@
       ],
       "register-default-groups.js": [
         "./dist/src/component/register-default-groups.d.ts"
+      ],
+      "./restful-attachment-selector.js": [
+        "./dist/src/component/restful-attachment-selector.d.ts"
       ]
     }
   },
@@ -80,11 +84,11 @@
     "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "tsc && wtr --coverage",
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
-    "storybook": "tsc && npm run analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
-    "storybook:build": "tsc && npm run analyze -- --exclude dist && build-storybook"
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@fmsim/api": "^1.0.35",
+    "@fmsim/api": "^1.0.38",
     "@open-wc/scoped-elements": "^3.0.5",
     "@operato/app": "^1.3.7",
     "@operato/data-grist": "^1.3.5",
@@ -131,7 +135,7 @@
     "lint-staged": "^15.3.0",
     "prettier": "^3.4.2",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.3"
+    "typescript": "^5.8.2"
   },
   "customElements": "custom-elements.json",
   "prettier": "@hatiolab/prettier-config",
@@ -146,5 +150,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "7393421aa09df8cf8aae14d4d67acb3b044a2e16"
+  "gitHead": "f5b6e30361db0aa27c5e38f8ce88d4ecd6841938"
 }

package/stories/restful-attachment-selector.stories.ts

@@ -0,0 +1,113 @@
+import { html } from 'lit'
+import type { Meta, StoryObj } from '@storybook/web-components'
+import '../src/component/restful-attachment-selector'
+import { RestfulAttachmentSelector } from '../src/component/restful-attachment-selector'
+
+sessionStorage.setItem('lv_server_ip_port', 'http://localhost:16060')
+sessionStorage.setItem('lv_server_context_path', '/mcs/lv')
+
+const meta = {
+  title: 'Components/RestfulAttachmentSelector',
+  component: 'restful-attachment-selector',
+  argTypes: {
+    category: {
+      control: 'select',
+      options: ['', 'audio', 'video', 'image', 'text', 'application'],
+      description: '첨부파일 카테고리'
+    },
+    creatable: {
+      control: 'boolean',
+      description: '파일 업로드 가능 여부'
+    },
+    userName: {
+      control: 'text',
+      description: '사용자 이름'
+    }
+  },
+  parameters: {
+    layout: 'centered'
+  }
+} satisfies Meta
+
+export default meta
+type Story = StoryObj
+
+export const Default: Story = {
+  render: args => html`
+    <restful-attachment-selector
+      .category=${args.category}
+      .creatable=${args.creatable}
+      .userName=${args.userName}
+      style="width: 800px; height: 600px;"
+    ></restful-attachment-selector>
+  `,
+  args: {
+    category: '',
+    creatable: true,
+    userName: 'testUser'
+  }
+}
+
+export const WithCategory: Story = {
+  ...Default,
+  args: {
+    ...Default.args,
+    category: 'document'
+  }
+}
+
+export const ReadOnly: Story = {
+  ...Default,
+  args: {
+    ...Default.args,
+    creatable: false
+  }
+}
+
+export const WithTestData: Story = {
+  ...Default,
+  args: {
+    ...Default.args,
+    category: 'document'
+  },
+  play: async ({ canvasElement }) => {
+    const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector
+    if (selector) {
+      // 테스트 데이터 주입
+      selector.attachments = [
+        {
+          id: 'test-1',
+          name: 'test1.txt',
+          description: 'Test file 1',
+          mimetype: 'text/plain',
+          encoding: '7bit',
+          category: 'document',
+          path: 'test1.txt',
+          bulk: '27',
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          creatorId: 'testUser',
+          updaterId: 'testUser',
+          fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt',
+          download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt'
+        },
+        {
+          id: 'test-2',
+          name: 'test2.jpg',
+          description: 'Test image',
+          mimetype: 'image/jpeg',
+          encoding: '7bit',
+          category: 'image',
+          path: 'test2.jpg',
+          bulk: '1024',
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          creatorId: 'testUser',
+          updaterId: 'testUser',
+          fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg',
+          download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg'
+        }
+      ]
+    }
+  }
+}

package/.storybook/main.js

@@ -1,3 +0,0 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}']
-}

package/dist/stories/index.stories.d.ts

@@ -1,33 +0,0 @@
-import '../index.js';
-import { TemplateResult } from 'lit';
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        title: {
-            control: string;
-        };
-        counter: {
-            control: string;
-        };
-        textColor: {
-            control: string;
-        };
-    };
-};
-export default _default;
-interface Story<T> {
-    (args: T): TemplateResult;
-    args?: Partial<T>;
-    argTypes?: Record<string, unknown>;
-}
-interface ArgTypes {
-    title?: string;
-    counter?: number;
-    textColor?: string;
-    slot?: TemplateResult;
-}
-export declare const Regular: Story<ArgTypes>;
-export declare const CustomTitle: Story<ArgTypes>;
-export declare const CustomCounter: Story<ArgTypes>;
-export declare const SlottedContent: Story<ArgTypes>;

package/dist/stories/index.stories.js

@@ -1,33 +0,0 @@
-import '../index.js';
-import { html } from 'lit';
-export default {
-    title: 'BoardViewer',
-    component: 'board-viewer',
-    argTypes: {
-        title: { control: 'text' },
-        counter: { control: 'number' },
-        textColor: { control: 'color' }
-    }
-};
-const Template = ({ title = 'Hello world', counter = 5, textColor, slot }) => html `
-  <ox-board-viewer style="--board-viewer-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
-    ${slot}
-  </ox-board-viewer>
-`;
-export const Regular = Template.bind({});
-export const CustomTitle = Template.bind({});
-CustomTitle.args = {
-    title: 'My title'
-};
-export const CustomCounter = Template.bind({});
-CustomCounter.args = {
-    counter: 123456
-};
-export const SlottedContent = Template.bind({});
-SlottedContent.args = {
-    slot: html `<p>Slotted content</p>`
-};
-SlottedContent.argTypes = {
-    slot: { table: { disable: true } }
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/stories/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAChC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;uDACtD,SAAS,IAAI,OAAO,YAAY,KAAK,aAAa,OAAO;MAC1G,IAAI;;CAET,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA,wBAAwB;CACnC,CAAA;AACD,cAAc,CAAC,QAAQ,GAAG;IACxB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACnC,CAAA","sourcesContent":["import '../index.js'\n\nimport { TemplateResult, html } from 'lit'\n\nexport default {\n  title: 'BoardViewer',\n  component: 'board-viewer',\n  argTypes: {\n    title: { control: 'text' },\n    counter: { control: 'number' },\n    textColor: { control: 'color' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  title?: string\n  counter?: number\n  textColor?: string\n  slot?: TemplateResult\n}\n\nconst Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`\n  <ox-board-viewer style=\"--board-viewer-text-color: ${textColor || 'black'}\" .title=${title} .counter=${counter}>\n    ${slot}\n  </ox-board-viewer>\n`\n\nexport const Regular = Template.bind({})\n\nexport const CustomTitle = Template.bind({})\nCustomTitle.args = {\n  title: 'My title'\n}\n\nexport const CustomCounter = Template.bind({})\nCustomCounter.args = {\n  counter: 123456\n}\n\nexport const SlottedContent = Template.bind({})\nSlottedContent.args = {\n  slot: html`<p>Slotted content</p>`\n}\nSlottedContent.argTypes = {\n  slot: { table: { disable: true } }\n}\n"]}

package/stories/index.stories.ts

@@ -1,52 +0,0 @@
-import '../index.js'
-
-import { TemplateResult, html } from 'lit'
-
-export default {
-  title: 'BoardViewer',
-  component: 'board-viewer',
-  argTypes: {
-    title: { control: 'text' },
-    counter: { control: 'number' },
-    textColor: { control: 'color' }
-  }
-}
-
-interface Story<T> {
-  (args: T): TemplateResult
-  args?: Partial<T>
-  argTypes?: Record<string, unknown>
-}
-
-interface ArgTypes {
-  title?: string
-  counter?: number
-  textColor?: string
-  slot?: TemplateResult
-}
-
-const Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`
-  <ox-board-viewer style="--board-viewer-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
-    ${slot}
-  </ox-board-viewer>
-`
-
-export const Regular = Template.bind({})
-
-export const CustomTitle = Template.bind({})
-CustomTitle.args = {
-  title: 'My title'
-}
-
-export const CustomCounter = Template.bind({})
-CustomCounter.args = {
-  counter: 123456
-}
-
-export const SlottedContent = Template.bind({})
-SlottedContent.args = {
-  slot: html`<p>Slotted content</p>`
-}
-SlottedContent.argTypes = {
-  slot: { table: { disable: true } }
-}