@operato/data-tree 9.0.0-beta.56 → 9.0.0

package/dist/stories/data-tree.stories.js

@@ -1,129 +0,0 @@
-import '../src/ox-tree.js';
-import '@material/web/icon/icon.js';
-import { html } from 'lit';
-export default {
-    title: 'ox-tree',
-    component: 'ox-tree',
-    argTypes: {
-        data: { control: 'object' },
-        reverse: { control: 'boolean' },
-        checkable: { control: 'boolean' },
-        labelExtends: { control: 'boolean' }
-    }
-};
-const Template = ({ data, reverse, checkable, labelExtends }) => html `
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-
-  <link href="/themes/app-theme.css" rel="stylesheet" />
-  <link href="/themes/light.css" rel="stylesheet" />
-  <link href="/themes/dark.css" rel="stylesheet" />
-  <link href="/themes/spacing.css" rel="stylesheet" />
-  <link href="/themes/grist-theme.css" rel="stylesheet" />
-  <link href="/themes/form-theme.css" rel="stylesheet" />
-
-  <ox-tree
-    .data=${data}
-    direction=${reverse ? 'rtl' : 'ltr'}
-    ?checkable=${checkable}
-    ?label-extends=${labelExtends}
-  ></ox-tree>
-`;
-export const Regular = Template.bind({});
-Regular.args = {
-    data: {
-        id: '0',
-        label: 'AAAAA',
-        children: [
-            {
-                id: '1-1',
-                label: 'AAAAA-1',
-                children: [
-                    {
-                        id: '1-1-1',
-                        label: 'AAAAA-2'
-                    }
-                ]
-            },
-            {
-                id: '1-2',
-                label: 'BBBBB-1',
-                children: [
-                    {
-                        id: '1-2-1',
-                        label: 'BBBBB-2'
-                    },
-                    {
-                        id: '1-2-2',
-                        label: 'BBBBB-21'
-                    }
-                ]
-            },
-            {
-                id: '1-3',
-                label: 'CCCCC-1',
-                children: [
-                    {
-                        id: '1-3-1',
-                        label: 'CCCCC-2'
-                    }
-                ]
-            }
-        ]
-    }
-};
-export const Reverse = Template.bind({});
-Reverse.args = {
-    reverse: true,
-    data: {
-        id: '0',
-        label: 'AAAAA',
-        children: [
-            {
-                id: '1-1',
-                label: 'AAAAA-1',
-                children: [
-                    {
-                        id: '1-1-1',
-                        label: 'AAAAA-2'
-                    }
-                ]
-            },
-            {
-                id: '1-2',
-                label: 'BBBBB-1',
-                children: [
-                    {
-                        id: '1-2-1',
-                        label: 'BBBBB-2'
-                    },
-                    {
-                        id: '1-2-2',
-                        label: 'BBBBB-21'
-                    }
-                ]
-            },
-            {
-                id: '1-3',
-                label: 'CCCCC-1',
-                children: [
-                    {
-                        id: '1-3-1',
-                        label: 'CCCCC-2'
-                    }
-                ]
-            }
-        ]
-    }
-};
-//# sourceMappingURL=data-tree.stories.js.map

package/dist/stories/data-tree.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-tree.stories.js","sourceRoot":"","sources":["../../stories/data-tree.stories.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACjC,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACrC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;YAsBpF,IAAI;gBACA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;iBACtB,SAAS;qBACL,YAAY;;CAEhC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE;QACJ,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,UAAU;qBAClB;iBACF;aACF;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,IAAI,EAAE;QACJ,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,UAAU;qBAClB;iBACF;aACF;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;SACF;KACF;CACF,CAAA","sourcesContent":["import '../src/ox-tree.js'\nimport '@material/web/icon/icon.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-tree',\n  component: 'ox-tree',\n  argTypes: {\n    data: { control: 'object' },\n    reverse: { control: 'boolean' },\n    checkable: { control: 'boolean' },\n    labelExtends: { control: 'boolean' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  reverse: boolean\n  checkable: boolean\n  labelExtends: boolean\n  data: object\n}\n\nconst Template: Story<ArgTypes> = ({ data, reverse, checkable, labelExtends }: ArgTypes) => html`\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/grist-theme.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/form-theme.css\" rel=\"stylesheet\" />\n\n  <ox-tree\n    .data=${data}\n    direction=${reverse ? 'rtl' : 'ltr'}\n    ?checkable=${checkable}\n    ?label-extends=${labelExtends}\n  ></ox-tree>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  data: {\n    id: '0',\n    label: 'AAAAA',\n    children: [\n      {\n        id: '1-1',\n        label: 'AAAAA-1',\n        children: [\n          {\n            id: '1-1-1',\n            label: 'AAAAA-2'\n          }\n        ]\n      },\n      {\n        id: '1-2',\n        label: 'BBBBB-1',\n        children: [\n          {\n            id: '1-2-1',\n            label: 'BBBBB-2'\n          },\n          {\n            id: '1-2-2',\n            label: 'BBBBB-21'\n          }\n        ]\n      },\n      {\n        id: '1-3',\n        label: 'CCCCC-1',\n        children: [\n          {\n            id: '1-3-1',\n            label: 'CCCCC-2'\n          }\n        ]\n      }\n    ]\n  }\n}\n\nexport const Reverse = Template.bind({})\nReverse.args = {\n  reverse: true,\n  data: {\n    id: '0',\n    label: 'AAAAA',\n    children: [\n      {\n        id: '1-1',\n        label: 'AAAAA-1',\n        children: [\n          {\n            id: '1-1-1',\n            label: 'AAAAA-2'\n          }\n        ]\n      },\n      {\n        id: '1-2',\n        label: 'BBBBB-1',\n        children: [\n          {\n            id: '1-2-1',\n            label: 'BBBBB-2'\n          },\n          {\n            id: '1-2-2',\n            label: 'BBBBB-21'\n          }\n        ]\n      },\n      {\n        id: '1-3',\n        label: 'CCCCC-1',\n        children: [\n          {\n            id: '1-3-1',\n            label: 'CCCCC-2'\n          }\n        ]\n      }\n    ]\n  }\n}\n"]}