@operato/input 1.11.13 → 1.11.17

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

@@ -9,7 +9,8 @@ export default {
     name: { control: 'text' },
     value: { control: 'object' },
     keytype: { control: 'select', options: ['string', 'number'] },
-    valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] }
+    valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] },
+    disabled: { control: 'boolean' }
   }
 }
 
@@ -24,13 +25,15 @@ interface ArgTypes {
   value?: object
   valuetype?: string
   keytype?: string
+  disabled?: boolean
 }
 
 const Template: Story<ArgTypes> = ({
   name = 'values',
   value = {},
   keytype = 'string',
-  valuetype = 'string'
+  valuetype = 'string',
+  disabled
 }: ArgTypes) => html`
   <link href="/themes/app-theme.css" rel="stylesheet" />
   <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
@@ -47,6 +50,7 @@ const Template: Story<ArgTypes> = ({
     .value=${value}
     keytype=${keytype}
     valuetype=${valuetype}
+    ?disabled=${disabled}
   >
   </ox-input-value-map>
 `

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

@@ -9,7 +9,8 @@ export default {
     name: { control: 'text' },
     value: { control: 'object' },
     keytype: { control: 'select', options: ['string', 'number'] },
-    valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] }
+    valuetype: { control: 'select', options: ['string', 'boolean', 'number', 'color', 'date'] },
+    disabled: { control: 'boolean' }
   }
 }
 
@@ -24,13 +25,15 @@ interface ArgTypes {
   value?: object
   valuetype?: string
   keytype?: string
+  disabled?: boolean
 }
 
 const Template: Story<ArgTypes> = ({
   name = 'values',
   value = {},
   keytype = 'string',
-  valuetype = 'string'
+  valuetype = 'string',
+  disabled
 }: ArgTypes) => html`
   <link href="/themes/app-theme.css" rel="stylesheet" />
   <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
@@ -47,6 +50,7 @@ const Template: Story<ArgTypes> = ({
     .value=${value}
     keytype=${keytype}
     valuetype=${valuetype}
+    ?disabled=${disabled}
   >
   </ox-input-value-ranges>
 `

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

@@ -8,7 +8,8 @@ export default {
   component: 'ox-input-work-shift',
   argTypes: {
     value: { control: 'object' },
-    name: { control: 'text' }
+    name: { control: 'text' },
+    disabled: { control: 'boolean' }
   }
 }
 
@@ -21,9 +22,10 @@ interface Story<T> {
 interface ArgTypes {
   name?: string
   value?: object
+  disabled?: boolean
 }
 
-const Template: Story<ArgTypes> = ({ name = 'work-shift', value = [] }: ArgTypes) => html`
+const Template: Story<ArgTypes> = ({ name = 'work-shift', value = [], disabled }: ArgTypes) => html`
   <link href="/themes/app-theme.css" rel="stylesheet" />
   <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
   <style>
@@ -40,6 +42,7 @@ const Template: Story<ArgTypes> = ({ name = 'work-shift', value = [] }: ArgTypes
     }}
     name=${name}
     .value=${value}
+    ?disabled=${disabled}
   >
   </ox-input-work-shift>
 `

package/stories/ox-select.stories.ts

@@ -8,7 +8,8 @@ export default {
   component: 'ox-select',
   argTypes: {
     placeholder: { control: 'text' },
-    name: { control: 'text' }
+    name: { control: 'text' },
+    disabled: { control: 'boolean' }
   }
 }
 
@@ -23,9 +24,16 @@ interface ArgTypes {
   name?: string
   value?: object | string
   slot?: TemplateResult
+  disabled?: boolean
 }
 
-const Template: Story<ArgTypes> = ({ placeholder = 'Checkbox', name = 'hello', value = '', slot }: ArgTypes) => html`
+const Template: Story<ArgTypes> = ({
+  placeholder = 'Checkbox',
+  name = 'hello',
+  value = '',
+  slot,
+  disabled
+}: ArgTypes) => html`
   <link href="/themes/app-theme.css" rel="stylesheet" />
   <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
 
@@ -37,6 +45,7 @@ const Template: Story<ArgTypes> = ({ placeholder = 'Checkbox', name = 'hello', v
       }}
       placeholder=${placeholder}
       .value=${value}
+      ?disabled=${disabled}
     >
       ${slot}
     </ox-select>