@operato/input 2.0.0-alpha.48 → 2.0.0-alpha.51

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
+
+
+### :bug: Bug Fix
+
+* upgrade lit ([e661c33](https://github.com/hatiolab/operato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
+
+
+
+## [2.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.48...v2.0.0-alpha.49) (2024-03-28)
+
+
+### :bug: Bug Fix
+
+* i18n label ([fd48ef2](https://github.com/hatiolab/operato/commit/fd48ef2bd9bde7846a032fed5d34283fbb27a065))
+
+
+
 ## [2.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.47...v2.0.0-alpha.48) (2024-03-28)
 
 **Note:** Version bump only for package @operato/input

package/dist/src/locale/locale-picker.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
 export declare class LocalePicker extends LitElement {
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     localeChanged(event: Event): void;
 }

package/dist/src/ox-buttons-radio.d.ts

@@ -22,7 +22,7 @@ export declare class PropertyButtonsRadio extends OxFormField {
     value: Object | null;
     mandatory: boolean;
     _slotObserver: MutationObserver;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changes: PropertyValues<this>): void;

package/dist/src/ox-checkbox.d.ts

@@ -8,12 +8,12 @@ export declare class OxCheckbox extends OxFormField {
     indeterminatable: boolean;
     indeterminate: boolean;
     _hasInner: boolean;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     onClick(): void;
-    get checkedIcon(): import("lit").TemplateResult<1>;
-    get uncheckedIcon(): import("lit").TemplateResult<1>;
-    get indeterminateIcon(): import("lit").TemplateResult<1>;
+    get checkedIcon(): import("lit-html").TemplateResult<1>;
+    get uncheckedIcon(): import("lit-html").TemplateResult<1>;
+    get indeterminateIcon(): import("lit-html").TemplateResult<1>;
     onKeyDown(e: KeyboardEvent): void;
     protected appendFormData({ formData }: FormDataEvent): void;
 }

package/dist/src/ox-input-3axis.d.ts

@@ -6,5 +6,5 @@ export declare class OxInput3Axis extends OxFormField {
     static styles: import("lit").CSSResult[];
     firstUpdated(): void;
     _onChange(e: Event): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/ox-input-3dish.d.ts

@@ -27,5 +27,5 @@ export declare class OxInput3Dish extends OxFormField {
     };
     firstUpdated(): void;
     _onChange(e: Event): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/ox-input-angle.d.ts

@@ -6,7 +6,7 @@ export declare class OxInputAngle extends OxFormField {
     static styles: import("lit").CSSResult[];
     placeholder?: string;
     input: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _onChangeValue(e: Event): void;
     _toDegree(value: string | number | undefined): number;
     _toRadian(degree: string | number | undefined): number | undefined;

package/dist/src/ox-input-barcode.d.ts

@@ -62,7 +62,7 @@ export declare class OxInputBarcode extends OxFormField {
     private video;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     onInputChange(e: Event): void;
     onInputKeyDown(e: KeyboardEvent): void;
     scan(e: MouseEvent): Promise<void>;

package/dist/src/ox-input-color-gradient.d.ts

@@ -21,6 +21,6 @@ export declare class OxInputColorGradient extends OxFormField {
     value: GradientOption;
     firstUpdated(): void;
     _onChange(e: Event): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _convertDirectionToRotation(direction: string): number;
 }

package/dist/src/ox-input-color-stops.d.ts

@@ -52,7 +52,7 @@ export declare class OxInputColorStops extends OxFormField {
     connectedCallback(): void;
     firstUpdated(): void;
     updated(changes: PropertyValues<this>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _refinedValue(value: any): any[];
     _setFocused(index: number): void;
     _changeFocused(focused: any): void;

package/dist/src/ox-input-color.d.ts

@@ -165,7 +165,7 @@ export declare class OxInputColor extends OxFormField {
     static styles: import("lit").CSSResult;
     value?: string;
     properties: any;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     set colorString(colorString: string);
     _thumbnail(): string;
     _onInputChanged(e: Event): void;

package/dist/src/ox-input-container.d.ts

@@ -7,6 +7,6 @@ import { LitElement } from 'lit';
 import { OxPopupList } from '@operato/popup';
 export declare class OxInputContainer extends LitElement {
     popupList: OxPopupList;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     openPopupList(e: MouseEvent): void;
 }

package/dist/src/ox-input-crontab.d.ts

@@ -17,7 +17,7 @@ export declare class OxInputCrontab extends OxFormField {
         value: string;
         description: string;
     }[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     get focusableElements(): HTMLElement[];
     firstUpdated(): void;
     updated(changes: PropertyValues<this>): void;

package/dist/src/ox-input-data.d.ts

@@ -13,7 +13,7 @@ Example:
 */
 export declare class OxInputData extends OxFormField {
     static styles: import("lit").CSSResult[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     _setDataTypeAndValue(type: string | undefined | null, value: any): void;
     _setDataType(type: string | undefined | null): void;

package/dist/src/ox-input-duration.d.ts

@@ -6,7 +6,7 @@ import { OxFormField } from './ox-form-field';
 export declare class OxInputDuration extends OxFormField {
     static styles: import("lit").CSSResult;
     value?: number;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     days: HTMLInputElement;
     hours: HTMLInputElement;

package/dist/src/ox-input-file.d.ts

@@ -14,7 +14,7 @@ export declare class OxInputFile extends OxFormField {
     hideFileList: boolean;
     attachFileList: boolean;
     fileInput: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     updated(changes: PropertyValues<this>): void;
     firstUpdated(): void;
     get files(): any;

package/dist/src/ox-input-hashtags.d.ts

@@ -8,7 +8,7 @@ export declare class OxInputHashtags extends OxFormField {
     placeholder: string;
     input: HTMLInputElement;
     errors?: string | null;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     private onInputKeyup;
     setHashtags(): Promise<void>;
     initErrors(): void;

package/dist/src/ox-input-i18n-label.d.ts

@@ -26,7 +26,7 @@ export declare class OxInputI18nLabels extends OxFormField {
     records: NodeListOf<HTMLElement>;
     private changing;
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     private onChange;
     private build;
 }

package/dist/src/ox-input-image.d.ts

@@ -6,7 +6,7 @@ import { OxFormField } from './ox-form-field.js';
 export declare class OxInputImage extends OxFormField {
     static styles: import("lit").CSSResult[];
     fileInput: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     get file(): any;
     reset(): void;

package/dist/src/ox-input-key-values.d.ts

@@ -28,7 +28,7 @@ export declare class OxInputKeyValues extends OxFormField {
     }[];
     private _changingNow;
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _onChange(e: Event): void;
     _build(includeNewRecord?: boolean): void;
     _toArray(map: KeyValues): ArrayedKeyValues[];

package/dist/src/ox-input-mass-fraction.d.ts

@@ -33,7 +33,7 @@ export declare class OxInputMassFraction extends OxFormField {
     private options;
     private changingNow;
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _onChange(e: Event): void;
     _normalize(): void;
     _build(includeNewRecord?: boolean): void;

package/dist/src/ox-input-multiple-colors.d.ts

@@ -22,7 +22,7 @@ export declare class OxInputMultipleColors extends OxFormField {
     colorsContainer: HTMLDivElement;
     colors: NodeListOf<OxInputColor>;
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _onValueChanged(): void;
     _appendEditorColor(): void;
     _removeEditorColor(e: Event): void;

package/dist/src/ox-input-options.d.ts

@@ -11,7 +11,7 @@ export declare class OxInputOptions extends OxFormField {
     static styles: import("lit").CSSResult;
     value: Option[];
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     private _changingNow;
     _onChange(e: Event): void;
     _build(includeNewRecord?: any): void;

package/dist/src/ox-input-partition-keys.d.ts

@@ -24,7 +24,7 @@ export declare class OxInputPartitionKeys extends OxFormField {
     value: PartitionKeys;
     private _changingNow;
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _onChange(e: Event): void;
     _build(includeNewRecord?: boolean): void;
     _toArray(map: PartitionKeys): ArrayedPartitionKeys[];

package/dist/src/ox-input-privilege.d.ts

@@ -17,7 +17,7 @@ export declare class OxInputPrivilege extends OxFormField {
         description: string;
     }[];
     private form;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     buildValue(): {
         category: string;
         privilege: string;

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

@@ -5,7 +5,7 @@ import { OxFormField } from './ox-form-field.js';
 export declare class OxInputQuantifier extends OxFormField {
     static styles: import("lit").CSSResult;
     value: number[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     inputs?: HTMLInputElement[];
     onChange(e: Event): void;
 }

package/dist/src/ox-input-scene-component-id.d.ts

@@ -8,7 +8,7 @@ export declare class OxInputId extends OxFormField {
         component?: any;
     } | null | undefined;
     _ids: Array<string>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _onInputFocused(e: FocusEvent): void;
     _onInputChanged(e: InputEvent): void;
 }

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

@@ -9,7 +9,7 @@ export declare class OxInputSearch extends OxFormField {
     selectAfterChange?: boolean;
     input: HTMLInputElement;
     private dispatchChangeEventDebouncer;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     dispatchChangeEvent(value: string): void;
     _onClickSearch(e: Event): void;

package/dist/src/ox-input-select-buttons.d.ts

@@ -11,7 +11,7 @@ export declare class OxInputSelectButtons extends OxFormField {
     value: string[] | string | undefined;
     options: Option[];
     multiple: boolean;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     onClick(e: MouseEvent): void;
 }
 export {};

package/dist/src/ox-input-stack.d.ts

@@ -14,7 +14,7 @@ export declare class OxInputStack extends OxFormField {
     /**
      * `activeIndex`은 현재 active된 층의 인덱스를 유지한다.
      */
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _notifyChange(): void;
     _onClickAddFloor(e: Event): void;
     _onClickToActive(e: Event): void;

package/dist/src/ox-input-textarea.d.ts

@@ -7,7 +7,7 @@ export declare class OxInputTextarea extends OxFormField {
     static styles: import("lit").CSSResult[];
     value: string;
     textarea: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     updated(changes: PropertyValues<this>): void;
     onInput(e: Event): void;

package/dist/src/ox-input-unit-number.d.ts

@@ -12,7 +12,7 @@ export declare class OxInputUnitNumber extends OxFormField {
     userUnit?: string;
     input: HTMLInputElement;
     popup: OxPopupList;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     updated(changes: PropertyValues<this>): void;
     _onChangeValue(e: Event): void;
     _toUserUnit(stdValue: string | number | undefined): number | undefined;

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

@@ -31,8 +31,8 @@ export declare class OxInputValueMap extends OxFormField {
     private _changingNow;
     firstUpdated(): void;
     updated(): void;
-    valueInputTemplate(value?: any): import("lit").TemplateResult<1>;
-    render(): import("lit").TemplateResult<1>;
+    valueInputTemplate(value?: any): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _defaultValue(type?: 'color' | 'boolean' | 'checkbox' | string): string | boolean;
     _onChange(e: Event): void;
     _build(includeNewRecord?: boolean): void;

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

@@ -31,8 +31,8 @@ export declare class OxInputValueRange extends OxFormField {
     private _changingNow;
     firstUpdated(): void;
     updated(): void;
-    valueInputTemplate(value?: any): import("lit").TemplateResult<1>;
-    render(): import("lit").TemplateResult<1>;
+    valueInputTemplate(value?: any): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _defaultValue(type?: 'color' | 'boolean' | 'checkbox' | string): string | boolean;
     _onChange(e: Event): void;
     _build(includeNewRecord?: boolean): void;

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

@@ -23,7 +23,7 @@ export declare class OxInputWorkShift extends OxFormField {
     value: WorkShift[];
     private _changingNow;
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _onChange(e: Event): void;
     _build(includeNewRecord?: boolean): void;
     _add(): void;

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

@@ -10,7 +10,7 @@ export declare class Select extends OxFormField {
     name: string;
     placeholder: string;
     label: string | string[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     updated(changes: PropertyValues<this>): Promise<void>;
     expand(): void;

package/dist/stories/ox-input-i18n-label.stories.js

@@ -9,7 +9,7 @@ export default {
         disabled: { control: 'boolean' }
     }
 };
-const Template = ({ name = 'values', value = {}, disabled }) => html `
+const Template = ({ name = 'values', value, disabled }) => html `
   <link href="/themes/app-theme.css" rel="stylesheet" />
   <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
   <style>

package/dist/stories/ox-input-i18n-label.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-input-i18n-label.stories.js","sourceRoot":"","sources":["../../stories/ox-input-i18n-label.stories.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,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,QAAQ,EAAE;QAC5B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAA;AAcD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cASjF,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;iBACD;IACX;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;KACd;IACD;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KACnB;IACD;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KACnB;IACD;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,UAAU;KACpB;CACF;gBACW,QAAQ;;;CAGvB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,YAAY;KACjB;CACF,CAAA","sourcesContent":["import '../src/ox-input-i18n-label.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-i18n-label',\n  component: 'ox-input-i18n-label',\n  argTypes: {\n    name: { control: 'text' },\n    value: { control: 'object' },\n    disabled: { 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  name?: string\n  value?: object\n  disabled?: boolean\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'values', value = {}, disabled }: 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-i18n-label\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n    .languages=${[\n      {\n        code: 'ko',\n        display: '한글'\n      },\n      {\n        code: 'en',\n        display: 'English'\n      },\n      {\n        code: 'zh',\n        display: 'Chinese'\n      },\n      {\n        code: 'ja',\n        display: 'Japanese'\n      }\n    ]}\n    ?disabled=${disabled}\n  >\n  </ox-input-i18n-label>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'i18n labels',\n  value: {\n    ko: '한글 코드',\n    en: 'English code',\n    zh: 'Chinese code',\n    ja: 'Japan code'\n  }\n}\n"]}
+{"version":3,"file":"ox-input-i18n-label.stories.js","sourceRoot":"","sources":["../../stories/ox-input-i18n-label.stories.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,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,QAAQ,EAAE;QAC5B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAA;AAcD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cAS5E,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;iBACD;IACX;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;KACd;IACD;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KACnB;IACD;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KACnB;IACD;QACE,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,UAAU;KACpB;CACF;gBACW,QAAQ;;;CAGvB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,YAAY;KACjB;CACF,CAAA","sourcesContent":["import '../src/ox-input-i18n-label.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-i18n-label',\n  component: 'ox-input-i18n-label',\n  argTypes: {\n    name: { control: 'text' },\n    value: { control: 'object' },\n    disabled: { 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  name?: string\n  value?: object\n  disabled?: boolean\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'values', value, disabled }: 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-i18n-label\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n    .languages=${[\n      {\n        code: 'ko',\n        display: '한글'\n      },\n      {\n        code: 'en',\n        display: 'English'\n      },\n      {\n        code: 'zh',\n        display: 'Chinese'\n      },\n      {\n        code: 'ja',\n        display: 'Japanese'\n      }\n    ]}\n    ?disabled=${disabled}\n  >\n  </ox-input-i18n-label>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'i18n labels',\n  value: {\n    ko: '한글 코드',\n    en: 'English code',\n    zh: 'Chinese code',\n    ja: 'Japan code'\n  }\n}\n"]}