@sula-tech/webcomponents 0.1.1 → 0.2.1

package/dist/collection/components/sula-checkbox/sula-checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sula-checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/sula-checkbox/sula-checkbox.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SulaCheckboxType } from './model/sula-checkbox.model';\n\nexport default {\n  title: 'Components/sula-checkbox',\n  tags: ['autodocs'],\n  argTypes: {\n    type: {\n      control: { type: 'select' },\n      options: Object.values(SulaCheckboxType),\n      defaultValue: SulaCheckboxType.Default,\n      description: 'The checkbox type',\n      type: {\n        required: false,\n      },\n    },\n    label: {\n      control: 'text',\n      defaultValue: 'Label',\n      description: 'The checkbox label',\n      type: {\n        required: false,\n      },\n    },\n    subTitle: {\n      control: 'text',\n      defaultValue: '',\n      description: 'The checkbox subtitle (available when type is List)',\n      type: {\n        required: false,\n      },\n    },\n    disabled: {\n      control: 'boolean',\n      defaultValue: false,\n      description: 'Whether the checkbox is disabled',\n      type: {\n        required: false,\n      },\n    },\n    checked: {\n      control: 'boolean',\n      defaultValue: false,\n      description: 'Whether the checkbox is checked',\n      type: {\n        required: false,\n      },\n    },\n    valueChanged: {\n      action: 'valueChanged',\n      description: 'Event emitted when checkbox value changes',\n    },\n    focusedOn: {\n      action: 'focusedOn',\n      description: 'Event emitted when checkbox is focused',\n    },\n    focusedOut: {\n      action: 'focusedOut',\n      description: 'Event emitted when checkbox loses focus',\n    },\n  },\n};\n\nconst Template = args => {\n  const container = document.createElement('div');\n  container.style.margin = '20px';\n  container.style.display = 'flex';\n  container.style.flexDirection = 'column';\n  container.style.gap = '20px';\n\n  const el = document.createElement('sula-checkbox');\n\n  el.setAttribute('type', args.type);\n  if (args.label) el.setAttribute('label', args.label);\n  if (args.subTitle) el.setAttribute('sub-title', args.subTitle);\n  el.setAttribute('disabled', args.disabled.toString());\n  el.setAttribute('checked', args.checked.toString());\n\n  el.addEventListener('valueChanged', args.valueChanged);\n  el.addEventListener('focusedOn', args.focusedOn);\n  el.addEventListener('focusedOut', args.focusedOut);\n\n  container.appendChild(el);\n\n  return container;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  type: SulaCheckboxType.Default,\n  label: 'Aceitar termos e condições',\n  subTitle: '',\n  disabled: false,\n  checked: false,\n};\n\nexport const DefaultChecked = Template.bind({});\nDefaultChecked.args = {\n  ...Default.args,\n  checked: true,\n};\n\nexport const DefaultDisabled = Template.bind({});\nDefaultDisabled.args = {\n  ...Default.args,\n  disabled: true,\n};\n\nexport const DefaultCheckedDisabled = Template.bind({});\nDefaultCheckedDisabled.args = {\n  ...Default.args,\n  checked: true,\n  disabled: true,\n};\n\nexport const DefaultWithoutLabel = Template.bind({});\nDefaultWithoutLabel.args = {\n  ...Default.args,\n  label: '',\n};\n\nexport const List = Template.bind({});\nList.args = {\n  type: SulaCheckboxType.List,\n  label: 'Opção de lista',\n  subTitle: 'Descrição adicional para esta opção',\n  disabled: false,\n  checked: false,\n};\n\nexport const ListChecked = Template.bind({});\nListChecked.args = {\n  ...List.args,\n  checked: true,\n};\n\nexport const ListDisabled = Template.bind({});\nListDisabled.args = {\n  ...List.args,\n  disabled: true,\n};\n\nexport const ListCheckedDisabled = Template.bind({});\nListCheckedDisabled.args = {\n  ...List.args,\n  checked: true,\n  disabled: true,\n};\n\nexport const ListWithoutSubtitle = Template.bind({});\nListWithoutSubtitle.args = {\n  ...List.args,\n  subTitle: '',\n};\n"]}