@operato/input 1.0.0-beta.9 → 1.0.6

package/dist/stories/ox-input-partition-keys.stories.js

@@ -0,0 +1,37 @@
+import '../src/ox-input-partition-keys.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-partition-keys',
+    component: 'ox-input-partition-keys',
+    argTypes: {
+        value: { control: 'object' },
+        name: { control: 'text' }
+    }
+};
+const Template = ({ name = 'partition-keys', value = {} }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-input-partition-keys
+    @change=${(e) => {
+    console.log(e.target.value);
+}}
+    name=${name}
+    .value=${value}
+  >
+  </ox-input-partition-keys>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    name: 'partition-keys',
+    value: {
+        A: 'A',
+        B: 'B',
+        C: 'C'
+    }
+};
+//# sourceMappingURL=ox-input-partition-keys.stories.js.map

package/dist/stories/ox-input-partition-keys.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-partition-keys.stories.js","sourceRoot":"","sources":["../../stories/ox-input-partition-keys.stories.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAA;AAE1C,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,yBAAyB;IACpC,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC1B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cAS/E,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;;;CAGjB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,GAAG;KACP;CACF,CAAA","sourcesContent":["import '../src/ox-input-partition-keys.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-partition-keys',\n  component: 'ox-input-partition-keys',\n  argTypes: {\n    value: { control: 'object' },\n    name: { control: 'text' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: object\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'partition-keys', value = {} }: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n  <style>\n    body {\n    }\n  </style>\n\n  <ox-input-partition-keys\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n  >\n  </ox-input-partition-keys>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'partition-keys',\n  value: {\n    A: 'A',\n    B: 'B',\n    C: 'C'\n  }\n}\n"]}

package/dist/stories/ox-input-quantifier.stories.d.ts

@@ -0,0 +1,25 @@
+import '../src/ox-input-quantifier.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        name: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    name?: string;
+    value?: number[];
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-input-quantifier.stories.js

@@ -0,0 +1,27 @@
+import '../src/ox-input-quantifier.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-quantifier',
+    component: 'ox-input-quantifier',
+    argTypes: {
+        name: { control: 'text' },
+        value: { control: 'array' }
+    }
+};
+const Template = ({ name = 'quantifier', value }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+
+  <ox-input-quantifier
+    name=${name}
+    .value=${value}
+    @change=${(e) => console.log(e.target.value)}
+  >
+  </ox-input-quantifier>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    name: 'quantifier',
+    value: [10, 100]
+};
+//# sourceMappingURL=ox-input-quantifier.stories.js.map

package/dist/stories/ox-input-quantifier.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-quantifier.stories.js","sourceRoot":"","sources":["../../stories/ox-input-quantifier.stories.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAI1C,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,qBAAqB;IAChC,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAC5B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,YAAY,EAAE,KAAK,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;WAKzE,IAAI;aACF,KAAK;cACJ,CAAC,CAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;;;CAG7E,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC;CACjB,CAAA","sourcesContent":["import '../src/ox-input-quantifier.js'\n\nimport { html, TemplateResult } from 'lit'\n\nimport { OxInputQuantifier } from '../src/ox-input-quantifier.js'\n\nexport default {\n  title: 'ox-input-quantifier',\n  component: 'ox-input-quantifier',\n  argTypes: {\n    name: { control: 'text' },\n    value: { control: 'array' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: number[]\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'quantifier', value }: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n\n  <ox-input-quantifier\n    name=${name}\n    .value=${value}\n    @change=${(e: Event) => console.log((e.target as OxInputQuantifier).value)}\n  >\n  </ox-input-quantifier>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'quantifier',\n  value: [10, 100]\n}\n"]}

package/dist/stories/ox-input-range.stories.d.ts

@@ -0,0 +1,37 @@
+import '../src/ox-input-range.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        name: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        step: {
+            control: string;
+        };
+        min: {
+            control: string;
+        };
+        max: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    name?: string;
+    value?: number;
+    step?: number;
+    min?: number;
+    max?: number;
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-input-range.stories.js

@@ -0,0 +1,28 @@
+import '../src/ox-input-range.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-range',
+    component: 'ox-input-range',
+    argTypes: {
+        name: { control: 'text' },
+        value: { control: 'number' },
+        step: { control: 'number' },
+        min: { control: 'number' },
+        max: { control: 'number' }
+    }
+};
+const Template = ({ name = 'range', value = 0, step = 1, min = 0, max = 100 }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+
+  <ox-input-range name=${name} value=${value} step=${step} min=${min} max=${max}> </ox-input-range>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    name: 'range',
+    value: 0,
+    step: 1,
+    min: 0,
+    max: 100
+};
+//# sourceMappingURL=ox-input-range.stories.js.map

package/dist/stories/ox-input-range.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-range.stories.js","sourceRoot":"","sources":["../../stories/ox-input-range.stories.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC3B,GAAG,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC1B,GAAG,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC3B;CACF,CAAA;AAgBD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;yBAIxF,IAAI,UAAU,KAAK,SAAS,IAAI,QAAQ,GAAG,QAAQ,GAAG;CAC9E,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,GAAG,EAAE,GAAG;CACT,CAAA","sourcesContent":["import '../src/ox-input-range.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-range',\n  component: 'ox-input-range',\n  argTypes: {\n    name: { control: 'text' },\n    value: { control: 'number' },\n    step: { control: 'number' },\n    min: { control: 'number' },\n    max: { control: 'number' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: number\n  step?: number\n  min?: number\n  max?: number\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'range', value = 0, step = 1, min = 0, max = 100 }: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n\n  <ox-input-range name=${name} value=${value} step=${step} min=${min} max=${max}> </ox-input-range>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'range',\n  value: 0,\n  step: 1,\n  min: 0,\n  max: 100\n}\n"]}

package/dist/stories/ox-input-search.stories.d.ts

@@ -0,0 +1,33 @@
+import '../src/ox-input-search.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        placeholder: {
+            control: string;
+        };
+        name: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        selectAfterChange: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    placeholder?: string;
+    name?: string;
+    value?: string;
+    selectAfterChange?: boolean;
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-input-search.stories.js

@@ -0,0 +1,35 @@
+import '../src/ox-input-search.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-search',
+    component: 'ox-input-search',
+    argTypes: {
+        placeholder: { control: 'text' },
+        name: { control: 'text' },
+        value: { control: 'text' },
+        selectAfterChange: { control: 'boolean' }
+    }
+};
+const Template = ({ placeholder = 'Search', name = 'hello', value = '', selectAfterChange }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-input-search
+    @change=${(e) => console.log('changed', e.target.value)}
+    ?select-after-change=${selectAfterChange}
+    name=${name}
+    .checked=${value}
+  >
+  </ox-input-search>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    placeholder: 'label',
+    name: 'label',
+    selectAfterChange: false
+};
+//# sourceMappingURL=ox-input-search.stories.js.map

package/dist/stories/ox-input-search.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-search.stories.js","sourceRoot":"","sources":["../../stories/ox-input-search.stories.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,iBAAiB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC1C;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EACjC,WAAW,GAAG,QAAQ,EACtB,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,EAAE,EACV,iBAAiB,EACR,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cASN,CAAC,CAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;2BAC7D,iBAAiB;WACjC,IAAI;eACA,KAAK;;;CAGnB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,OAAO;IACpB,IAAI,EAAE,OAAO;IACb,iBAAiB,EAAE,KAAK;CACzB,CAAA","sourcesContent":["import '../src/ox-input-search.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-search',\n  component: 'ox-input-search',\n  argTypes: {\n    placeholder: { control: 'text' },\n    name: { control: 'text' },\n    value: { control: 'text' },\n    selectAfterChange: { 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  placeholder?: string\n  name?: string\n  value?: string\n  selectAfterChange?: boolean\n}\n\nconst Template: Story<ArgTypes> = ({\n  placeholder = 'Search',\n  name = 'hello',\n  value = '',\n  selectAfterChange\n}: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n  <style>\n    body {\n    }\n  </style>\n\n  <ox-input-search\n    @change=${(e: Event) => console.log('changed', (e.target as HTMLInputElement).value)}\n    ?select-after-change=${selectAfterChange}\n    name=${name}\n    .checked=${value}\n  >\n  </ox-input-search>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  placeholder: 'label',\n  name: 'label',\n  selectAfterChange: false\n}\n"]}

package/dist/stories/ox-input-unit.stories.d.ts

@@ -0,0 +1,40 @@
+import '../src/ox-input-unit.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        placeholder: {
+            control: string;
+        };
+        name: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        stdUnit: {
+            control: string;
+            options: string[];
+        };
+        userUnit: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    placeholder?: string;
+    name?: string;
+    value?: number;
+    stdUnit: string;
+    userUnit?: string;
+}
+export declare const Weight: Story<ArgTypes>;
+export declare const Angle: Story<ArgTypes>;

package/dist/stories/ox-input-unit.stories.js

@@ -0,0 +1,42 @@
+import '../src/ox-input-unit.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-unit',
+    component: 'ox-input-unit',
+    argTypes: {
+        placeholder: { control: 'text' },
+        name: { control: 'text' },
+        value: { control: 'number' },
+        stdUnit: { control: 'select', options: ['kg', 'rad'] },
+        userUnit: { control: 'select', options: ['mg', 'g', 'ton', 'degree'] }
+    }
+};
+const Template = ({ placeholder = 'unit', name = 'hello', value = 0, stdUnit = 'kg', userUnit }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <ox-input-unit
+    name=${name}
+    placeholder=${placeholder}
+    .value=${value}
+    std-unit=${stdUnit}
+    user-unit=${userUnit}
+    @change=${(e) => console.log(e.detail)}
+  >
+  </ox-input-unit>
+`;
+export const Weight = Template.bind({});
+Weight.args = {
+    placeholder: 'weight',
+    name: 'weight',
+    value: 0,
+    stdUnit: 'kg',
+    userUnit: 'g'
+};
+export const Angle = Template.bind({});
+Angle.args = {
+    placeholder: 'angle',
+    name: 'angle',
+    value: 0,
+    stdUnit: 'rad',
+    userUnit: 'degree'
+};
+//# sourceMappingURL=ox-input-unit.stories.js.map

package/dist/stories/ox-input-unit.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-unit.stories.js","sourceRoot":"","sources":["../../stories/ox-input-unit.stories.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;QACtD,QAAQ,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE;KACvE;CACF,CAAA;AAgBD,MAAM,QAAQ,GAAoB,CAAC,EACjC,WAAW,GAAG,MAAM,EACpB,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,IAAI,EACd,QAAQ,EACC,EAAE,EAAE,CAAC,IAAI,CAAA;;;WAGT,IAAI;kBACG,WAAW;aAChB,KAAK;eACH,OAAO;gBACN,QAAQ;cACV,CAAC,CAAc,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;;;CAGtD,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,MAAM,CAAC,IAAI,GAAG;IACZ,WAAW,EAAE,QAAQ;IACrB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,GAAG;CACd,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,KAAK,CAAC,IAAI,GAAG;IACX,WAAW,EAAE,OAAO;IACpB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,QAAQ;CACnB,CAAA","sourcesContent":["import '../src/ox-input-unit.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-unit',\n  component: 'ox-input-unit',\n  argTypes: {\n    placeholder: { control: 'text' },\n    name: { control: 'text' },\n    value: { control: 'number' },\n    stdUnit: { control: 'select', options: ['kg', 'rad'] },\n    userUnit: { control: 'select', options: ['mg', 'g', 'ton', 'degree'] }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  placeholder?: string\n  name?: string\n  value?: number\n  stdUnit: string\n  userUnit?: string\n}\n\nconst Template: Story<ArgTypes> = ({\n  placeholder = 'unit',\n  name = 'hello',\n  value = 0,\n  stdUnit = 'kg',\n  userUnit\n}: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <ox-input-unit\n    name=${name}\n    placeholder=${placeholder}\n    .value=${value}\n    std-unit=${stdUnit}\n    user-unit=${userUnit}\n    @change=${(e: CustomEvent) => console.log(e.detail)}\n  >\n  </ox-input-unit>\n`\n\nexport const Weight = Template.bind({})\nWeight.args = {\n  placeholder: 'weight',\n  name: 'weight',\n  value: 0,\n  stdUnit: 'kg',\n  userUnit: 'g'\n}\n\nexport const Angle = Template.bind({})\nAngle.args = {\n  placeholder: 'angle',\n  name: 'angle',\n  value: 0,\n  stdUnit: 'rad',\n  userUnit: 'degree'\n}\n"]}

package/dist/stories/ox-input-value-map.stories.d.ts

@@ -0,0 +1,35 @@
+import '../src/ox-input-value-map.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        name: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        keytype: {
+            control: string;
+            options: string[];
+        };
+        valuetype: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    name?: string;
+    value?: object;
+    valuetype?: string;
+    keytype?: string;
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-input-value-map.stories.js

@@ -0,0 +1,37 @@
+import '../src/ox-input-value-map.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-value-map',
+    component: 'ox-input-value-map',
+    argTypes: {
+        name: { control: 'text' },
+        value: { control: 'object' },
+        keytype: { control: 'select', options: ['string', 'number'] },
+        valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] }
+    }
+};
+const Template = ({ name = 'values', value = {}, keytype = 'string', valuetype = 'string' }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-input-value-map
+    @change=${(e) => {
+    console.log(e.target.value);
+}}
+    name=${name}
+    .value=${value}
+    keytype=${keytype}
+    valuetype=${valuetype}
+  >
+  </ox-input-value-map>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    name: 'values',
+    value: {}
+};
+//# sourceMappingURL=ox-input-value-map.stories.js.map

package/dist/stories/ox-input-value-map.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-value-map.stories.js","sourceRoot":"","sources":["../../stories/ox-input-value-map.stories.ts"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAoB;IAC/B,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;QAC7D,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE;KAC5F;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EACjC,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,QAAQ,EACX,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cASN,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;cACJ,OAAO;gBACL,SAAS;;;CAGxB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,EAAE;CACV,CAAA","sourcesContent":["import '../src/ox-input-value-map.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-value-map',\n  component: 'ox-input-value-map',\n  argTypes: {\n    name: { control: 'text' },\n    value: { control: 'object' },\n    keytype: { control: 'select', options: ['string', 'number'] },\n    valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: object\n  valuetype?: string\n  keytype?: string\n}\n\nconst Template: Story<ArgTypes> = ({\n  name = 'values',\n  value = {},\n  keytype = 'string',\n  valuetype = 'string'\n}: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n  <style>\n    body {\n    }\n  </style>\n\n  <ox-input-value-map\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n    keytype=${keytype}\n    valuetype=${valuetype}\n  >\n  </ox-input-value-map>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'values',\n  value: {}\n}\n"]}

package/dist/stories/ox-input-value-ranges.stories.d.ts

@@ -0,0 +1,35 @@
+import '../src/ox-input-value-ranges.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        name: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        keytype: {
+            control: string;
+            options: string[];
+        };
+        valuetype: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    name?: string;
+    value?: object;
+    valuetype?: string;
+    keytype?: string;
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-input-value-ranges.stories.js

@@ -0,0 +1,37 @@
+import '../src/ox-input-value-ranges.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-value-ranges',
+    component: 'ox-input-value-ranges',
+    argTypes: {
+        name: { control: 'text' },
+        value: { control: 'object' },
+        keytype: { control: 'select', options: ['string', 'number'] },
+        valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] }
+    }
+};
+const Template = ({ name = 'values', value = {}, keytype = 'string', valuetype = 'string' }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-input-value-ranges
+    @change=${(e) => {
+    console.log(e.target.value);
+}}
+    name=${name}
+    .value=${value}
+    keytype=${keytype}
+    valuetype=${valuetype}
+  >
+  </ox-input-value-ranges>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    name: 'values',
+    value: {}
+};
+//# sourceMappingURL=ox-input-value-ranges.stories.js.map

package/dist/stories/ox-input-value-ranges.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-value-ranges.stories.js","sourceRoot":"","sources":["../../stories/ox-input-value-ranges.stories.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;QAC7D,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE;KAC5F;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EACjC,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,QAAQ,EACX,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cASN,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;cACJ,OAAO;gBACL,SAAS;;;CAGxB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,EAAE;CACV,CAAA","sourcesContent":["import '../src/ox-input-value-ranges.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-value-ranges',\n  component: 'ox-input-value-ranges',\n  argTypes: {\n    name: { control: 'text' },\n    value: { control: 'object' },\n    keytype: { control: 'select', options: ['string', 'number'] },\n    valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: object\n  valuetype?: string\n  keytype?: string\n}\n\nconst Template: Story<ArgTypes> = ({\n  name = 'values',\n  value = {},\n  keytype = 'string',\n  valuetype = 'string'\n}: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n  <style>\n    body {\n    }\n  </style>\n\n  <ox-input-value-ranges\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n    keytype=${keytype}\n    valuetype=${valuetype}\n  >\n  </ox-input-value-ranges>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'values',\n  value: {}\n}\n"]}

package/dist/stories/ox-input-work-shift.stories.d.ts

@@ -0,0 +1,26 @@
+import '../src/ox-input-work-shift.js';
+import '../src/locale/locale-picker.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        value: {
+            control: string;
+        };
+        name: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    name?: string;
+    value?: object;
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-input-work-shift.stories.js

@@ -0,0 +1,59 @@
+import '../src/ox-input-work-shift.js';
+import '../src/locale/locale-picker.js';
+import { html } from 'lit';
+export default {
+    title: 'ox-input-work-shift',
+    component: 'ox-input-work-shift',
+    argTypes: {
+        value: { control: 'object' },
+        name: { control: 'text' }
+    }
+};
+const Template = ({ name = 'work-shift', value = [] }) => html `
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+  <style>
+    body {
+    }
+  </style>
+
+  <locale-picker></locale-picker>
+  <br /><br />
+
+  <ox-input-work-shift
+    @change=${(e) => {
+    console.log(e.target.value);
+}}
+    name=${name}
+    .value=${value}
+  >
+  </ox-input-work-shift>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    name: 'work-shift',
+    value: [
+        {
+            name: 'DAY',
+            fromDate: -1,
+            fromTime: '22:00',
+            toDate: 0,
+            toTime: '06:00'
+        },
+        {
+            name: 'SWING',
+            fromDate: 0,
+            fromTime: '06:00',
+            toDate: 0,
+            toTime: '14:00'
+        },
+        {
+            name: 'NIGHT',
+            fromDate: 0,
+            fromTime: '14:00',
+            toDate: 0,
+            toTime: '22:00'
+        }
+    ]
+};
+//# sourceMappingURL=ox-input-work-shift.stories.js.map

package/dist/stories/ox-input-work-shift.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-work-shift.stories.js","sourceRoot":"","sources":["../../stories/ox-input-work-shift.stories.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AACtC,OAAO,gCAAgC,CAAA;AAEvC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,qBAAqB;IAChC,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC1B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,YAAY,EAAE,KAAK,GAAG,EAAE,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;cAY3E,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;;;CAGjB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL;YACE,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,CAAC,CAAC;YACZ,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,OAAO;SAChB;QACD;YACE,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,OAAO;SAChB;QACD;YACE,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,OAAO;SAChB;KACF;CACF,CAAA","sourcesContent":["import '../src/ox-input-work-shift.js'\nimport '../src/locale/locale-picker.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-work-shift',\n  component: 'ox-input-work-shift',\n  argTypes: {\n    value: { control: 'object' },\n    name: { control: 'text' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: object\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'work-shift', value = [] }: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n  <style>\n    body {\n    }\n  </style>\n\n  <locale-picker></locale-picker>\n  <br /><br />\n\n  <ox-input-work-shift\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n  >\n  </ox-input-work-shift>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'work-shift',\n  value: [\n    {\n      name: 'DAY',\n      fromDate: -1,\n      fromTime: '22:00',\n      toDate: 0,\n      toTime: '06:00'\n    },\n    {\n      name: 'SWING',\n      fromDate: 0,\n      fromTime: '06:00',\n      toDate: 0,\n      toTime: '14:00'\n    },\n    {\n      name: 'NIGHT',\n      fromDate: 0,\n      fromTime: '14:00',\n      toDate: 0,\n      toTime: '22:00'\n    }\n  ]\n}\n"]}

package/dist/stories/ox-select.stories.d.ts

@@ -0,0 +1,30 @@
+import '../src/ox-select.js';
+import '../src/ox-checkbox.js';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        placeholder: {
+            control: string;
+        };
+        name: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    placeholder?: string;
+    name?: string;
+    value?: object | string;
+    slot?: TemplateResult;
+}
+export declare const Regular: Story<ArgTypes>;
+export declare const MultipleSelect: Story<ArgTypes>;
+export declare const MultipleWithCheckbox: Story<ArgTypes>;