@nova-design-system/nova-webcomponents 3.13.0 → 3.14.0

package/dist/esm/nv-toggle.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as clsx } from './clsx-297c1ffe.js';
 import { v as v4 } from './v4-a79185f4.js';
 
-const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
+const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-toggle-border-default);background:var(--components-toggle-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-toggle-border-hover)}nv-toggle .input-container input[type=checkbox]:hover::after{background-color:var(--components-toggle-shape-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:focus::after{background-color:var(--components-toggle-shape-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default-checked);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-toggle-background-disabled);border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked{background:var(--components-toggle-background-disabled-checked);border-color:var(--components-toggle-border-disabled-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-toggle-shape-disabled-checked)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
 const NvToggleStyle0 = nvToggleCss;
 
 const NvToggle = class {

package/dist/esm/nv-toggle.entry.js.map

@@ -1 +1 @@
-{"file":"nv-toggle.entry.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,uoHAAuoH,CAAC;AAC5pH,uBAAe,WAAW;;MCyBb,QAAQ;IANrB;;;;;;;;;;;QAmBW,YAAO,GAAWA,EAAM,EAAE,CAAC;;;;;QAgC3B,cAAS,GAAY,KAAK,CAAC;;QAWpC,YAAO,GAAY,KAAK,CAAC;;QAIhB,aAAQ,GAAY,KAAK,CAAC;;;;;QAO1B,aAAQ,GAAY,KAAK,CAAC;KA2FpC;;;;;;;;IArEC,gBAAgB,CAAC,OAAgB;QAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACnC;;;;;;IAQD,YAAY,CAAC,KAAY;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;QAEhD,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,IAAI,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE;YAC5D,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;aACR;YAED,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;SAC/B;KACF;;;;IAMD,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE,IAAI,CACT,IAAI,CAAC,cAAc,KAAK,QAAQ,IAAI,wBAAwB,CAC7D,IAED,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,8DACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EAEN,4DAAK,KAAK,EAAC,gBAAgB,IACxB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,MACrD,8DACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,iBAAiB,CAAC,IAEhD,6DAAM,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CAChC,CACT,EAEA,CAAC,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,MAC7C,4DAAK,KAAK,EAAC,aAAa,IACtB,6DAAM,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC9C,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;;","names":["uuidv4"],"sources":["src/components/nv-toggle/nv-toggle.scss?tag=nv-toggle","src/components/nv-toggle/nv-toggle.tsx"],"sourcesContent":["@use \"../../styles/utils\" as utils;\n@import \"../../styles/focus-ring\";\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n  position: relative;\n\n  &:not([disabled], [readonly]) {\n    input,\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n@mixin label-before-styles() {\n  flex-direction: row-reverse;\n}\n\n@mixin label-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-label-line-height);\n}\n\n@mixin description-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  font-weight: 450;\n  line-height: var(--form-description-line-height);\n}\n\n@mixin text-container-styles() {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n@mixin input-container-styles() {\n  position: relative;\n  color: var(--components-form-shape-foreground-default);\n\n  &:has(input[type=\"checkbox\"]:disabled:not([readonly])) {\n    color: var(--components-form-shape-foreground-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-toggle-width);\n  height: var(--form-toggle-height);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-toggle-radius);\n  border-width: var(--form-toggle-border-width);\n  border-style: solid;\n  border-color: var(--components-form-field-border-default);\n  background: var(--components-form-field-background-default);\n\n  &::after {\n    content: '';\n    display: block;\n    width: var(--form-toggle-switch-dot-default);\n    height: var(--form-toggle-switch-dot-default);\n    background-color: var(--components-form-shape-foreground-switch-dot);\n    border-radius: var(--radius-rounded-full);\n    position: absolute;\n    top: 50%;\n    left: 25%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:hover {\n    border-color: var(--components-form-field-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--components-form-field-border-default);\n  }\n\n  @include focus-ring();\n\n  &:checked {\n    background: var(--components-form-field-background-checked);\n    border-color: var(--components-form-field-background-checked);\n\n    &::after {\n      content: '';\n      display: block;\n      width: var(--form-toggle-switch-dot-default);\n      height: var(--form-toggle-switch-dot-default);\n      background-color: var(--components-form-shape-foreground-default);\n      border-radius: var(--radius-rounded-full);\n      position: absolute;\n      top: 50%;\n      left: 75%;\n      transform: translate(-50%, -50%);\n    }\n\n    &:focus {\n      background: var(--components-form-field-background-checked);\n      border-color: var(--components-form-field-border-focus);\n    }\n  }\n\n  &:disabled:not([readonly]) {\n    box-shadow: unset;\n    background: var(--components-form-field-background-disabled);\n    border-color: var(--components-form-field-border-default);\n\n    &:checked {\n      &::after {\n        background-color: var(--components-form-shape-foreground-disabled);\n      }\n    }\n  }\n}\n\nnv-toggle {\n  @include root-styles();\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n\n  &[disabled] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    // opacity: var(--components-form-opacity-disabled); Error: Invalid value for --components-form-opacity-disabled (expected a <number> but got \"50px\")\n    opacity: 0.5;\n  }\n  label {\n    @include label-styles();\n\n    &.visually-hidden {\n      @include utils.visually-hidden();\n    }\n  }\n\n  .input-container {\n    @include input-container-styles();\n\n    input[type=\"checkbox\"] {\n      @include input-styles();\n    }\n  }\n\n  .description {\n    @include description-styles();\n  }\n\n  .text-container {\n    @include text-container-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type LabelPlacement } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n */\n@Component({\n  tag: 'nv-toggle',\n  styleUrl: 'nv-toggle.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvToggle {\n  @Element() el!: HTMLNvToggleElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the toggle input, used to reference the form data\n   * after submission.\n   */\n  @Prop({ reflect: true })\n  readonly name?: string;\n\n  /**\n   * The value attribute of the toggle input, representing the value sent on\n   * form submission when the toggle is checked.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /** The label displayed next to the toggle.*/\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the toggle, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true })\n  readonly labelPlacement: `${LabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * toggle.\n   */\n  @Prop({ reflect: true })\n  readonly description?: string;\n\n  /** Indicates whether the toggle is checked or not. */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /** Disables the toggle, preventing user interaction. */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the toggle to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event()\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  onCheckedChanged(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the toggle input element and updates the checked state.\n   * the checked state of the host elements.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target.type === 'checkbox' && target.id === this.inputId) {\n      if (this.readonly || this.disabled) {\n        event.preventDefault();\n        return;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly}\n          />\n        </div>\n\n        <div class=\"text-container\">\n          {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n            <label\n              htmlFor={this.inputId}\n              class={clsx(this.hideLabel && 'visually-hidden')}\n            >\n              <slot name=\"label\">{this.label}</slot>\n            </label>\n          )}\n\n          {(this.description ||\n            this.el.querySelector('[slot=\"description\"]')) && (\n            <div class=\"description\">\n              <slot name=\"description\">{this.description}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"version":3}
+{"file":"nv-toggle.entry.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,siIAAsiI,CAAC;AAC3jI,uBAAe,WAAW;;MCyBb,QAAQ;IANrB;;;;;;;;;;;QAmBW,YAAO,GAAWA,EAAM,EAAE,CAAC;;;;;QAgC3B,cAAS,GAAY,KAAK,CAAC;;QAWpC,YAAO,GAAY,KAAK,CAAC;;QAIhB,aAAQ,GAAY,KAAK,CAAC;;;;;QAO1B,aAAQ,GAAY,KAAK,CAAC;KA2FpC;;;;;;;;IArEC,gBAAgB,CAAC,OAAgB;QAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACnC;;;;;;IAQD,YAAY,CAAC,KAAY;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;QAEhD,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,IAAI,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE;YAC5D,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;aACR;YAED,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;SAC/B;KACF;;;;IAMD,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE,IAAI,CACT,IAAI,CAAC,cAAc,KAAK,QAAQ,IAAI,wBAAwB,CAC7D,IAED,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,8DACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EAEN,4DAAK,KAAK,EAAC,gBAAgB,IACxB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,MACrD,8DACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,iBAAiB,CAAC,IAEhD,6DAAM,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CAChC,CACT,EAEA,CAAC,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,MAC7C,4DAAK,KAAK,EAAC,aAAa,IACtB,6DAAM,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC9C,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;;","names":["uuidv4"],"sources":["src/components/nv-toggle/nv-toggle.scss?tag=nv-toggle","src/components/nv-toggle/nv-toggle.tsx"],"sourcesContent":["@use \"../../styles/utils\" as utils;\n@import \"../../styles/focus-ring\";\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n  position: relative;\n\n  &:not([disabled], [readonly]) {\n    input,\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n@mixin label-before-styles() {\n  flex-direction: row-reverse;\n}\n\n@mixin label-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-label-line-height);\n}\n\n@mixin description-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  font-weight: 450;\n  line-height: var(--form-description-line-height);\n}\n\n@mixin text-container-styles() {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n@mixin input-container-styles() {\n  position: relative;\n  color: var(--components-form-shape-foreground-default);\n\n  &:has(input[type=\"checkbox\"]:disabled:not([readonly])) {\n    color: var(--components-form-shape-foreground-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-toggle-width);\n  height: var(--form-toggle-height);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-toggle-radius);\n  border-width: var(--form-toggle-border-width);\n  border-style: solid;\n  border-color: var(--components-toggle-border-default);\n  background: var(--components-toggle-background-default);\n\n  &::after {\n    content: '';\n    display: block;\n    width: var(--form-toggle-switch-dot-default);\n    height: var(--form-toggle-switch-dot-default);\n    background-color: var(--components-toggle-shape-default);\n    border-radius: var(--radius-rounded-full);\n    position: absolute;\n    top: 50%;\n    left: 25%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:hover {\n    border-color: var(--components-toggle-border-hover);  \n    \n    &::after {\n      background-color: var(--components-toggle-shape-hover);\n    }\n  }\n\n  &:focus {\n    border-color: var(--components-toggle-border-default);\n\n    &::after {\n      background-color: var(--components-toggle-shape-default);\n    }\n  }\n\n  @include focus-ring();\n\n  &:checked {\n    background: var(--components-toggle-background-default-checked);\n    border-color: var(--components-toggle-border-default-checked);\n\n    &::after {\n      content: '';\n      display: block;\n      width: var(--form-toggle-switch-dot-default);\n      height: var(--form-toggle-switch-dot-default);\n      background-color: var(--components-toggle-shape-default-checked);\n      border-radius: var(--radius-rounded-full);\n      position: absolute;\n      top: 50%;\n      left: 75%;\n      transform: translate(-50%, -50%);\n    }\n\n    &:focus {\n      background: var(--components-toggle-background-default-checked);\n      border-color: var(--components-toggle-border-default-checked);\n    }\n  }\n\n  &:disabled:not([readonly]) {\n    box-shadow: unset;\n    background: var(--components-toggle-background-disabled);\n    border-color: var(--components-toggle-border-default);\n\n    &:checked {\n      background: var(--components-toggle-background-disabled-checked);\n      border-color: var(--components-toggle-border-disabled-checked);\n      &::after {\n        background-color: var(--components-toggle-shape-disabled-checked);\n      }\n    }\n  }\n}\n\nnv-toggle {\n  @include root-styles();\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n\n  &[disabled] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    // opacity: var(--components-form-opacity-disabled); Error: Invalid value for --components-form-opacity-disabled (expected a <number> but got \"50px\")\n    opacity: 0.5;\n  }\n  label {\n    @include label-styles();\n\n    &.visually-hidden {\n      @include utils.visually-hidden();\n    }\n  }\n\n  .input-container {\n    @include input-container-styles();\n\n    input[type=\"checkbox\"] {\n      @include input-styles();\n    }\n  }\n\n  .description {\n    @include description-styles();\n  }\n\n  .text-container {\n    @include text-container-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type LabelPlacement } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n */\n@Component({\n  tag: 'nv-toggle',\n  styleUrl: 'nv-toggle.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvToggle {\n  @Element() el!: HTMLNvToggleElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the toggle input, used to reference the form data\n   * after submission.\n   */\n  @Prop({ reflect: true })\n  readonly name?: string;\n\n  /**\n   * The value attribute of the toggle input, representing the value sent on\n   * form submission when the toggle is checked.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /** The label displayed next to the toggle.*/\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the toggle, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true })\n  readonly labelPlacement: `${LabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * toggle.\n   */\n  @Prop({ reflect: true })\n  readonly description?: string;\n\n  /** Indicates whether the toggle is checked or not. */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /** Disables the toggle, preventing user interaction. */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the toggle to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event()\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  onCheckedChanged(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the toggle input element and updates the checked state.\n   * the checked state of the host elements.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target.type === 'checkbox' && target.id === this.inputId) {\n      if (this.readonly || this.disabled) {\n        event.preventDefault();\n        return;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly}\n          />\n        </div>\n\n        <div class=\"text-container\">\n          {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n            <label\n              htmlFor={this.inputId}\n              class={clsx(this.hideLabel && 'visually-hidden')}\n            >\n              <slot name=\"label\">{this.label}</slot>\n            </label>\n          )}\n\n          {(this.description ||\n            this.el.querySelector('[slot=\"description\"]')) && (\n            <div class=\"description\">\n              <slot name=\"description\">{this.description}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"version":3}

package/dist/native/index.esm.js

@@ -1,2 +1,2 @@
-export{a as ButtonEmphasis,B as ButtonSize,b as ButtonType,C as CUSTOM_DAY_NAMES,h as CUSTOM_MONTH_NAMES,D as DeprecatedSemanticColors,F as FeedbackColors,G as GlobalFilterPosition,I as IconButtonShape,d as LabelPlacement,L as LoaderColors,N as NotificationEmphasis,S as SemanticSizes,g as SortingPossibility,e as TextInputAutocomplete,f as TimeType,T as ToggleButtonEmphasis,c as ToggleButtonSize,W as WEEK_ABBREVIATIONS}from"./p-2277cfc8.js";export{e as eventUtils}from"./p-d429a343.js";export{s as stringUtils}from"./p-a5c8eee9.js";export{u as uriUtils}from"./p-7e58e7d1.js";import{u as o}from"./p-31591941.js";import{u as r}from"./p-ee0df37f.js";import{u as t}from"./p-fb560fa3.js";import{u as i}from"./p-eda2f9f3.js";import{t as l,p as n}from"./p-a52cd849.js";import"./p-42ea6b74.js";function p(e){const o=new Proxy({},{get(e,o){return o}});return e(o)}const m=Object.freeze({__proto__:null,nameof:p});const w=Object.freeze({__proto__:null,useCollapse:o,useFade:r,useGrow:t,useSlide:i,timeline:l,parallel:n});const y=["access-point-off","access-point","accessible","activity","address-book","adjustments-horizontal","adjustments-up","adjustments","affiliate","air-conditioning","alert-circle","alert-triangle","align-center","align-left","align-right","app-window","apps","archive","areas","arrow-back-up","arrow-back","arrow-down-left","arrow-down-right","arrow-down","arrow-forward-up","arrow-forward","arrow-left","arrow-right","arrow-up-left","arrow-up-right","arrow-up","arrows-exchange","arrows-maximize","arrows-minimize","arrows-move","aspect-ratio","atom","ban","basket","battery-1","battery-2","battery-3","battery-4","battery-automotive","battery-charging","battery-eco","battery-off","battery","bell-off","bell-ringing","bell","bike","bluetooth-connected","bluetooth-off","bluetooth","bolt-off","bolt","book","bookmark-off","bookmark","bookmarks","box-align-top","box-multiple","briefcase","brightness-down","brightness-up","browser-check","browser-plus","browser-x","browser","brush","building-bank","building-factory","building-lighthouse","building-store","building","bulb-off","bulb","cake","calendar-time","calendar","camera-off","camera","car-crane","car","caravan","cash-banknote","cash","cast","cell","charging-pile","chart-arcs","chart-area-line","chart-area","chart-arrows-vertical","chart-arrows","chart-bar","chart-bubble","chart-circles","chart-donut","chart-dots","chart-line","chart-pie","chart-radar","check","checkbox","checklist","checks","chevron-down","chevron-left","chevron-right","chevron-top","chevrons-left","chevrons-right","circle-caret-right","circle-check","circle-x","circuit-alternate","circuit-ground-digital","clipboard-check","clipboard-list","clipboard-plus","clipboard-text","clipboard-x","clipboard","clock-edit","clock","cloud-data-connection","cloud-download","cloud-rain","cloud-snow","cloud-upload","cloud","color-picker","color-swatch","compass","contract","cookie","copy","cpu","crane","credit-card","crop","cross","crown","currency-bitcoin","currency-dollar","currency-ethereum","currency-euro","cut","dashboard","database","device-desktop","device-floppy","device-gamepad","device-laptop","device-mobile-rotated","device-mobile","device-tablet","device-watch","devices","dialpad","direction-horizontal","direction-sign","direction","discount","door-enter","door-exit","door-off","dots-vertical","dots","download","drone","droplet-filled","droplet-half","droplet","droplets","edit","empty","engine","eraser-off","eraser","external-link","eye-off","eye","face-id","feather","file-alert","file-analytics","file-check","file-code","file-download","file-export","file-horizontal","file-import","file-plus","file-search","file-text-bookmark","file-text","file-type-bmp","file-type-css","file-type-csv","file-type-doc","file-type-html","file-type-jpg","file-type-js","file-type-pdf","file-type-png","file-type-ppt","file-type-xls","file-type-xml","file-type-zip","file-upload","file-x","file-zip","file","files-off","files","filter-off","filter-sort","filter","fingerprint","fire-extinguisher","flag","flame","flip-horizontal","flip-vertical","folder-minus","folder-off","folder-plus","folder-x","folder","folders","frame","gas-station","gauge-off","gauge","gift","gps","grid-dots","grip-horizontal","grip-vertical","hand-stop","hand-waving","hash","haze","headphones-off","headphones","headset","heart-off","heart","heartbeat","helicopter","helmet-swopp","helmet","help","history","home","hourglass-empty","hourglass-high","hourglass-low","hourglass-off","hourglass","inbox","info-circle","keyboard-hide","keyboard-show","keyboard","layout-board-split","layout-dashboard","layout-grid","layout-sidebar-left-collapse","layout-sidebar-left-expand","layout-sidebar-right-collapse","layout-sidebar-right-expand","layout","leaf","lifebuoy","link","list-search","list","loader","location","lock-off","lock-open","lock","login","logout","mail-forward","mail-opened","mail","map-pin-off","map-pin","map","menu","message-dots","message-off","message","messages","microphone-off","microphone","minus","mist","moon","motorbike","mouse","movie","network","news","note","notebook","notes","offshore-station","package","palette","paperclip","pencil","phone-call","phone-calling","phone-check","phone-incoming","phone-off","phone-outgoing","phone","photo-off","photo","pig","pin","pinned-off","pinned","plane-off","plane","plant","player-pause","player-play","player-skip-back","player-skip-forward","player-stop","player-track-next","player-track-prev","plug-connected","plug","plus","power-ac","power-dc","power","presentation-analytics","presentation","printer","propeller","published","puzzle-2","puzzle","pylon","qrcode","radar","radio","radioactive","receipt-dollar","receipt-euro","receipt","recharging","recycle","refresh-alert","refresh-off","refresh","repeat-once","repeat","replace","report-analytics","report-medical","report-search","report","ripple-off","ripple","rocket","rotate-2","rotate-clockwise-2","rotate-clockwise","rotate-dot","rotate","router","ruler-measure","sailboat","satellite","scale","school","scissors","scooter-electric","screenshot","search","seeding","select","selector","send","server","settings","shape","share-2","share","shield-check","shield-lock","shield-off","shield-x","shield","ship-off","ship","shopping-cart","slash","smart-home","snowflake","solar-panel","sort-ascending-letters","sort-ascending-numbers","sort-descending-letters","sort-descending-numbers","spacing-horizontal","spacing-vertical","speakerphone","stack","stairs","star","sun","sunrise","sunset","switch-horizontal","switch-vertical","table","tag","tank-empty-fill","tank-full-fill","tank-medium-fill","temperature-off","temperature","template","terminal","text-size","text","thumb-down","thumb-up","ticket","timeline","tir","tool","tools","train","trash-off","trash","tree","trees","truck-delivery","truck","umbrella","unlink","upload","user-circle","user-exclamation","user-minus","user-off","user-plus","user-worker","user","users","versions","video-minus","video-off","video-plus","video","volume-2","volume-3","volume","wallet","wand","wave","waves","wifi-off","wifi","wind-direction","wind","windmill","wood","world","writing","x"];export{w as animations,m as classUtils,y as iconNames};
+export{a as ButtonEmphasis,B as ButtonSize,b as ButtonType,C as CUSTOM_DAY_NAMES,h as CUSTOM_MONTH_NAMES,D as DeprecatedSemanticColors,F as FeedbackColors,G as GlobalFilterPosition,I as IconButtonShape,d as LabelPlacement,L as LoaderColors,N as NotificationEmphasis,S as SemanticSizes,g as SortingPossibility,e as TextInputAutocomplete,f as TimeType,T as ToggleButtonEmphasis,c as ToggleButtonSize,W as WEEK_ABBREVIATIONS}from"./p-2277cfc8.js";export{e as eventUtils}from"./p-d429a343.js";export{s as stringUtils}from"./p-a5c8eee9.js";export{u as uriUtils}from"./p-7e58e7d1.js";import{u as o}from"./p-31591941.js";import{u as r}from"./p-ee0df37f.js";import{u as t}from"./p-fb560fa3.js";import{u as i}from"./p-eda2f9f3.js";import{t as l,p as n}from"./p-a52cd849.js";import"./p-42ea6b74.js";function p(e){const o=new Proxy({},{get(e,o){return o}});return e(o)}const m=Object.freeze({__proto__:null,nameof:p});const w=Object.freeze({__proto__:null,useCollapse:o,useFade:r,useGrow:t,useSlide:i,timeline:l,parallel:n});const y=["access-point-off","access-point","accessible","activity","address-book","adjustments-horizontal","adjustments-up","adjustments","affiliate","air-conditioning","alert-circle","alert-triangle","align-center","align-left","align-right","app-window","apps","archive","areas","arrow-back-up","arrow-back","arrow-down-left","arrow-down-right","arrow-down","arrow-forward-up","arrow-forward","arrow-left","arrow-right","arrow-up-left","arrow-up-right","arrow-up","arrows-exchange","arrows-maximize","arrows-minimize","arrows-move","aspect-ratio","atom","ban","basket","battery-1","battery-2","battery-3","battery-4","battery-automotive","battery-charging","battery-eco","battery-off","battery","bell-off","bell-ringing","bell","bike","bluetooth-connected","bluetooth-off","bluetooth","bolt-off","bolt","book","bookmark-off","bookmark","bookmarks","box-align-top","box-multiple","briefcase","brightness-down","brightness-up","browser-check","browser-plus","browser-x","browser","brush","building-bank","building-factory","building-lighthouse","building-store","building","bulb-off","bulb","cake","calendar-time","calendar","camera-off","camera","car-crane","car","caravan","cash-banknote","cash","cast","cell","charging-pile","chart-arcs","chart-area-line","chart-area","chart-arrows-vertical","chart-arrows","chart-bar","chart-bubble","chart-circles","chart-donut","chart-dots","chart-line","chart-pie","chart-radar","check","checkbox","checklist","checks","chevron-down","chevron-left","chevron-right","chevron-top","chevrons-left","chevrons-right","circle-caret-right","circle-check","circle-x","circuit-alternate","circuit-ground-digital","clipboard-check","clipboard-list","clipboard-plus","clipboard-text","clipboard-x","clipboard","clock-edit","clock","cloud-data-connection","cloud-download","cloud-rain","cloud-snow","cloud-upload","cloud","color-picker","color-swatch","compass","contract","cookie","copy","cpu","crane","credit-card","crop","cross","crown","currency-bitcoin","currency-dollar","currency-ethereum","currency-euro","cut","dashboard","database","device-desktop","device-floppy","device-gamepad","device-laptop","device-mobile-rotated","device-mobile","device-tablet","device-watch","devices","dialpad","direction-horizontal","direction-sign","direction","discount","door-enter","door-exit","door-off","dots-vertical","dots","download","drone","droplet-filled","droplet-half","droplet","droplets","edit","empty","engine","equal-not","eraser-off","eraser","external-link","eye-off","eye","face-id","feather","file-alert","file-analytics","file-check","file-code","file-download","file-export","file-horizontal","file-import","file-plus","file-search","file-text-bookmark","file-text","file-type-bmp","file-type-css","file-type-csv","file-type-doc","file-type-html","file-type-jpg","file-type-js","file-type-pdf","file-type-png","file-type-ppt","file-type-xls","file-type-xml","file-type-zip","file-upload","file-x","file-zip","file","files-off","files","filter-off","filter-sort","filter","fingerprint","fire-extinguisher","flag","flame","flip-horizontal","flip-vertical","folder-minus","folder-off","folder-plus","folder-x","folder","folders","frame","gas-station","gauge-off","gauge","gift","git-branch","gps","grid-dots","grip-horizontal","grip-vertical","hand-stop","hand-waving","hash","haze","headphones-off","headphones","headset","heart-off","heart","heartbeat","helicopter","helmet-swopp","helmet","help","history","home","hourglass-empty","hourglass-high","hourglass-low","hourglass-off","hourglass","inbox","info-circle","keyboard-hide","keyboard-show","keyboard","layout-board-split","layout-dashboard","layout-grid","layout-sidebar-left-collapse","layout-sidebar-left-expand","layout-sidebar-right-collapse","layout-sidebar-right-expand","layout","leaf","lifebuoy","link","list-search","list","loader","location","lock-off","lock-open","lock","login","logout","mail-forward","mail-opened","mail","map-pin-2","map-pin-off","map-pin","map","menu","message-dots","message-off","message","messages","microphone-off","microphone","minus","mist","moon","motorbike","mouse","movie","network","news","note","notebook","notes","offshore-station","package","palette","paperclip","pencil","phone-call","phone-calling","phone-check","phone-incoming","phone-off","phone-outgoing","phone","photo-off","photo","pig","pin","pinned-off","pinned","plane-off","plane","plant","player-pause","player-play","player-skip-back","player-skip-forward","player-stop","player-track-next","player-track-prev","plug-connected","plug","plus","power-ac","power-dc","power","presentation-analytics","presentation","printer","propeller","published","puzzle-2","puzzle","pylon","qrcode","radar","radio","radioactive","receipt-dollar","receipt-euro","receipt","recharging","recycle","refresh-alert","refresh-off","refresh","repeat-once","repeat","replace","report-analytics","report-medical","report-search","report","ripple-off","ripple","rocket","rotate-2","rotate-clockwise-2","rotate-clockwise","rotate-dot","rotate","router","ruler-measure","sailboat","satellite","scale","school","scissors","scooter-electric","screenshot","search","seeding","select","selector","send","server","settings","shape","share-2","share","shield-check","shield-lock","shield-off","shield-x","shield","ship-off","ship","shopping-cart","slash","smart-home","snowflake","solar-panel","sort-ascending-letters","sort-ascending-numbers","sort-descending-letters","sort-descending-numbers","spacing-horizontal","spacing-vertical","speakerphone","stack","stairs","star","sun","sunrise","sunset","switch-horizontal","switch-vertical","table","tag","tank-empty-fill","tank-full-fill","tank-medium-fill","temperature-off","temperature","template","terminal","text-size","text","thumb-down","thumb-up","ticket","timeline","tir","tool","tools","train","trash-off","trash","tree","trees","truck-delivery","truck","umbrella","unlink","upload","user-circle","user-exclamation","user-minus","user-off","user-plus","user-worker","user","users","versions","video-minus","video-off","video-plus","video","volume-2","volume-3","volume","wallet","wand","wave","waves","wifi-off","wifi","wind-direction","windmill","wood","world","writing","x","zoom-reset"];export{w as animations,m as classUtils,y as iconNames};
 //# sourceMappingURL=index.esm.js.map

package/dist/native/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["nameof","key","proxy","Proxy","get","_target","prop","iconNames"],"sources":["src/utils/class.utils.ts","src/components/nv-icon/nv-icons.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Get the name of a property in an object or class instance.\n * @param {function} key The key of the property.\n * @returns {string} The name of the property.\n */\nexport function nameof<T>(key: (x: T) => any): string {\n  const proxy = new Proxy(\n    {},\n    {\n      get(_target, prop) {\n        return prop;\n      },\n    },\n  );\n  return key(proxy as T);\n}\n","/** Available icons */\n\nexport const iconNames = [\n  'access-point-off',\n  'access-point',\n  'accessible',\n  'activity',\n  'address-book',\n  'adjustments-horizontal',\n  'adjustments-up',\n  'adjustments',\n  'affiliate',\n  'air-conditioning',\n  'alert-circle',\n  'alert-triangle',\n  'align-center',\n  'align-left',\n  'align-right',\n  'app-window',\n  'apps',\n  'archive',\n  'areas',\n  'arrow-back-up',\n  'arrow-back',\n  'arrow-down-left',\n  'arrow-down-right',\n  'arrow-down',\n  'arrow-forward-up',\n  'arrow-forward',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up-left',\n  'arrow-up-right',\n  'arrow-up',\n  'arrows-exchange',\n  'arrows-maximize',\n  'arrows-minimize',\n  'arrows-move',\n  'aspect-ratio',\n  'atom',\n  'ban',\n  'basket',\n  'battery-1',\n  'battery-2',\n  'battery-3',\n  'battery-4',\n  'battery-automotive',\n  'battery-charging',\n  'battery-eco',\n  'battery-off',\n  'battery',\n  'bell-off',\n  'bell-ringing',\n  'bell',\n  'bike',\n  'bluetooth-connected',\n  'bluetooth-off',\n  'bluetooth',\n  'bolt-off',\n  'bolt',\n  'book',\n  'bookmark-off',\n  'bookmark',\n  'bookmarks',\n  'box-align-top',\n  'box-multiple',\n  'briefcase',\n  'brightness-down',\n  'brightness-up',\n  'browser-check',\n  'browser-plus',\n  'browser-x',\n  'browser',\n  'brush',\n  'building-bank',\n  'building-factory',\n  'building-lighthouse',\n  'building-store',\n  'building',\n  'bulb-off',\n  'bulb',\n  'cake',\n  'calendar-time',\n  'calendar',\n  'camera-off',\n  'camera',\n  'car-crane',\n  'car',\n  'caravan',\n  'cash-banknote',\n  'cash',\n  'cast',\n  'cell',\n  'charging-pile',\n  'chart-arcs',\n  'chart-area-line',\n  'chart-area',\n  'chart-arrows-vertical',\n  'chart-arrows',\n  'chart-bar',\n  'chart-bubble',\n  'chart-circles',\n  'chart-donut',\n  'chart-dots',\n  'chart-line',\n  'chart-pie',\n  'chart-radar',\n  'check',\n  'checkbox',\n  'checklist',\n  'checks',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-top',\n  'chevrons-left',\n  'chevrons-right',\n  'circle-caret-right',\n  'circle-check',\n  'circle-x',\n  'circuit-alternate',\n  'circuit-ground-digital',\n  'clipboard-check',\n  'clipboard-list',\n  'clipboard-plus',\n  'clipboard-text',\n  'clipboard-x',\n  'clipboard',\n  'clock-edit',\n  'clock',\n  'cloud-data-connection',\n  'cloud-download',\n  'cloud-rain',\n  'cloud-snow',\n  'cloud-upload',\n  'cloud',\n  'color-picker',\n  'color-swatch',\n  'compass',\n  'contract',\n  'cookie',\n  'copy',\n  'cpu',\n  'crane',\n  'credit-card',\n  'crop',\n  'cross',\n  'crown',\n  'currency-bitcoin',\n  'currency-dollar',\n  'currency-ethereum',\n  'currency-euro',\n  'cut',\n  'dashboard',\n  'database',\n  'device-desktop',\n  'device-floppy',\n  'device-gamepad',\n  'device-laptop',\n  'device-mobile-rotated',\n  'device-mobile',\n  'device-tablet',\n  'device-watch',\n  'devices',\n  'dialpad',\n  'direction-horizontal',\n  'direction-sign',\n  'direction',\n  'discount',\n  'door-enter',\n  'door-exit',\n  'door-off',\n  'dots-vertical',\n  'dots',\n  'download',\n  'drone',\n  'droplet-filled',\n  'droplet-half',\n  'droplet',\n  'droplets',\n  'edit',\n  'empty',\n  'engine',\n  'eraser-off',\n  'eraser',\n  'external-link',\n  'eye-off',\n  'eye',\n  'face-id',\n  'feather',\n  'file-alert',\n  'file-analytics',\n  'file-check',\n  'file-code',\n  'file-download',\n  'file-export',\n  'file-horizontal',\n  'file-import',\n  'file-plus',\n  'file-search',\n  'file-text-bookmark',\n  'file-text',\n  'file-type-bmp',\n  'file-type-css',\n  'file-type-csv',\n  'file-type-doc',\n  'file-type-html',\n  'file-type-jpg',\n  'file-type-js',\n  'file-type-pdf',\n  'file-type-png',\n  'file-type-ppt',\n  'file-type-xls',\n  'file-type-xml',\n  'file-type-zip',\n  'file-upload',\n  'file-x',\n  'file-zip',\n  'file',\n  'files-off',\n  'files',\n  'filter-off',\n  'filter-sort',\n  'filter',\n  'fingerprint',\n  'fire-extinguisher',\n  'flag',\n  'flame',\n  'flip-horizontal',\n  'flip-vertical',\n  'folder-minus',\n  'folder-off',\n  'folder-plus',\n  'folder-x',\n  'folder',\n  'folders',\n  'frame',\n  'gas-station',\n  'gauge-off',\n  'gauge',\n  'gift',\n  'gps',\n  'grid-dots',\n  'grip-horizontal',\n  'grip-vertical',\n  'hand-stop',\n  'hand-waving',\n  'hash',\n  'haze',\n  'headphones-off',\n  'headphones',\n  'headset',\n  'heart-off',\n  'heart',\n  'heartbeat',\n  'helicopter',\n  'helmet-swopp',\n  'helmet',\n  'help',\n  'history',\n  'home',\n  'hourglass-empty',\n  'hourglass-high',\n  'hourglass-low',\n  'hourglass-off',\n  'hourglass',\n  'inbox',\n  'info-circle',\n  'keyboard-hide',\n  'keyboard-show',\n  'keyboard',\n  'layout-board-split',\n  'layout-dashboard',\n  'layout-grid',\n  'layout-sidebar-left-collapse',\n  'layout-sidebar-left-expand',\n  'layout-sidebar-right-collapse',\n  'layout-sidebar-right-expand',\n  'layout',\n  'leaf',\n  'lifebuoy',\n  'link',\n  'list-search',\n  'list',\n  'loader',\n  'location',\n  'lock-off',\n  'lock-open',\n  'lock',\n  'login',\n  'logout',\n  'mail-forward',\n  'mail-opened',\n  'mail',\n  'map-pin-off',\n  'map-pin',\n  'map',\n  'menu',\n  'message-dots',\n  'message-off',\n  'message',\n  'messages',\n  'microphone-off',\n  'microphone',\n  'minus',\n  'mist',\n  'moon',\n  'motorbike',\n  'mouse',\n  'movie',\n  'network',\n  'news',\n  'note',\n  'notebook',\n  'notes',\n  'offshore-station',\n  'package',\n  'palette',\n  'paperclip',\n  'pencil',\n  'phone-call',\n  'phone-calling',\n  'phone-check',\n  'phone-incoming',\n  'phone-off',\n  'phone-outgoing',\n  'phone',\n  'photo-off',\n  'photo',\n  'pig',\n  'pin',\n  'pinned-off',\n  'pinned',\n  'plane-off',\n  'plane',\n  'plant',\n  'player-pause',\n  'player-play',\n  'player-skip-back',\n  'player-skip-forward',\n  'player-stop',\n  'player-track-next',\n  'player-track-prev',\n  'plug-connected',\n  'plug',\n  'plus',\n  'power-ac',\n  'power-dc',\n  'power',\n  'presentation-analytics',\n  'presentation',\n  'printer',\n  'propeller',\n  'published',\n  'puzzle-2',\n  'puzzle',\n  'pylon',\n  'qrcode',\n  'radar',\n  'radio',\n  'radioactive',\n  'receipt-dollar',\n  'receipt-euro',\n  'receipt',\n  'recharging',\n  'recycle',\n  'refresh-alert',\n  'refresh-off',\n  'refresh',\n  'repeat-once',\n  'repeat',\n  'replace',\n  'report-analytics',\n  'report-medical',\n  'report-search',\n  'report',\n  'ripple-off',\n  'ripple',\n  'rocket',\n  'rotate-2',\n  'rotate-clockwise-2',\n  'rotate-clockwise',\n  'rotate-dot',\n  'rotate',\n  'router',\n  'ruler-measure',\n  'sailboat',\n  'satellite',\n  'scale',\n  'school',\n  'scissors',\n  'scooter-electric',\n  'screenshot',\n  'search',\n  'seeding',\n  'select',\n  'selector',\n  'send',\n  'server',\n  'settings',\n  'shape',\n  'share-2',\n  'share',\n  'shield-check',\n  'shield-lock',\n  'shield-off',\n  'shield-x',\n  'shield',\n  'ship-off',\n  'ship',\n  'shopping-cart',\n  'slash',\n  'smart-home',\n  'snowflake',\n  'solar-panel',\n  'sort-ascending-letters',\n  'sort-ascending-numbers',\n  'sort-descending-letters',\n  'sort-descending-numbers',\n  'spacing-horizontal',\n  'spacing-vertical',\n  'speakerphone',\n  'stack',\n  'stairs',\n  'star',\n  'sun',\n  'sunrise',\n  'sunset',\n  'switch-horizontal',\n  'switch-vertical',\n  'table',\n  'tag',\n  'tank-empty-fill',\n  'tank-full-fill',\n  'tank-medium-fill',\n  'temperature-off',\n  'temperature',\n  'template',\n  'terminal',\n  'text-size',\n  'text',\n  'thumb-down',\n  'thumb-up',\n  'ticket',\n  'timeline',\n  'tir',\n  'tool',\n  'tools',\n  'train',\n  'trash-off',\n  'trash',\n  'tree',\n  'trees',\n  'truck-delivery',\n  'truck',\n  'umbrella',\n  'unlink',\n  'upload',\n  'user-circle',\n  'user-exclamation',\n  'user-minus',\n  'user-off',\n  'user-plus',\n  'user-worker',\n  'user',\n  'users',\n  'versions',\n  'video-minus',\n  'video-off',\n  'video-plus',\n  'video',\n  'volume-2',\n  'volume-3',\n  'volume',\n  'wallet',\n  'wand',\n  'wave',\n  'waves',\n  'wifi-off',\n  'wifi',\n  'wind-direction',\n  'wind',\n  'windmill',\n  'wood',\n  'world',\n  'writing',\n  'x',\n] as const;\nexport type IconName = (typeof iconNames)[number];\n"],"mappings":"8xBAOgBA,EAAUC,GACxB,MAAMC,EAAQ,IAAIC,MAChB,GACA,CACE,GAAAC,CAAIC,EAASC,GACX,OAAOA,C,IAIb,OAAOL,EAAIC,EACb,C,kKCfaK,EAAY,CACvB,mBACA,eACA,aACA,WACA,eACA,yBACA,iBACA,cACA,YACA,mBACA,eACA,iBACA,eACA,aACA,cACA,aACA,OACA,UACA,QACA,gBACA,aACA,kBACA,mBACA,aACA,mBACA,gBACA,aACA,cACA,gBACA,iBACA,WACA,kBACA,kBACA,kBACA,cACA,eACA,OACA,MACA,SACA,YACA,YACA,YACA,YACA,qBACA,mBACA,cACA,cACA,UACA,WACA,eACA,OACA,OACA,sBACA,gBACA,YACA,WACA,OACA,OACA,eACA,WACA,YACA,gBACA,eACA,YACA,kBACA,gBACA,gBACA,eACA,YACA,UACA,QACA,gBACA,mBACA,sBACA,iBACA,WACA,WACA,OACA,OACA,gBACA,WACA,aACA,SACA,YACA,MACA,UACA,gBACA,OACA,OACA,OACA,gBACA,aACA,kBACA,aACA,wBACA,eACA,YACA,eACA,gBACA,cACA,aACA,aACA,YACA,cACA,QACA,WACA,YACA,SACA,eACA,eACA,gBACA,cACA,gBACA,iBACA,qBACA,eACA,WACA,oBACA,yBACA,kBACA,iBACA,iBACA,iBACA,cACA,YACA,aACA,QACA,wBACA,iBACA,aACA,aACA,eACA,QACA,eACA,eACA,UACA,WACA,SACA,OACA,MACA,QACA,cACA,OACA,QACA,QACA,mBACA,kBACA,oBACA,gBACA,MACA,YACA,WACA,iBACA,gBACA,iBACA,gBACA,wBACA,gBACA,gBACA,eACA,UACA,UACA,uBACA,iBACA,YACA,WACA,aACA,YACA,WACA,gBACA,OACA,WACA,QACA,iBACA,eACA,UACA,WACA,OACA,QACA,SACA,aACA,SACA,gBACA,UACA,MACA,UACA,UACA,aACA,iBACA,aACA,YACA,gBACA,cACA,kBACA,cACA,YACA,cACA,qBACA,YACA,gBACA,gBACA,gBACA,gBACA,iBACA,gBACA,eACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,cACA,SACA,WACA,OACA,YACA,QACA,aACA,cACA,SACA,cACA,oBACA,OACA,QACA,kBACA,gBACA,eACA,aACA,cACA,WACA,SACA,UACA,QACA,cACA,YACA,QACA,OACA,MACA,YACA,kBACA,gBACA,YACA,cACA,OACA,OACA,iBACA,aACA,UACA,YACA,QACA,YACA,aACA,eACA,SACA,OACA,UACA,OACA,kBACA,iBACA,gBACA,gBACA,YACA,QACA,cACA,gBACA,gBACA,WACA,qBACA,mBACA,cACA,+BACA,6BACA,gCACA,8BACA,SACA,OACA,WACA,OACA,cACA,OACA,SACA,WACA,WACA,YACA,OACA,QACA,SACA,eACA,cACA,OACA,cACA,UACA,MACA,OACA,eACA,cACA,UACA,WACA,iBACA,aACA,QACA,OACA,OACA,YACA,QACA,QACA,UACA,OACA,OACA,WACA,QACA,mBACA,UACA,UACA,YACA,SACA,aACA,gBACA,cACA,iBACA,YACA,iBACA,QACA,YACA,QACA,MACA,MACA,aACA,SACA,YACA,QACA,QACA,eACA,cACA,mBACA,sBACA,cACA,oBACA,oBACA,iBACA,OACA,OACA,WACA,WACA,QACA,yBACA,eACA,UACA,YACA,YACA,WACA,SACA,QACA,SACA,QACA,QACA,cACA,iBACA,eACA,UACA,aACA,UACA,gBACA,cACA,UACA,cACA,SACA,UACA,mBACA,iBACA,gBACA,SACA,aACA,SACA,SACA,WACA,qBACA,mBACA,aACA,SACA,SACA,gBACA,WACA,YACA,QACA,SACA,WACA,mBACA,aACA,SACA,UACA,SACA,WACA,OACA,SACA,WACA,QACA,UACA,QACA,eACA,cACA,aACA,WACA,SACA,WACA,OACA,gBACA,QACA,aACA,YACA,cACA,yBACA,yBACA,0BACA,0BACA,qBACA,mBACA,eACA,QACA,SACA,OACA,MACA,UACA,SACA,oBACA,kBACA,QACA,MACA,kBACA,iBACA,mBACA,kBACA,cACA,WACA,WACA,YACA,OACA,aACA,WACA,SACA,WACA,MACA,OACA,QACA,QACA,YACA,QACA,OACA,QACA,iBACA,QACA,WACA,SACA,SACA,cACA,mBACA,aACA,WACA,YACA,cACA,OACA,QACA,WACA,cACA,YACA,aACA,QACA,WACA,WACA,SACA,SACA,OACA,OACA,QACA,WACA,OACA,iBACA,OACA,WACA,OACA,QACA,UACA,Y","ignoreList":[]}
+{"version":3,"names":["nameof","key","proxy","Proxy","get","_target","prop","iconNames"],"sources":["src/utils/class.utils.ts","src/components/nv-icon/nv-icons.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Get the name of a property in an object or class instance.\n * @param {function} key The key of the property.\n * @returns {string} The name of the property.\n */\nexport function nameof<T>(key: (x: T) => any): string {\n  const proxy = new Proxy(\n    {},\n    {\n      get(_target, prop) {\n        return prop;\n      },\n    },\n  );\n  return key(proxy as T);\n}\n","/** Available icons */\n\nexport const iconNames = [\n  'access-point-off',\n  'access-point',\n  'accessible',\n  'activity',\n  'address-book',\n  'adjustments-horizontal',\n  'adjustments-up',\n  'adjustments',\n  'affiliate',\n  'air-conditioning',\n  'alert-circle',\n  'alert-triangle',\n  'align-center',\n  'align-left',\n  'align-right',\n  'app-window',\n  'apps',\n  'archive',\n  'areas',\n  'arrow-back-up',\n  'arrow-back',\n  'arrow-down-left',\n  'arrow-down-right',\n  'arrow-down',\n  'arrow-forward-up',\n  'arrow-forward',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up-left',\n  'arrow-up-right',\n  'arrow-up',\n  'arrows-exchange',\n  'arrows-maximize',\n  'arrows-minimize',\n  'arrows-move',\n  'aspect-ratio',\n  'atom',\n  'ban',\n  'basket',\n  'battery-1',\n  'battery-2',\n  'battery-3',\n  'battery-4',\n  'battery-automotive',\n  'battery-charging',\n  'battery-eco',\n  'battery-off',\n  'battery',\n  'bell-off',\n  'bell-ringing',\n  'bell',\n  'bike',\n  'bluetooth-connected',\n  'bluetooth-off',\n  'bluetooth',\n  'bolt-off',\n  'bolt',\n  'book',\n  'bookmark-off',\n  'bookmark',\n  'bookmarks',\n  'box-align-top',\n  'box-multiple',\n  'briefcase',\n  'brightness-down',\n  'brightness-up',\n  'browser-check',\n  'browser-plus',\n  'browser-x',\n  'browser',\n  'brush',\n  'building-bank',\n  'building-factory',\n  'building-lighthouse',\n  'building-store',\n  'building',\n  'bulb-off',\n  'bulb',\n  'cake',\n  'calendar-time',\n  'calendar',\n  'camera-off',\n  'camera',\n  'car-crane',\n  'car',\n  'caravan',\n  'cash-banknote',\n  'cash',\n  'cast',\n  'cell',\n  'charging-pile',\n  'chart-arcs',\n  'chart-area-line',\n  'chart-area',\n  'chart-arrows-vertical',\n  'chart-arrows',\n  'chart-bar',\n  'chart-bubble',\n  'chart-circles',\n  'chart-donut',\n  'chart-dots',\n  'chart-line',\n  'chart-pie',\n  'chart-radar',\n  'check',\n  'checkbox',\n  'checklist',\n  'checks',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-top',\n  'chevrons-left',\n  'chevrons-right',\n  'circle-caret-right',\n  'circle-check',\n  'circle-x',\n  'circuit-alternate',\n  'circuit-ground-digital',\n  'clipboard-check',\n  'clipboard-list',\n  'clipboard-plus',\n  'clipboard-text',\n  'clipboard-x',\n  'clipboard',\n  'clock-edit',\n  'clock',\n  'cloud-data-connection',\n  'cloud-download',\n  'cloud-rain',\n  'cloud-snow',\n  'cloud-upload',\n  'cloud',\n  'color-picker',\n  'color-swatch',\n  'compass',\n  'contract',\n  'cookie',\n  'copy',\n  'cpu',\n  'crane',\n  'credit-card',\n  'crop',\n  'cross',\n  'crown',\n  'currency-bitcoin',\n  'currency-dollar',\n  'currency-ethereum',\n  'currency-euro',\n  'cut',\n  'dashboard',\n  'database',\n  'device-desktop',\n  'device-floppy',\n  'device-gamepad',\n  'device-laptop',\n  'device-mobile-rotated',\n  'device-mobile',\n  'device-tablet',\n  'device-watch',\n  'devices',\n  'dialpad',\n  'direction-horizontal',\n  'direction-sign',\n  'direction',\n  'discount',\n  'door-enter',\n  'door-exit',\n  'door-off',\n  'dots-vertical',\n  'dots',\n  'download',\n  'drone',\n  'droplet-filled',\n  'droplet-half',\n  'droplet',\n  'droplets',\n  'edit',\n  'empty',\n  'engine',\n  'equal-not',\n  'eraser-off',\n  'eraser',\n  'external-link',\n  'eye-off',\n  'eye',\n  'face-id',\n  'feather',\n  'file-alert',\n  'file-analytics',\n  'file-check',\n  'file-code',\n  'file-download',\n  'file-export',\n  'file-horizontal',\n  'file-import',\n  'file-plus',\n  'file-search',\n  'file-text-bookmark',\n  'file-text',\n  'file-type-bmp',\n  'file-type-css',\n  'file-type-csv',\n  'file-type-doc',\n  'file-type-html',\n  'file-type-jpg',\n  'file-type-js',\n  'file-type-pdf',\n  'file-type-png',\n  'file-type-ppt',\n  'file-type-xls',\n  'file-type-xml',\n  'file-type-zip',\n  'file-upload',\n  'file-x',\n  'file-zip',\n  'file',\n  'files-off',\n  'files',\n  'filter-off',\n  'filter-sort',\n  'filter',\n  'fingerprint',\n  'fire-extinguisher',\n  'flag',\n  'flame',\n  'flip-horizontal',\n  'flip-vertical',\n  'folder-minus',\n  'folder-off',\n  'folder-plus',\n  'folder-x',\n  'folder',\n  'folders',\n  'frame',\n  'gas-station',\n  'gauge-off',\n  'gauge',\n  'gift',\n  'git-branch',\n  'gps',\n  'grid-dots',\n  'grip-horizontal',\n  'grip-vertical',\n  'hand-stop',\n  'hand-waving',\n  'hash',\n  'haze',\n  'headphones-off',\n  'headphones',\n  'headset',\n  'heart-off',\n  'heart',\n  'heartbeat',\n  'helicopter',\n  'helmet-swopp',\n  'helmet',\n  'help',\n  'history',\n  'home',\n  'hourglass-empty',\n  'hourglass-high',\n  'hourglass-low',\n  'hourglass-off',\n  'hourglass',\n  'inbox',\n  'info-circle',\n  'keyboard-hide',\n  'keyboard-show',\n  'keyboard',\n  'layout-board-split',\n  'layout-dashboard',\n  'layout-grid',\n  'layout-sidebar-left-collapse',\n  'layout-sidebar-left-expand',\n  'layout-sidebar-right-collapse',\n  'layout-sidebar-right-expand',\n  'layout',\n  'leaf',\n  'lifebuoy',\n  'link',\n  'list-search',\n  'list',\n  'loader',\n  'location',\n  'lock-off',\n  'lock-open',\n  'lock',\n  'login',\n  'logout',\n  'mail-forward',\n  'mail-opened',\n  'mail',\n  'map-pin-2',\n  'map-pin-off',\n  'map-pin',\n  'map',\n  'menu',\n  'message-dots',\n  'message-off',\n  'message',\n  'messages',\n  'microphone-off',\n  'microphone',\n  'minus',\n  'mist',\n  'moon',\n  'motorbike',\n  'mouse',\n  'movie',\n  'network',\n  'news',\n  'note',\n  'notebook',\n  'notes',\n  'offshore-station',\n  'package',\n  'palette',\n  'paperclip',\n  'pencil',\n  'phone-call',\n  'phone-calling',\n  'phone-check',\n  'phone-incoming',\n  'phone-off',\n  'phone-outgoing',\n  'phone',\n  'photo-off',\n  'photo',\n  'pig',\n  'pin',\n  'pinned-off',\n  'pinned',\n  'plane-off',\n  'plane',\n  'plant',\n  'player-pause',\n  'player-play',\n  'player-skip-back',\n  'player-skip-forward',\n  'player-stop',\n  'player-track-next',\n  'player-track-prev',\n  'plug-connected',\n  'plug',\n  'plus',\n  'power-ac',\n  'power-dc',\n  'power',\n  'presentation-analytics',\n  'presentation',\n  'printer',\n  'propeller',\n  'published',\n  'puzzle-2',\n  'puzzle',\n  'pylon',\n  'qrcode',\n  'radar',\n  'radio',\n  'radioactive',\n  'receipt-dollar',\n  'receipt-euro',\n  'receipt',\n  'recharging',\n  'recycle',\n  'refresh-alert',\n  'refresh-off',\n  'refresh',\n  'repeat-once',\n  'repeat',\n  'replace',\n  'report-analytics',\n  'report-medical',\n  'report-search',\n  'report',\n  'ripple-off',\n  'ripple',\n  'rocket',\n  'rotate-2',\n  'rotate-clockwise-2',\n  'rotate-clockwise',\n  'rotate-dot',\n  'rotate',\n  'router',\n  'ruler-measure',\n  'sailboat',\n  'satellite',\n  'scale',\n  'school',\n  'scissors',\n  'scooter-electric',\n  'screenshot',\n  'search',\n  'seeding',\n  'select',\n  'selector',\n  'send',\n  'server',\n  'settings',\n  'shape',\n  'share-2',\n  'share',\n  'shield-check',\n  'shield-lock',\n  'shield-off',\n  'shield-x',\n  'shield',\n  'ship-off',\n  'ship',\n  'shopping-cart',\n  'slash',\n  'smart-home',\n  'snowflake',\n  'solar-panel',\n  'sort-ascending-letters',\n  'sort-ascending-numbers',\n  'sort-descending-letters',\n  'sort-descending-numbers',\n  'spacing-horizontal',\n  'spacing-vertical',\n  'speakerphone',\n  'stack',\n  'stairs',\n  'star',\n  'sun',\n  'sunrise',\n  'sunset',\n  'switch-horizontal',\n  'switch-vertical',\n  'table',\n  'tag',\n  'tank-empty-fill',\n  'tank-full-fill',\n  'tank-medium-fill',\n  'temperature-off',\n  'temperature',\n  'template',\n  'terminal',\n  'text-size',\n  'text',\n  'thumb-down',\n  'thumb-up',\n  'ticket',\n  'timeline',\n  'tir',\n  'tool',\n  'tools',\n  'train',\n  'trash-off',\n  'trash',\n  'tree',\n  'trees',\n  'truck-delivery',\n  'truck',\n  'umbrella',\n  'unlink',\n  'upload',\n  'user-circle',\n  'user-exclamation',\n  'user-minus',\n  'user-off',\n  'user-plus',\n  'user-worker',\n  'user',\n  'users',\n  'versions',\n  'video-minus',\n  'video-off',\n  'video-plus',\n  'video',\n  'volume-2',\n  'volume-3',\n  'volume',\n  'wallet',\n  'wand',\n  'wave',\n  'waves',\n  'wifi-off',\n  'wifi',\n  'wind-direction',\n  'windmill',\n  'wood',\n  'world',\n  'writing',\n  'x',\n  'zoom-reset',\n] as const;\nexport type IconName = (typeof iconNames)[number];\n"],"mappings":"8xBAOgBA,EAAUC,GACxB,MAAMC,EAAQ,IAAIC,MAChB,GACA,CACE,GAAAC,CAAIC,EAASC,GACX,OAAOA,C,IAIb,OAAOL,EAAIC,EACb,C,kKCfaK,EAAY,CACvB,mBACA,eACA,aACA,WACA,eACA,yBACA,iBACA,cACA,YACA,mBACA,eACA,iBACA,eACA,aACA,cACA,aACA,OACA,UACA,QACA,gBACA,aACA,kBACA,mBACA,aACA,mBACA,gBACA,aACA,cACA,gBACA,iBACA,WACA,kBACA,kBACA,kBACA,cACA,eACA,OACA,MACA,SACA,YACA,YACA,YACA,YACA,qBACA,mBACA,cACA,cACA,UACA,WACA,eACA,OACA,OACA,sBACA,gBACA,YACA,WACA,OACA,OACA,eACA,WACA,YACA,gBACA,eACA,YACA,kBACA,gBACA,gBACA,eACA,YACA,UACA,QACA,gBACA,mBACA,sBACA,iBACA,WACA,WACA,OACA,OACA,gBACA,WACA,aACA,SACA,YACA,MACA,UACA,gBACA,OACA,OACA,OACA,gBACA,aACA,kBACA,aACA,wBACA,eACA,YACA,eACA,gBACA,cACA,aACA,aACA,YACA,cACA,QACA,WACA,YACA,SACA,eACA,eACA,gBACA,cACA,gBACA,iBACA,qBACA,eACA,WACA,oBACA,yBACA,kBACA,iBACA,iBACA,iBACA,cACA,YACA,aACA,QACA,wBACA,iBACA,aACA,aACA,eACA,QACA,eACA,eACA,UACA,WACA,SACA,OACA,MACA,QACA,cACA,OACA,QACA,QACA,mBACA,kBACA,oBACA,gBACA,MACA,YACA,WACA,iBACA,gBACA,iBACA,gBACA,wBACA,gBACA,gBACA,eACA,UACA,UACA,uBACA,iBACA,YACA,WACA,aACA,YACA,WACA,gBACA,OACA,WACA,QACA,iBACA,eACA,UACA,WACA,OACA,QACA,SACA,YACA,aACA,SACA,gBACA,UACA,MACA,UACA,UACA,aACA,iBACA,aACA,YACA,gBACA,cACA,kBACA,cACA,YACA,cACA,qBACA,YACA,gBACA,gBACA,gBACA,gBACA,iBACA,gBACA,eACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,cACA,SACA,WACA,OACA,YACA,QACA,aACA,cACA,SACA,cACA,oBACA,OACA,QACA,kBACA,gBACA,eACA,aACA,cACA,WACA,SACA,UACA,QACA,cACA,YACA,QACA,OACA,aACA,MACA,YACA,kBACA,gBACA,YACA,cACA,OACA,OACA,iBACA,aACA,UACA,YACA,QACA,YACA,aACA,eACA,SACA,OACA,UACA,OACA,kBACA,iBACA,gBACA,gBACA,YACA,QACA,cACA,gBACA,gBACA,WACA,qBACA,mBACA,cACA,+BACA,6BACA,gCACA,8BACA,SACA,OACA,WACA,OACA,cACA,OACA,SACA,WACA,WACA,YACA,OACA,QACA,SACA,eACA,cACA,OACA,YACA,cACA,UACA,MACA,OACA,eACA,cACA,UACA,WACA,iBACA,aACA,QACA,OACA,OACA,YACA,QACA,QACA,UACA,OACA,OACA,WACA,QACA,mBACA,UACA,UACA,YACA,SACA,aACA,gBACA,cACA,iBACA,YACA,iBACA,QACA,YACA,QACA,MACA,MACA,aACA,SACA,YACA,QACA,QACA,eACA,cACA,mBACA,sBACA,cACA,oBACA,oBACA,iBACA,OACA,OACA,WACA,WACA,QACA,yBACA,eACA,UACA,YACA,YACA,WACA,SACA,QACA,SACA,QACA,QACA,cACA,iBACA,eACA,UACA,aACA,UACA,gBACA,cACA,UACA,cACA,SACA,UACA,mBACA,iBACA,gBACA,SACA,aACA,SACA,SACA,WACA,qBACA,mBACA,aACA,SACA,SACA,gBACA,WACA,YACA,QACA,SACA,WACA,mBACA,aACA,SACA,UACA,SACA,WACA,OACA,SACA,WACA,QACA,UACA,QACA,eACA,cACA,aACA,WACA,SACA,WACA,OACA,gBACA,QACA,aACA,YACA,cACA,yBACA,yBACA,0BACA,0BACA,qBACA,mBACA,eACA,QACA,SACA,OACA,MACA,UACA,SACA,oBACA,kBACA,QACA,MACA,kBACA,iBACA,mBACA,kBACA,cACA,WACA,WACA,YACA,OACA,aACA,WACA,SACA,WACA,MACA,OACA,QACA,QACA,YACA,QACA,OACA,QACA,iBACA,QACA,WACA,SACA,SACA,cACA,mBACA,aACA,WACA,YACA,cACA,OACA,QACA,WACA,cACA,YACA,aACA,QACA,WACA,WACA,SACA,SACA,OACA,OACA,QACA,WACA,OACA,iBACA,WACA,OACA,QACA,UACA,IACA,qB","ignoreList":[]}