@operato/input 9.0.0-beta.28 → 9.0.0-beta.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  import { html } from 'lit';
2
- import '../src/input/ox-input-table.js';
3
2
  import { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles.js';
3
+ import '../src/ox-input-table.js';
4
4
  export default {
5
- title: 'OxInputTable',
5
+ title: 'ox-input-table',
6
6
  component: 'ox-input-table',
7
7
  argTypes: {
8
8
  value: { control: 'object' }
@@ -1 +1 @@
1
- {"version":3,"file":"ox-input-table.stories.js","sourceRoot":"","sources":["../../stories/ox-input-table.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,iDAAiD,CAAA;AAE7F,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC7B;CACF,CAAA;AAYD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;MAsBzD,iBAAiB,CAAC,OAAO;;;;;;;;;;;;;;2BAcJ,KAAK;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,kBAAkB;QACxB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE;YACN,GAAG,EAAE;gBACH,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,IAAI,EAAE;gBACJ,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,MAAM,EAAE;gBACN,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;QACD,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC;KACb;CACF,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport '../src/input/ox-input-table.js'\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles.js'\n\nexport default {\n title: 'OxInputTable',\n component: 'ox-input-table',\n argTypes: {\n value: { control: 'object' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n value?: any\n}\n\nconst Template: Story<ArgTypes> = ({ value }: ArgTypes) => html`\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\" />\n\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/help-theme.css\" rel=\"stylesheet\" />\n\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 <style>\n ${MDTypeScaleStyles.cssText}\n </style>\n\n <style>\n #place {\n width: 100%;\n height: 500px;\n text-align: center;\n\n background-color: var(--md-sys-color-primary-container);\n color: var(--md-sys-color-on-primary-container);\n }\n </style>\n\n <ox-input-table .value=${value}> </ox-input-table>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n value: {\n type: 'table-cell',\n left: 290.42944785276075,\n top: 0,\n width: 96.80981595092024,\n height: 62.02453987730057,\n textWrap: true,\n border: {\n top: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n },\n left: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n },\n bottom: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n },\n right: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n }\n },\n refid: 12,\n dataIndex: 0\n }\n}\n"]}
1
+ {"version":3,"file":"ox-input-table.stories.js","sourceRoot":"","sources":["../../stories/ox-input-table.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,iDAAiD,CAAA;AAC7F,OAAO,0BAA0B,CAAA;AAEjC,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC7B;CACF,CAAA;AAYD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;MAsBzD,iBAAiB,CAAC,OAAO;;;;;;;;;;;;;;2BAcJ,KAAK;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,kBAAkB;QACxB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE;YACN,GAAG,EAAE;gBACH,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,IAAI,EAAE;gBACJ,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,MAAM,EAAE;gBACN,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;QACD,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC;KACb;CACF,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles.js'\nimport '../src/ox-input-table.js'\n\nexport default {\n title: 'ox-input-table',\n component: 'ox-input-table',\n argTypes: {\n value: { control: 'object' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n value?: any\n}\n\nconst Template: Story<ArgTypes> = ({ value }: ArgTypes) => html`\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\" />\n\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/help-theme.css\" rel=\"stylesheet\" />\n\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 <style>\n ${MDTypeScaleStyles.cssText}\n </style>\n\n <style>\n #place {\n width: 100%;\n height: 500px;\n text-align: center;\n\n background-color: var(--md-sys-color-primary-container);\n color: var(--md-sys-color-on-primary-container);\n }\n </style>\n\n <ox-input-table .value=${value}> </ox-input-table>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n value: {\n type: 'table-cell',\n left: 290.42944785276075,\n top: 0,\n width: 96.80981595092024,\n height: 62.02453987730057,\n textWrap: true,\n border: {\n top: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n },\n left: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n },\n bottom: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n },\n right: {\n strokeStyle: '#999',\n lineDash: 'solid',\n lineWidth: 1\n }\n },\n refid: 12,\n dataIndex: 0\n }\n}\n"]}