@six-group/ui-library 0.0.0-insider.9277796 → 0.0.0-insider.98c4058

package/dist/components/six-form.js

@@ -1,252 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { E as EventListeners } from './event-listeners.js';
-
-const sixFormCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}";
-
-const SixForm$1 = /*@__PURE__*/ proxyCustomElement(class SixForm extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.sixSubmit = createEvent(this, "six-form-submit", 7);
-    this.sixChange = createEvent(this, "six-form-change", 7);
-    this.sixReset = createEvent(this, "six-form-reset", 7);
-    this.eventListeners = new EventListeners();
-    this.novalidate = false;
-  }
-  connectedCallback() {
-    this.formControls = [
-      {
-        tag: 'six-button',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        click: (event) => {
-          const target = event.target;
-          if (target.submit) {
-            this.submit();
-          }
-          if (target.reset) {
-            this.reset();
-          }
-        },
-      },
-      {
-        tag: 'six-checkbox',
-        serialize: (el, formData) => el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-checkbox-change',
-      },
-      {
-        tag: 'six-color-picker',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-      },
-      {
-        tag: 'six-input',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        keyDown: (event) => {
-          if (event.key === 'Enter' && !event.defaultPrevented) {
-            this.submit();
-          }
-        },
-        changeEventName: 'six-input-change',
-      },
-      {
-        tag: 'six-datepicker',
-        serialize: (el, formData) => { var _a; return el.name && !el.disabled ? formData.append(el.name, (_a = el.value) === null || _a === void 0 ? void 0 : _a.toISOString()) : null; },
-        keyDown: (event) => {
-          if (event.key === 'Enter' && !event.defaultPrevented) {
-            this.submit();
-          }
-        },
-        changeEventName: 'six-datepicker-select',
-      },
-      {
-        tag: 'six-radio',
-        serialize: (el, formData) => el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-radio-change',
-      },
-      {
-        tag: 'six-range',
-        serialize: (el, formData) => {
-          if (el.name && !el.disabled) {
-            formData.append(el.name, el.value + '');
-          }
-        },
-        changeEventName: 'six-range-change',
-      },
-      {
-        tag: 'six-select',
-        serialize: (el, formData) => {
-          if (el.name && !el.disabled) {
-            if (el.multiple) {
-              const selectedOptions = [...el.value];
-              if (selectedOptions.length) {
-                selectedOptions.map((value) => formData.append(el.name, value));
-              }
-              else {
-                formData.append(el.name, '');
-              }
-            }
-            else {
-              formData.append(el.name, el.value + '');
-            }
-          }
-        },
-        changeEventName: 'six-select-change',
-      },
-      {
-        tag: 'six-switch',
-        serialize: (el, formData) => el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-switch-change',
-      },
-      {
-        tag: 'six-textarea',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-textarea-change',
-      },
-      {
-        tag: 'six-timepicker',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        keyDown: (event) => {
-          if (event.key === 'Enter' && !event.defaultPrevented) {
-            this.submit();
-          }
-        },
-        changeEventName: 'six-timepicker-change',
-      },
-    ];
-    this.handleClick = this.handleClick.bind(this);
-    this.handleKeyDown = this.handleKeyDown.bind(this);
-  }
-  disconnectedCallback() {
-    this.eventListeners.removeAll();
-  }
-  componentDidLoad() {
-    this.getFormControls().then((controls) => controls.forEach((control) => this.appendChangeListener(control)));
-  }
-  appendChangeListener(el) {
-    const tag = el.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag && formControl.changeEventName) {
-        this.eventListeners.add(el, formControl.changeEventName, () => this.handleChange(el));
-      }
-    }
-  }
-  /** Serializes all form controls elements and returns a `FormData` object. */
-  async getFormData() {
-    const formData = new FormData();
-    const formControls = await this.getFormControls();
-    formControls.map((el) => this.serializeElement(el, formData));
-    return formData;
-  }
-  /** Gets all form control elements (native and custom). */
-  async getFormControls() {
-    const slot = this.form.querySelector('slot');
-    const tags = this.formControls.map((control) => control.tag);
-    return slot
-      .assignedElements({ flatten: true })
-      .reduce((all, el) => all.concat(el, [...el.querySelectorAll('*')]), [])
-      .filter((el) => tags.includes(el.tagName.toLowerCase()));
-  }
-  /**
-   * Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve
-   * with `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.
-   */
-  async submit() {
-    const formData = await this.getFormData();
-    const formControls = await this.getFormControls();
-    const formControlsThatReport = formControls.filter((el) => typeof el.reportValidity === 'function');
-    if (!this.novalidate) {
-      let isValid = true;
-      for (const el of formControlsThatReport) {
-        if (!(await el.reportValidity())) {
-          isValid = false;
-        }
-      }
-      if (!isValid) {
-        return false;
-      }
-    }
-    this.sixSubmit.emit({ formData, formControls });
-    return true;
-  }
-  /** Checks for validity. */
-  async checkValidity() {
-    const formControls = await this.getFormControls();
-    const validationTasks = formControls
-      .filter((el) => typeof el.checkValidity === 'function')
-      .map((el) => el.checkValidity());
-    const invalidControls = await Promise.all(validationTasks).then((results) => results.filter((valid) => valid === false));
-    return invalidControls.length == 0;
-  }
-  /** Resets the form and resets the value of all descendants*/
-  async reset() {
-    const formControls = await this.getFormControls();
-    formControls
-      .filter((control) => (control === null || control === void 0 ? void 0 : control.reset) && typeof (control === null || control === void 0 ? void 0 : control.reset) === 'function')
-      .forEach((formControl) => formControl.reset());
-    this.sixReset.emit();
-  }
-  handleClick(event) {
-    const target = event.target;
-    const tag = target.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag && formControl.click) {
-        formControl.click(event);
-      }
-    }
-  }
-  handleKeyDown(event) {
-    const target = event.target;
-    const tag = target.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag && formControl.keyDown) {
-        formControl.keyDown(event);
-      }
-    }
-  }
-  handleChange(el) {
-    this.checkValidity().then((isValid) => this.sixChange.emit({
-      valid: isValid,
-      formControl: el,
-    }));
-  }
-  serializeElement(el, formData) {
-    const tag = el.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag) {
-        return formControl.serialize(el, formData);
-      }
-    }
-    return null;
-  }
-  render() {
-    return (h("div", { ref: (el) => (this.form = el), part: "base", class: "form", role: "form", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", null)));
-  }
-  static get style() { return sixFormCss; }
-}, [1, "six-form", {
-    "novalidate": [4],
-    "getFormData": [64],
-    "getFormControls": [64],
-    "submit": [64],
-    "checkValidity": [64],
-    "reset": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-form"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-form":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixForm$1);
-      }
-      break;
-  } });
-}
-
-const SixForm = SixForm$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SixForm, defineCustomElement };
-
-//# sourceMappingURL=six-form.js.map

package/dist/components/six-form.js.map

@@ -1 +0,0 @@
-{"file":"six-form.js","mappings":"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","names":["SixForm"],"sources":["./src/components/six-form/six-form.scss?tag=six-form&encapsulation=shadow","./src/components/six-form/six-form.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n","import { Component, Event, EventEmitter, h, Method, Prop } from '@stencil/core';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { EmptyPayload } from '../../utils/types';\n\nexport interface SixFormSubmitPayload {\n  formData: FormData;\n  formControls: HTMLFormElement[];\n}\n\nexport interface SixFormChangePayload {\n  formControl: HTMLFormElement;\n  valid: boolean;\n}\n\ninterface FormControl {\n  tag: string;\n\n  serialize(el: HTMLFormElement | HTMLElement, formData: FormData): void;\n\n  click?(event: MouseEvent): any;\n\n  keyDown?(event: KeyboardEvent): any;\n\n  changeEventName?: string;\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The form's content.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-form',\n  styleUrl: 'six-form.scss',\n  shadow: true,\n})\nexport class SixForm {\n  form: HTMLElement;\n  formControls: FormControl[];\n\n  readonly eventListeners = new EventListeners();\n\n  /** Prevent the form from validating inputs before submitting. */\n  @Prop() novalidate = false;\n\n  /**\n   * Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an\n   * invalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this\n   * event, since it doen't send a GET or POST request like native forms. To \"prevent\" submission, use a conditional\n   * around the XHR request you use to submit the form's data with.\n   */\n  @Event({ eventName: 'six-form-submit' }) sixSubmit: EventEmitter<SixFormSubmitPayload>;\n\n  /** Emitted when the control's value changes. */\n  @Event({ eventName: 'six-form-change' }) sixChange: EventEmitter<SixFormChangePayload>;\n\n  /** Emitted when the forms values are reset. */\n  @Event({ eventName: 'six-form-reset' }) sixReset: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.formControls = [\n      {\n        tag: 'six-button',\n        serialize: (el: HTMLSixButtonElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        click: (event) => {\n          const target = event.target as HTMLSixButtonElement;\n          if (target.submit) {\n            this.submit();\n          }\n\n          if (target.reset) {\n            this.reset();\n          }\n        },\n      },\n      {\n        tag: 'six-checkbox',\n        serialize: (el: HTMLSixCheckboxElement, formData) =>\n          el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-checkbox-change',\n      },\n      {\n        tag: 'six-color-picker',\n        serialize: (el: HTMLSixCheckboxElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n      },\n      {\n        tag: 'six-input',\n        serialize: (el: HTMLSixInputElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-input-change',\n      },\n      {\n        tag: 'six-datepicker',\n        serialize: (el: HTMLSixDatepickerElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value?.toISOString()) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-datepicker-select',\n      },\n      {\n        tag: 'six-radio',\n        serialize: (el: HTMLSixRadioElement, formData) =>\n          el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-radio-change',\n      },\n      {\n        tag: 'six-range',\n        serialize: (el: HTMLSixRangeElement, formData) => {\n          if (el.name && !el.disabled) {\n            formData.append(el.name, el.value + '');\n          }\n        },\n        changeEventName: 'six-range-change',\n      },\n      {\n        tag: 'six-select',\n        serialize: (el: HTMLSixSelectElement, formData) => {\n          if (el.name && !el.disabled) {\n            if (el.multiple) {\n              const selectedOptions = [...el.value];\n              if (selectedOptions.length) {\n                selectedOptions.map((value) => formData.append(el.name, value));\n              } else {\n                formData.append(el.name, '');\n              }\n            } else {\n              formData.append(el.name, el.value + '');\n            }\n          }\n        },\n        changeEventName: 'six-select-change',\n      },\n      {\n        tag: 'six-switch',\n        serialize: (el: HTMLSixSwitchElement, formData) =>\n          el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-switch-change',\n      },\n      {\n        tag: 'six-textarea',\n        serialize: (el: HTMLSixTextareaElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-textarea-change',\n      },\n      {\n        tag: 'six-timepicker',\n        serialize: (el: HTMLSixTimepickerElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-timepicker-change',\n      },\n    ];\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  componentDidLoad() {\n    this.getFormControls().then((controls) => controls.forEach((control) => this.appendChangeListener(control)));\n  }\n\n  private appendChangeListener(el: HTMLFormElement) {\n    const tag = el.tagName.toLowerCase();\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.changeEventName) {\n        this.eventListeners.add(el as HTMLElement, formControl.changeEventName, () => this.handleChange(el));\n      }\n    }\n  }\n\n  /** Serializes all form controls elements and returns a `FormData` object. */\n  @Method()\n  async getFormData() {\n    const formData = new FormData();\n    const formControls = await this.getFormControls();\n\n    formControls.map((el) => this.serializeElement(el, formData));\n\n    return formData;\n  }\n\n  /** Gets all form control elements (native and custom). */\n  @Method()\n  async getFormControls() {\n    const slot = this.form.querySelector('slot');\n    const tags = this.formControls.map((control) => control.tag);\n    return slot\n      .assignedElements({ flatten: true })\n      .reduce((all, el) => all.concat(el, [...el.querySelectorAll('*')]), [])\n      .filter((el) => tags.includes(el.tagName.toLowerCase())) as HTMLFormElement[];\n  }\n\n  /**\n   * Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve\n   * with `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.\n   */\n  @Method()\n  async submit() {\n    const formData = await this.getFormData();\n    const formControls = await this.getFormControls();\n    const formControlsThatReport = formControls.filter(\n      (el: HTMLFormElement) => typeof el.reportValidity === 'function'\n    ) as any;\n\n    if (!this.novalidate) {\n      let isValid = true;\n      for (const el of formControlsThatReport) {\n        if (!(await el.reportValidity())) {\n          isValid = false;\n        }\n      }\n      if (!isValid) {\n        return false;\n      }\n    }\n\n    this.sixSubmit.emit({ formData, formControls });\n\n    return true;\n  }\n\n  /** Checks for validity. */\n  @Method()\n  async checkValidity() {\n    const formControls = await this.getFormControls();\n    const validationTasks = formControls\n      .filter((el: HTMLFormElement) => typeof el.checkValidity === 'function')\n      .map((el: HTMLFormElement) => el.checkValidity());\n    const invalidControls = await Promise.all(validationTasks).then((results) =>\n      results.filter((valid) => valid === false)\n    );\n    return invalidControls.length == 0;\n  }\n\n  /** Resets the form and resets the value of all descendants*/\n  @Method()\n  async reset() {\n    const formControls = await this.getFormControls();\n\n    formControls\n      .filter((control) => control?.reset && typeof control?.reset === 'function')\n      .forEach((formControl) => formControl.reset());\n\n    this.sixReset.emit();\n  }\n\n  handleClick(event: MouseEvent) {\n    const target = event.target as HTMLFormElement;\n    const tag = target.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.click) {\n        formControl.click(event);\n      }\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLFormElement;\n    const tag = target.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.keyDown) {\n        formControl.keyDown(event);\n      }\n    }\n  }\n\n  handleChange(el: HTMLFormElement) {\n    this.checkValidity().then((isValid) =>\n      this.sixChange.emit({\n        valid: isValid,\n        formControl: el,\n      })\n    );\n  }\n\n  serializeElement(el: HTMLFormElement, formData: FormData) {\n    const tag = el.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag) {\n        return formControl.serialize(el, formData);\n      }\n    }\n\n    return null;\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.form = el)}\n        part=\"base\"\n        class=\"form\"\n        role=\"form\"\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-icon-button2.js

@@ -1,70 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { f as focusVisible } from './focus-visible.js';
-import { d as defineCustomElement$1 } from './six-icon2.js';
-
-const sixIconButtonCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;background:none;border:none;border-radius:var(--six-border-radius-medium);font-size:inherit;color:var(--six-input-icon-color);padding:var(--six-spacing-x-small);cursor:pointer;transition:var(--six-transition-medium) color;-webkit-appearance:none}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--six-input-icon-color-hover)}.icon-button:active:not(.icon-button--disabled){color:var(--six-input-icon-color)}.icon-button:focus{outline:none}.icon-button--disabled{opacity:0.5;pointer-events:none}.icon-button-wrapper--disabled{cursor:not-allowed}.focus-visible.icon-button:focus{box-shadow:var(--six-button-focus-shadow)}.icon-button ::slotted(six-badge){position:absolute;top:0;right:0;pointer-events:none}.icon-button six-icon[size=xLarge]+::slotted(six-badge){transform:translateY(40%) translateX(-35%)}.icon-button six-icon[size=large]+::slotted(six-badge){transform:translateY(20%) translateX(-20%)}.icon-button six-icon[size=medium]+::slotted(six-badge){transform:translateY(10%) translateX(50%)}.icon-button six-icon[size=xSmall]+::slotted(six-badge){transform:translateY(-25%) translateX(25%)}";
-
-const SixIconButton = /*@__PURE__*/ proxyCustomElement(class SixIconButton extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.handleClickEvent = (event) => {
-      if (this.disabled) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    };
-    this.name = undefined;
-    this.size = 'medium';
-    this.label = undefined;
-    this.disabled = false;
-    this.html = undefined;
-  }
-  componentDidLoad() {
-    if (this.button) {
-      focusVisible.observe(this.button);
-    }
-  }
-  disconnectedCallback() {
-    if (this.button) {
-      focusVisible.unobserve(this.button);
-    }
-  }
-  render() {
-    const html = this.html && h("span", { innerHTML: this.html });
-    return (h("div", { onClick: this.handleClickEvent, class: { 'icon-button-wrapper--disabled': this.disabled } }, h("button", { ref: (el) => (this.button = el), part: "base", disabled: this.disabled, class: {
-        'icon-button': true,
-        'icon-button--disabled': this.disabled,
-      }, type: "button", "aria-label": this.label }, h("six-icon", { "aria-hidden": "true", size: this.size }, this.name), h("slot", null), html)));
-  }
-  static get style() { return sixIconButtonCss; }
-}, [1, "six-icon-button", {
-    "name": [513],
-    "size": [513],
-    "label": [513],
-    "disabled": [516],
-    "html": [513]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-icon-button", "six-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-icon-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixIconButton);
-      }
-      break;
-    case "six-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { SixIconButton as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-icon-button2.js.map

package/dist/components/six-icon-button2.js.map

@@ -1 +0,0 @@
-{"file":"six-icon-button2.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,g0CAAg0C;;MCiB50C,aAAa;;;;;IA2DhB,qBAAgB,GAAG,CAAC,KAAK;MAC/B,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;OACzB;KACF,CAAC;;gBAzD2G,QAAQ;;oBASjF,KAAK;;;EAKzC,gBAAgB;IACd,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACnC;GACF;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACrC;GACF;EAED,MAAM;IACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,YAAM,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;IAEzD,QACE,WAAK,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,+BAA+B,EAAE,IAAI,CAAC,QAAQ,EAAE,IAC5F,cACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,EAC/B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE;QACL,aAAa,EAAE,IAAI;QACnB,uBAAuB,EAAE,IAAI,CAAC,QAAQ;OACvC,EACD,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,KAAK,IAEtB,+BAAsB,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACzC,IAAI,CAAC,IAAI,CACD,EACX,eAAQ,EACP,IAAI,CACE,CACL,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/six-icon-button/six-icon-button.scss?tag=six-icon-button&encapsulation=shadow","./src/components/six-icon-button/six-icon-button.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n}\n\n.icon-button {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  border-radius: var(--six-border-radius-medium);\n  font-size: inherit;\n  color: var(--six-input-icon-color);\n  padding: var(--six-spacing-x-small);\n  cursor: pointer;\n  transition: var(--six-transition-medium) color;\n  -webkit-appearance: none;\n\n  &:hover:not(.icon-button--disabled),\n  &:focus:not(.icon-button--disabled) {\n    color: var(--six-input-icon-color-hover);\n  }\n\n  &:active:not(.icon-button--disabled) {\n    color: var(--six-input-icon-color);\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.icon-button--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.icon-button-wrapper--disabled {\n  cursor: not-allowed;\n}\n\n.focus-visible.icon-button:focus {\n  box-shadow: var(--six-button-focus-shadow);\n}\n\n.icon-button ::slotted(six-badge) {\n  position: absolute;\n  top: 0;\n  right: 0;\n  pointer-events: none;\n}\n\n.icon-button six-icon[size='xLarge'] + ::slotted(six-badge) {\n  transform: translateY(40%) translateX(-35%);\n}\n\n.icon-button six-icon[size='large'] + ::slotted(six-badge) {\n  transform: translateY(20%) translateX(-20%);\n}\n\n// TODO: tx4u9 should be adjusted for all sizes after design team\n.icon-button six-icon[size='medium'] + ::slotted(six-badge) {\n  transform: translateY(10%) translateX(50%);\n}\n\n.icon-button six-icon[size='small'] + ::slotted(six-badge) {\n  //  no translation necessary\n}\n\n.icon-button six-icon[size='xSmall'] + ::slotted(six-badge) {\n  transform: translateY(-25%) translateX(25%);\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-icon-button',\n  styleUrl: 'six-icon-button.scss',\n  shadow: true,\n})\nexport class SixIconButton {\n  button: HTMLButtonElement;\n\n  /** The name of the icon to draw. */\n  @Prop({ reflect: true }) name: string;\n\n  /** The icon's size. */\n  @Prop({ reflect: true }) size: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge' = 'medium';\n\n  /**\n   * A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\n   * always include a label that describes what the icon button does.\n   */\n  @Prop({ reflect: true }) label: string;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** HTML symbol code or entity. */\n  @Prop({ reflect: true }) html: string;\n\n  componentDidLoad() {\n    if (this.button) {\n      focusVisible.observe(this.button);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.button) {\n      focusVisible.unobserve(this.button);\n    }\n  }\n\n  render() {\n    const html = this.html && <span innerHTML={this.html} />;\n\n    return (\n      <div onClick={this.handleClickEvent} class={{ 'icon-button-wrapper--disabled': this.disabled }}>\n        <button\n          ref={(el) => (this.button = el)}\n          part=\"base\"\n          disabled={this.disabled}\n          class={{\n            'icon-button': true,\n            'icon-button--disabled': this.disabled,\n          }}\n          type=\"button\"\n          aria-label={this.label}\n        >\n          <six-icon aria-hidden=\"true\" size={this.size}>\n            {this.name}\n          </six-icon>\n          <slot />\n          {html}\n        </button>\n      </div>\n    );\n  }\n\n  private handleClickEvent = (event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n}\n"],"version":3}

package/dist/components/six-icon2.js

@@ -1,49 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const sixIconCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline}.material-icons{vertical-align:middle;font-weight:normal;font-style:normal;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-filled{font-family:\"Material Icons\"}.material-icons-outlined{font-family:\"Material Icons Outlined\"}.icon--xsmall{font-size:12px}.icon--small{font-size:18px}.icon--medium{font-size:24px}.icon--large{font-size:36px}.icon--xlarge{font-size:48px}.icon--xxlarge{font-size:72px}.icon--xxxlarge{font-size:96px}.icon--inherit{font-size:1.5em}";
-
-const SixIcon = /*@__PURE__*/ proxyCustomElement(class SixIcon extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.size = 'inherit';
-    this.filled = false;
-  }
-  render() {
-    return (h("i", { class: {
-        'material-icons': true,
-        'material-icons-outlined': !this.filled,
-        'material-icons-filled': this.filled,
-        'icon--xsmall': this.size === 'xSmall',
-        'icon--small': this.size === 'small',
-        'icon--medium': this.size === 'medium',
-        'icon--large': this.size === 'large',
-        'icon--xlarge': this.size === 'xLarge',
-        'icon--xxlarge': this.size === 'xxLarge',
-        'icon--xxxlarge': this.size === 'xxxLarge',
-        'icon--inherit': this.size === 'inherit',
-      } }, h("slot", null)));
-  }
-  static get style() { return sixIconCss; }
-}, [1, "six-icon", {
-    "size": [513],
-    "filled": [4]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-icon":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixIcon);
-      }
-      break;
-  } });
-}
-
-export { SixIcon as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-icon2.js.map

package/dist/components/six-icon2.js.map

@@ -1 +0,0 @@
-{"file":"six-icon2.js","mappings":";;AAAA,MAAM,UAAU,GAAG,4wBAA4wB;;MCclxB,OAAO;;;;;gBAUD,SAAS;kBAGT,KAAK;;EAEtB,MAAM;IACJ,QACE,SACE,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;QACtB,yBAAyB,EAAE,CAAC,IAAI,CAAC,MAAM;QACvC,uBAAuB,EAAE,IAAI,CAAC,MAAM;QACpC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;QACtC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;QACpC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;QACtC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;QACpC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;QACtC,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;QACxC,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;QAC1C,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;OACzC,IAED,eAAa,CACX,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/six-icon/six-icon.scss?tag=six-icon&encapsulation=shadow","./src/components/six-icon/six-icon.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline;\n}\n\n.material-icons {\n  vertical-align: middle;\n  font-weight: normal;\n  font-style: normal;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n}\n\n.material-icons-filled {\n  font-family: 'Material Icons';\n}\n\n.material-icons-outlined {\n  font-family: 'Material Icons Outlined';\n}\n\n.icon {\n  &--xsmall {\n    font-size: 12px;\n  }\n\n  &--small {\n    font-size: 18px;\n  }\n\n  &--medium {\n    font-size: 24px;\n  }\n\n  &--large {\n    font-size: 36px;\n  }\n\n  &--xlarge {\n    font-size: 48px;\n  }\n\n  &--xxlarge {\n    font-size: 72px;\n  }\n\n  &--xxxlarge {\n    font-size: 96px;\n  }\n\n  &--inherit {\n    font-size: 1.5em;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the material icon name.\n */\n\n@Component({\n  tag: 'six-icon',\n  styleUrls: ['six-icon.scss'],\n  shadow: true,\n})\nexport class SixIcon {\n  /** The icon's size. */\n  @Prop({ reflect: true }) size:\n    | 'inherit'\n    | 'xSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xLarge'\n    | 'xxLarge'\n    | 'xxxLarge' = 'inherit';\n\n  /** If set to true the default material outlined icons are not used. */\n  @Prop() filled = false;\n\n  render() {\n    return (\n      <i\n        class={{\n          'material-icons': true,\n          'material-icons-outlined': !this.filled,\n          'material-icons-filled': this.filled,\n          'icon--xsmall': this.size === 'xSmall',\n          'icon--small': this.size === 'small',\n          'icon--medium': this.size === 'medium',\n          'icon--large': this.size === 'large',\n          'icon--xlarge': this.size === 'xLarge',\n          'icon--xxlarge': this.size === 'xxLarge',\n          'icon--xxxlarge': this.size === 'xxxLarge',\n          'icon--inherit': this.size === 'inherit',\n        }}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"version":3}