kemet-ui 2.0.0 → 2.0.2

package/dist/components/kemet-toggle/docs/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-toggle/docs/stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,iBAAiB,CAAC;AAEzB,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CAC1B,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,GAAG,IAAI,EACZ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,IAAI,EACtB,aAAa,GAAG,IAAI,GACrB,EAAE,EAAE,CAAC,IAAI,CAAA;;YAEE,SAAS,CAAC,KAAK,CAAC;gBACZ,QAAQ;eACT,OAAO;YACV,IAAI;eACD,OAAO;uBACC,SAAS,CAAC,eAAe,CAAC;qBAC5B,SAAS,CAAC,aAAa,CAAC;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,IAAI;QACrB,aAAa,EAAE,KAAK;KACrB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,aAAa,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,eAAe,EAAE;YACf,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;KACF;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../kemet-toggle';\n\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nconst meta: Meta = {\n  title: 'Components / Toggle',\n  component: 'kemet-toggle',\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = ({\n  label = null,\n  disabled = false,\n  checked = false,\n  show = false,\n  squared = false,\n  optionUnchecked = null,\n  optionChecked = null,\n}) => html`\n  <kemet-toggle\n    label=${ifDefined(label)}\n    ?disabled=${disabled}\n    ?checked=${checked}\n    ?show=${show}\n    ?squared=${squared}\n    option-unchecked=${ifDefined(optionUnchecked)}\n    option-checked=${ifDefined(optionChecked)}\n  ></kemet-toggle>\n`;\n\nexport const Standard: Story = {\n  render: args => Template(args),\n  args: {\n    checked: false,\n    label: 'Label',\n    squared: false,\n    show: false,\n    disabled: false,\n    optionUnchecked: 'No',\n    optionChecked: 'Yes',\n  },\n  argTypes: {\n    label: {\n      control: { type: 'text' },\n    },\n    disabled: {\n      control: { type: 'boolean' },\n    },\n    checked: {\n      control: { type: 'boolean' },\n    },\n    show: {\n      control: { type: 'boolean' },\n    },\n    squared: {\n      control: { type: 'boolean' },\n    },\n    optionChecked: {\n      control: { type: 'text' },\n    },\n    optionUnchecked: {\n      control: { type: 'text' },\n    },\n  }\n};\n"]}

package/dist/components/kemet-tooltip/docs/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-tooltip/docs/stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D,OAAO,kBAAkB,CAAC;AAE1B,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAe;CAC3B,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACxD,IAAI,OAAO;QAAE,OAAO,CAAC,OAAO,EAAE,CAAC;IAE/B,OAAO,IAAI,CAAA;qCACwB,IAAI,CAAC,cAAc;+BACzB,IAAI,CAAC,MAAM,cAAc,IAAI,CAAC,SAAS,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,MAAM,aAAa,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,QAAQ;mDAC9I,IAAI,CAAC,WAAW;8BACrC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC;;;GAGvD,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,2DAA2D;QACxE,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,CAAC;SAC5E;QACD,SAAS,EAAE;YACT,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC;SAC1L;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,EAAE,cAAc,CAAC;SAChH;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SAC5B;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;SAC/B;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../kemet-tooltip';\n\nimport '../../kemet-button/kemet-button';\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nconst meta: Meta = {\n  title: 'Components / Tooltip',\n  component: 'kemet-tooltip',\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = (args) => {\n  const tooltip = document.querySelector('kemet-tooltip');\n  if (tooltip) tooltip.refresh();\n\n  return html`\n    <div class=\"storybook__canvas--${args.canvasPosition}\">\n      <kemet-tooltip ?opened=${args.opened} placement=${args.placement} effect=${args.effect} fire-on=${args.fireOn} strategy=${args.strategy} skidding=${args.skidding} distance=${args.distance}>\n        <kemet-button type=\"text\" slot=\"trigger\">${args.triggerText}</kemet-button>\n        <div slot=\"content\">${unsafeHTML(args.contentText)}</div>\n      </kemet-tooltip>\n    </div>\n  `;\n};\n\n\nexport const Standard: Story = {\n  render: args => Template(args),\n  args: {\n    triggerText: 'Trigger',\n    contentText: 'This is some content. <strong>HTML</strong> is supported.',\n    canvasPosition: 'middle',\n    placement: 'top',\n    opened: false,\n    effect: 'fade',\n    fireOn: 'hover',\n    strategy: 'fixed',\n    skidding: 0,\n    distance: 0,\n  },\n  argTypes: {\n    canvasPosition: {\n      control: { type: 'select' },\n      options: ['middle', 'top-right', 'bottom-right', 'bottom-left', 'top-left'],\n    },\n    placement: {\n      control: { type: 'select' },\n      options: ['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'],\n    },\n    opened: {\n      control: { type: 'boolean' },\n    },\n    effect: {\n      control: { type: 'select' },\n      options: ['none', 'fade', 'scale', 'slide', 'fall', 'flip-horizontal', 'flip-vertical', 'sign', 'super-scaled'],\n    },\n    fireOn: {\n      control: { type: 'radio' },\n      options: ['hover', 'click'],\n    },\n    strategy: {\n      control: { type: 'radio' },\n      options: ['fixed', 'absolute'],\n    },\n    skidding: {\n      control: { type: 'number' },\n    },\n    distance: {\n      control: { type: 'number' },\n    },\n  }\n};\n"]}

package/dist/components/kemet-tracker/docs/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-tracker/docs/stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,uBAAuB,CAAC;AAE/B,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAe;CAC3B,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG,CAAC,EAChB,UAAU,GAAG,OAAO,EACpB,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,CAAC,EACf,cAAc,GAAG,KAAK,GACvB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,EAAE,CAAC;IAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE;QACvC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA,kCAAkC,CAAC,GAAG,WAAW,IAAI,WAAW,GAAG,UAAU,aAAa,CAAC,KAAK,WAAW,sBAAsB,cAAc,SAAS,CAAC,uBAAuB,CAAC,CAAC;KAClM;IAED,OAAO,IAAI,CAAA;gCACmB,UAAU;QAClC,KAAK;;GAEV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,KAAK;KACtB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE;SACpC;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;KACF;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../kemet-tracker';\nimport '../kemet-tracker-step';\n\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nconst meta: Meta = {\n  title: 'Components / Tracker',\n  component: 'kemet-tracker',\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = ({\n  breakpoint = '767px',\n  numOfSteps = 5,\n  currentStep = 3,\n  hideDotContent = false,\n}) => {\n  const steps = [];\n\n  for (let i = 1; i <= numOfSteps; i += 1) {\n    steps.push(html`<kemet-tracker-step ?completed=${i < currentStep || currentStep > numOfSteps} ?current=${i === currentStep} ?hide-dot-content=${hideDotContent}>Step ${i}</kemet-tracker-step>`);\n  }\n\n  return html`\n    <kemet-tracker breakpoint=${breakpoint}>\n      ${steps}\n    </kemet-tracker>\n  `;\n};\n\nexport const Standard: Story = {\n  render: args => Template(args),\n  args: {\n    breakpoint: '767px',\n    numOfSteps: 5,\n    currentStep: 3,\n    hideDotContent: false,\n  },\n  argTypes: {\n    breakpoint: {\n      control: { type: 'text' },\n    },\n    numOfSteps: {\n      control: { type: 'number' },\n    },\n    currentStep: {\n      control: { type: 'number', max: 5 },\n    },\n    hideDotContent: {\n      control: { type: 'boolean' },\n    },\n  }\n};\n"]}

package/dist/components/kemet-upload/docs/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-upload/docs/stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAE9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CAC1B,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7B,MAAM,WAAW,GAAG,EAAE,CAAC;IAEvB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAA;gCACO,IAAI,CAAC,IAAI,SAAS,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,MAAM,WAAW,IAAI,CAAC,MAAM,YAAY,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC;KACtI,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAA;;QAEL,WAAW;;GAEhB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,OAAO;gBACf,MAAM,EAAE,UAAU;aACnB;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,WAAW;aACpB;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,OAAO;gBACf,MAAM,EAAE,OAAO;gBACf,OAAO,EAAE,uBAAuB;aACjC;SACF;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../kemet-upload';\nimport '../kemet-upload-file';\n\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nconst meta: Meta = {\n  title: 'Components / Upload',\n  component: 'kemet-upload',\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = ({ files }) => {\n  const uploadFiles = [];\n\n  files.forEach((file) => {\n    uploadFiles.push(html`\n      <kemet-upload-file name=${file.name} size=${file.size} loaded=${file.loaded} status=${file.status} message=${ifDefined(files.message)}></kemet-upload-file>\n    `);\n  });\n\n  return html`\n    <kemet-upload>\n      ${uploadFiles}\n    </kemet-upload>\n  `;\n};\n\nexport const Standard: Story = {\n  render: (args: any) => Template(args),\n  args: {\n    files: [\n      {\n        name: 'image.jpg',\n        size: 2000000,\n        loaded: 2000000,\n        status: 'complete',\n      },\n      {\n        name: 'image.png',\n        size: 200000,\n        loaded: 100000,\n        status: 'uploading',\n      },\n      {\n        name: 'package.zip',\n        size: 8000000,\n        loaded: 2000000,\n        status: 'error',\n        message: 'File size is too big.',\n      },\n    ],\n  },\n  argTypes: {\n    files: {\n      control: { type: 'array' },\n    },\n  }\n};\n"]}