@atmgrupomaggioli/iris-button 0.2.0-dev.8 → 0.2.0

package/dist/esm/iris-button.entry.js

@@ -1,12 +1,11 @@
-import { r as registerInstance, c as createEvent, h } from './index-45a8db1c.js';
+import { r as registerInstance, c as createEvent, h } from './index-CqbIY27k.js';
 
-const irisButtonCss = "@charset \"UTF-8\";@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes show-loading{0%{opacity:0}100%{opacity:1}}:host{display:inline-block}button{padding:8px 12px;color:#fff;background-color:var(--company-primary-dark);-webkit-transition:background-color 0.5s ease;-ms-transition:background-color 0.5s ease;transition:background-color 0.5s ease;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:-ms-flexbox;display:-webkit-box;display:flex;align-items:center;cursor:pointer;gap:0.1rem;font-family:var(--font-primary);}button:hover{background-color:var(--company-primary-focus)}button:focus{outline:2px solid var(--blue_light);outline-offset:1px}button .material-symbols-rounded,button i{font-family:var(--font-family-material-icons);font-size:var(--font-size-icon)}button:not([type=icon],[type=fab]) .material-symbols-rounded,button:not([type=icon],[type=fab]) .loading{margin-right:5px}button[type=fab]{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:36px;width:36px;padding:0;display:-ms-flexbox;display:-webkit-box;display:flex;justify-content:center}button .loading{animation:show-loading 1s 1}button .loading svg{animation:spin 1s infinite;color:var(--primary);height:var(--font-size-icon)}button[color=success]{background-color:var(--company-success-dark)}button[color=success]:hover{background-color:var(--company-success-focus)}button[color=warning]{background-color:var(--company-warning-dark)}button[color=warning]:hover{background-color:var(--company-warning-focus)}button[color=error]{background-color:var(--company-error-dark)}button[color=error]:hover{background-color:var(--company-error-focus)}button[color=basic]{background-color:var(--company-basic-light);color:var(--company-basic-dark)}button[color=basic]:hover{background-color:var(--company-basic-focus)}button:disabled{background-color:var(--company-basic-focus);color:var(--company-basic-light);cursor:not-allowed}button:disabled:hover{background-color:var(--company-basic-focus)}";
-const IrisButtonStyle0 = irisButtonCss;
+const irisButtonCss = "@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes show-loading{0%{opacity:0}100%{opacity:1}}:host{display:inline-block}button{font-size:var(--font-size);padding:8px 12px;color:var(--white);background-color:var(--company-primary-dark);-webkit-transition:background-color 0.5s ease;-ms-transition:background-color 0.5s ease;transition:background-color 0.5s ease;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:-ms-flexbox;display:-webkit-box;display:flex;align-items:center;cursor:pointer;gap:0.1rem;font-family:var(--font-primary)}button:hover{background-color:var(--company-primary-focus)}button:focus{outline:2px solid var(--blue_light);outline-offset:1px}button:not([type=icon],[type=fab]) .material-symbols-rounded,button:not([type=icon],[type=fab]) .loading{margin-right:5px}button[type=fab],button[type=icon]{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:36px;width:36px;padding:0;display:-ms-flexbox;display:-webkit-box;display:flex;justify-content:center}button .loading{animation:show-loading 1s 1;display:-ms-flexbox;display:-webkit-box;display:flex;align-items:center;height:calc(var(--font-size-icon) * 1.19)}button .loading svg{animation:spin 1s infinite;color:var(--primary);height:var(--font-size-icon)}button iris-icon{display:-ms-flexbox;display:-webkit-box;display:flex}button[color=primary]{background-color:var(--company-primary-dark)}button[color=primary]:hover{background-color:var(--company-primary-focus)}button[color=primary][type=icon]{background-color:unset;color:var(--company-primary-dark)}button[color=primary][type=icon]:hover{background-color:var(--company-primary-light)}button[color=primary] .loading svg{color:var(--company-primary-dark)}button[color=success]{background-color:var(--company-success-dark)}button[color=success]:hover{background-color:var(--company-success-focus)}button[color=success][type=icon]{background-color:unset;color:var(--company-success-dark)}button[color=success][type=icon]:hover{background-color:var(--company-success-light)}button[color=success] .loading svg{color:var(--company-success-dark)}button[color=warning]{background-color:var(--company-warning-dark)}button[color=warning]:hover{background-color:var(--company-warning-focus)}button[color=warning][type=icon]{background-color:unset;color:var(--company-warning-dark)}button[color=warning][type=icon]:hover{background-color:var(--company-warning-light)}button[color=warning] .loading svg{color:var(--company-warning-dark)}button[color=error]{background-color:var(--company-error-dark)}button[color=error]:hover{background-color:var(--company-error-focus)}button[color=error][type=icon]{background-color:unset;color:var(--company-error-dark)}button[color=error][type=icon]:hover{background-color:var(--company-error-light)}button[color=error] .loading svg{color:var(--company-error-dark)}button[color=basic]{background-color:var(--company-basic-dark);color:var(--black);background-color:var(--company-basic-light)}button[color=basic]:hover{background-color:var(--company-basic-focus)}button[color=basic][type=icon]{background-color:unset;color:var(--company-basic-dark)}button[color=basic][type=icon]:hover{background-color:var(--company-basic-light)}button[color=basic] .loading svg{color:var(--company-basic-dark)}button:disabled{background-color:var(--company-basic-focus);color:var(--company-basic-light);cursor:not-allowed}button:disabled:hover{background-color:var(--company-basic-focus)}button.small{font-size:calc(var(--font-size) * 0.8)}button.small[type=fab],button.small[type=icon]{height:calc(36px * 0.8);width:calc(36px * 0.8)}button.large{font-size:calc(var(--font-size) * 1.2)}button.large[type=fab],button.large[type=icon]{height:calc(36px * 1.2);width:calc(36px * 1.2)}";
 
 const IrisButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.buttonClicked = createEvent(this, "buttonClicked", 7);
+        this.buttonClicked = createEvent(this, "buttonClicked", 1);
         this.buttonFocused = createEvent(this, "buttonFocused", 7);
         /**
          * Indica el tipo de botón ayudando al usuario a explicar su funcionalidad.
@@ -26,8 +25,10 @@ const IrisButton = class {
          * Al activarse esta opción, el botón se deshabilita.
          */
         this.loading = false;
-        //#endregion
-        //#region Methods
+        /**
+         * Tamaño del botón.
+         */
+        this.size = 'medium';
         //#endregion
         //#region Handlers
         /**
@@ -36,9 +37,9 @@ const IrisButton = class {
          */
         this.handleClick = (ev) => {
             // Deshabilitamos el botón durante un segundo para que no sea pulsados repetidas veces.
-            this.disabled = true;
+            this.button.disabled = true;
             setTimeout(() => {
-                this.disabled = false;
+                this.button.disabled = false;
             }, 1000);
             // Lanzamos el evento.
             this.buttonClicked.emit(ev);
@@ -56,25 +57,24 @@ const IrisButton = class {
         // Validamos que todos los campos están rellenos.
         try {
             if (!this.label)
-                throw ("No se ha definido la propiedad 'label'.");
+                throw "No se ha definido la propiedad 'label'.";
             if (!this.icon)
-                throw ("No se ha definido la propiedad 'icon'.");
+                throw "No se ha definido la propiedad 'icon'.";
         }
         catch (e) {
             console.error(e);
             return;
         }
-        return (h("button", { color: this.color, type: this.type, onClick: this.handleClick, disabled: this.disabled || this.loading, onFocus: this.handleFocus, title: this.label }, // Comprobamos si se muestra cargando
-        !this.loading
-            ? h("span", { class: "material-symbols-rounded" }, this.icon)
-            : h("i", { class: 'loading' }, h("svg", { viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, h("path", { opacity: '0.25', d: 'M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z', stroke: 'currentColor', "stroke-width": '4' }), h("path", { opacity: '0.75', d: 'M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297', stroke: 'currentColor', "stroke-width": '4', "stroke-linecap": 'round' }))), // Solo añadimos el label para los botones normales.
-        this.type == ""
-            ? this.label
-            : ""));
+        return (h("button", { class: `${this.size}`, color: this.color, type: this.type, onClick: this.handleClick, disabled: this.disabled || this.loading, onFocus: this.handleFocus, ref: (el) => (this.button = el), title: this.label }, 
+        // Comprobamos si se muestra cargando
+        !this.loading ? (h("iris-icon", { icon: this.icon, size: this.size })) : (h("i", { class: "loading" }, h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { opacity: "0.25", d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "4" }), h("path", { opacity: "0.75", d: "M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297", stroke: "currentColor", "stroke-width": "4", "stroke-linecap": "round" })))), 
+        // Solo añadimos el label para los botones normales.
+        this.type == 'icon' || this.type == 'fab' ? '' : this.label));
     }
 };
-IrisButton.style = IrisButtonStyle0;
+IrisButton.style = irisButtonCss;
 
 export { IrisButton as iris_button };
+//# sourceMappingURL=iris-button.entry.js.map
 
 //# sourceMappingURL=iris-button.entry.js.map

package/dist/esm/iris-button.entry.js.map

@@ -1 +1 @@
-{"file":"iris-button.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ogEAAogE,CAAC;AAC3hE,yBAAe,aAAa;;MCMf,UAAU;IALvB;;;;;;;;QAoBE,UAAK,GAA0D,SAAS,CAAC;;;;QAazE,aAAQ,GAAG,KAAK,CAAC;;;;QAMjB,SAAI,GAAwB,EAAE,CAAC;;;;;QAO/B,YAAO,GAAG,KAAK,CAAC;;;;;;;;;QA4BR,gBAAW,GAAG,CAAC,EAAS;;YAE9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,UAAU,CAAC;gBACT,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB,EAAE,IAAI,CAAC,CAAC;;YAGT,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7B,CAAC;;;;;QAMM,gBAAW,GAAG,CAAC,EAAS;YAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7B,CAAA;KAsCF;;IAlCC,MAAM;;QAEJ,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,KAAK;gBACb,OAAO,yCAAyC,EAAE;YACpD,IAAI,CAAC,IAAI,CAAC,IAAI;gBACZ,OAAO,wCAAwC,EAAE;SAEpD;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACjB,OAAO;SACR;QAED,QACE,cACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK;QAEf,CAAC,IAAI,CAAC,OAAO;cACT,YAAM,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,IAAI,CAAQ;cACzD,SAAG,KAAK,EAAC,SAAS,IAAC,WAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAC,YAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,mHAAmH,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,GAAQ,EAAA,YAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,yFAAyF,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,GAAQ,CAAM,CAAI;QAGxd,IAAI,CAAC,IAAI,IAAI,EAAE;cACX,IAAI,CAAC,KAAK;cACV,EAAE,CAED,EACT;KACH;;;;;;","names":[],"sources":["src/components/iris-button/iris-button.scss?tag=iris-button&encapsulation=shadow","src/components/iris-button/iris-button.tsx"],"sourcesContent":["@use \"_mixins.scss\" as m;\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes show-loading {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n:host {\n  display: inline-block;\n}\n\n// Estilos genéricos para los botones.\nbutton {\n  padding: 8px 12px;\n  color: #fff;\n  background-color: var(--company-primary-dark);\n  @include m.animation(background-color);\n  border: none;\n  @include m.border-radius(5px);\n  @include m.flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 0.1rem;\n  font-family: var(--font-primary);\n\n  &:hover {\n    background-color: var(--company-primary-focus);\n  }\n\n  //Incluye un borde al hacer click y al usar tabs.\n  @include m.focus-border;\n\n  .material-symbols-rounded,\n  i {\n    font-family: var(--font-family-material-icons);\n    font-size: var(--font-size-icon);\n  }\n\n  //Aplica un margen al icono en los botones por defecto para separarlo del texto.\n  &:not([type='icon'], [type='fab']) {\n    .material-symbols-rounded,\n    .loading {\n      margin-right: 5px;\n    }\n  }\n\n  // Estilos por defecto de los iconos\n  &[type=\"fab\"] {\n    @include m.border-radius(50%);\n    height: 36px;\n    width: 36px;\n    padding: 0;\n    @include m.flex;\n    justify-content: center;\n\n  }\n\n  // Animación de carga.\n  .loading {\n    animation: show-loading 1s 1;\n\n    svg {\n      animation: spin 1s infinite;\n      color: var(--primary);\n      height: var(--font-size-icon);\n    }\n  }\n\n  /*#region Colores de los botones.*/\n\n  /*Este mixin recibe el tipo\n  y se utiliza para concatenar strings, de tal modo que se pasa por parámetro parte de las clases y propiedades.*/\n  @mixin deco($type) {\n    &[color=\"#{$type}\"] {\n      background-color: var(--company-#{$type}-dark);\n\n      &:hover {\n        background-color: var(--company-#{$type}-focus);\n      }\n    }\n  }\n\n  @include deco(success);\n  @include deco(warning);\n  @include deco(error);\n\n  &[color=\"basic\"] {\n    background-color: var(--company-basic-light);\n    color: var(--company-basic-dark);\n\n    &:hover {\n      background-color: var(--company-basic-focus);\n    }\n  }\n  // Botón desabilitado + controles de accesibilidad.\n  &:disabled {\n    background-color: var(--company-basic-focus);\n    color: var(--company-basic-light);\n    cursor: not-allowed;\n\n    &:hover {\n      background-color: var(--company-basic-focus);\n    }\n  }\n  /*#endregion*/\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'iris-button',\n  styleUrl: 'iris-button.scss',\n  shadow: true,\n})\nexport class IrisButton {\n\n  //#region Props\n\n  /**\n   * Texto del botón.\n   */\n  @Prop()\n  label!: string;\n\n  /**\n   * Indica el tipo de botón ayudando al usuario a explicar su funcionalidad.\n   * Para ver más información al respecto, lea la documentación del componente.\n   */\n  @Prop()\n  color: 'primary' | 'success' | 'warning' | 'error' | 'basic' = 'primary';\n\n  /**\n   * Icono del botón.\n   * Consulta todos los iconos disponibles en: https://fonts.google.com/icons\n   */\n  @Prop()\n  icon!: string;\n\n  /**\n   * Deshabilita el botón para que no pueda ser pulsado.\n   */\n  @Prop({ mutable: true })\n  disabled = false;\n\n  /**\n   * Tipo de botón.\n   */\n  @Prop()\n  type: '' | 'icon' | 'fab' = '';\n\n  /**\n   * Permite mostrar una animación de carga mientras se realiza alguna acción.\n   * Al activarse esta opción, el botón se deshabilita.\n   */\n  @Prop()\n  loading = false;\n\n  //#endregion\n\n  //#region Events\n\n  /**\n   * Evento del botón al ser pulsado.\n   */\n  @Event() buttonClicked: EventEmitter<Event>;\n\n  /**\n   * Evento del botón al ser enfocado.\n   */\n  @Event() buttonFocused: EventEmitter<Event>;\n\n  //#endregion\n\n  //#region Methods\n\n  //#endregion\n\n  //#region Handlers\n\n  /**\n   * Método que se ejecuta al hacer clic y emite el evento.\n   * @param ev\n   */\n  private handleClick = (ev: Event) => {\n    // Deshabilitamos el botón durante un segundo para que no sea pulsados repetidas veces.\n    this.disabled = true;\n    setTimeout(() => {\n      this.disabled = false;\n    }, 1000);\n\n    // Lanzamos el evento.\n    this.buttonClicked.emit(ev);\n  };\n\n  /**\n   * Método que se ejecuta cuando se ha hecho focus en el botón.\n   * @param ev\n   */\n  private handleFocus = (ev: Event) => {\n    this.buttonFocused.emit(ev);\n  }\n\n  //#endregion\n\n  render() {\n    // Validamos que todos los campos están rellenos.\n    try {\n      if (!this.label)\n        throw (\"No se ha definido la propiedad 'label'.\");\n      if (!this.icon)\n        throw (\"No se ha definido la propiedad 'icon'.\");\n\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    return (\n      <button\n        color={this.color}\n        type={this.type}\n        onClick={this.handleClick}\n        disabled={this.disabled || this.loading}\n        onFocus={this.handleFocus}\n        title={this.label}>\n        { // Comprobamos si se muestra cargando\n          !this.loading\n            ? <span class=\"material-symbols-rounded\">{this.icon}</span>\n            : <i class='loading'><svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.25' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='currentColor' stroke-width='4'></path><path opacity='0.75' d='M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297' stroke='currentColor' stroke-width='4' stroke-linecap='round'></path></svg></i>\n        }\n        { // Solo añadimos el label para los botones normales.\n          this.type == \"\"\n            ? this.label\n            : \"\"\n        }\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"version":3,"file":"iris-button.entry.js","sources":["src/components/iris-button/iris-button.scss?tag=iris-button&encapsulation=shadow","src/components/iris-button/iris-button.tsx"],"sourcesContent":["@use '_mixins.scss' as m;\n\n//#region Keyframes\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes show-loading {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n//#endregion\n\n//#region Mixins\n\n// Mixin para los colores.\n@mixin deco($type) {\n  &[color='#{$type}'] {\n    background-color: var(--company-#{$type}-dark);\n\n    @if $type == 'basic' {\n      color: var(--black);\n      background-color: var(--company-#{$type}-light);\n    }\n\n    &:hover {\n      background-color: var(--company-#{$type}-focus);\n    }\n\n    // Botones tipo icon.\n    &[type='icon'] {\n      background-color: unset;\n      color: var(--company-#{$type}-dark);\n\n      &:hover {\n        background-color: var(--company-#{$type}-light);\n      }\n    }\n\n    // Cambio color animación loading.\n    .loading svg {\n      color: var(--company-#{$type}-dark);\n    }\n  }\n}\n\n// Mixin para los tamaños.\n@mixin size-variant($size, $scale) {\n  &.#{$size} {\n    font-size: calc(var(--font-size) * #{$scale});\n\n    // Botones tipo fab e icono.\n    &[type='fab'],\n    &[type='icon'] {\n      height: calc(36px * #{$scale});\n      width: calc(36px * #{$scale});\n    }\n  }\n}\n\n//#endregion\n\n:host {\n  display: inline-block;\n}\n\n// Estilos genéricos para los botones.\nbutton {\n  font-size: var(--font-size);\n  padding: 8px 12px;\n  color: var(--white);\n  background-color: var(--company-primary-dark);\n  @include m.animation(background-color);\n  border: none;\n  @include m.border-radius(5px);\n  @include m.flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 0.1rem;\n  font-family: var(--font-primary);\n\n  &:hover {\n    background-color: var(--company-primary-focus);\n  }\n\n  // Incluye un borde al hacer click y al usar tabs.\n  @include m.focus-border;\n\n  // Aplica un margen al icono en los botones por defecto para separarlo del texto.\n  &:not([type='icon'], [type='fab']) {\n    .material-symbols-rounded,\n    .loading {\n      margin-right: 5px;\n    }\n  }\n\n  // Botones tipo fab e icono.\n  &[type='fab'],\n  &[type='icon'] {\n    @include m.border-radius(50%);\n    height: 36px;\n    width: 36px;\n    padding: 0;\n    // Centramos el icono.\n    @include m.flex;\n    justify-content: center;\n  }\n\n  // Animación de carga.\n  .loading {\n    animation: show-loading 1s 1;\n    @include m.flex;\n    align-items: center;\n    // Los iconos de Material tienen 21px aprox de alto cuando el font-size es de 18.\n    height: calc(var(--font-size-icon) * 1.19);\n\n    svg {\n      animation: spin 1s infinite;\n      color: var(--primary);\n      height: var(--font-size-icon);\n    }\n  }\n\n  iris-icon {\n    @include m.flex;\n  }\n\n  //#region Colores de los botones\n\n  @include deco(primary);\n  @include deco(success);\n  @include deco(warning);\n  @include deco(error);\n  @include deco(basic);\n\n  // Botón deshabilitado + controles de accesibilidad.\n  &:disabled {\n    background-color: var(--company-basic-focus);\n    color: var(--company-basic-light);\n    cursor: not-allowed;\n\n    &:hover {\n      background-color: var(--company-basic-focus);\n    }\n  }\n  //#endregion\n\n  //#region Tamaño\n\n  @include size-variant(small, 0.8);\n  @include size-variant(large, 1.2);\n\n  //#endregion\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'iris-button',\n  styleUrl: 'iris-button.scss',\n  shadow: true,\n})\nexport class IrisButton {\n  //#region Props\n\n  /**\n   * Texto del botón.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Indica el tipo de botón ayudando al usuario a explicar su funcionalidad.\n   * Para ver más información al respecto, lea la documentación del componente.\n   */\n  @Prop()\n  color: 'primary' | 'success' | 'warning' | 'error' | 'basic' = 'primary';\n\n  /**\n   * Icono del botón.\n   * Consulta todos los iconos disponibles en: https://fonts.google.com/icons\n   */\n  @Prop()\n  icon!: string;\n\n  /**\n   * Deshabilita el botón para que no pueda ser pulsado.\n   */\n  @Prop()\n  disabled = false;\n\n  /**\n   * Tipo de botón.\n   */\n  @Prop()\n  type: '' | 'icon' | 'fab' = '';\n\n  /**\n   * Permite mostrar una animación de carga mientras se realiza alguna acción.\n   * Al activarse esta opción, el botón se deshabilita.\n   */\n  @Prop()\n  loading = false;\n\n  /**\n   * Tamaño del botón.\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  //#endregion\n\n  //#region Variables privadas\n\n  // Tag <button> del DOM.\n  button!: HTMLButtonElement;\n\n  //#endregion\n\n  //#region Events\n\n  /**\n   * Evento del botón al ser pulsado.\n   */\n  @Event({ bubbles: false, composed: false }) buttonClicked: EventEmitter<Event>;\n\n  /**\n   * Evento del botón al ser enfocado.\n   */\n  @Event() buttonFocused: EventEmitter<Event>;\n\n  //#endregion\n\n  //#region Handlers\n\n  /**\n   * Método que se ejecuta al hacer clic y emite el evento.\n   * @param ev\n   */\n  handleClick = (ev: Event) => {\n    // Deshabilitamos el botón durante un segundo para que no sea pulsados repetidas veces.\n    this.button.disabled = true;\n    setTimeout(() => {\n      this.button.disabled = false;\n    }, 1000);\n\n    // Lanzamos el evento.\n    this.buttonClicked.emit(ev);\n  };\n\n  /**\n   * Método que se ejecuta cuando se ha hecho focus en el botón.\n   * @param ev\n   */\n  handleFocus = (ev: Event) => {\n    this.buttonFocused.emit(ev);\n  };\n\n  //#endregion\n\n  render() {\n    // Validamos que todos los campos están rellenos.\n    try {\n      if (!this.label) throw \"No se ha definido la propiedad 'label'.\";\n      if (!this.icon) throw \"No se ha definido la propiedad 'icon'.\";\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    return (\n      <button\n        class={`${this.size}`}\n        color={this.color}\n        type={this.type}\n        onClick={this.handleClick}\n        disabled={this.disabled || this.loading}\n        onFocus={this.handleFocus}\n        ref={(el) => (this.button = el as HTMLButtonElement)}\n        title={this.label}\n      >\n        {\n          // Comprobamos si se muestra cargando\n          !this.loading ? (\n            <iris-icon icon={this.icon} size={this.size}></iris-icon>\n          ) : (\n            <i class=\"loading\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  opacity=\"0.25\"\n                  d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                ></path>\n                <path\n                  opacity=\"0.75\"\n                  d=\"M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                  stroke-linecap=\"round\"\n                ></path>\n              </svg>\n            </i>\n          )\n        }\n        {\n          // Solo añadimos el label para los botones normales.\n          this.type == 'icon' || this.type == 'fab' ? '' : this.label\n        }\n      </button>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,guHAAguH;;MCOzuH,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAaE;;;AAGG;AAEH,QAAA,IAAK,CAAA,KAAA,GAA0D,SAAS;AASxE;;AAEG;AAEH,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEG;AAEH,QAAA,IAAI,CAAA,IAAA,GAAwB,EAAE;AAE9B;;;AAGG;AAEH,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAEf;;AAEG;AAEH,QAAA,IAAI,CAAA,IAAA,GAAiC,QAAQ;;;AA2B7C;;;AAGG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAS,KAAI;;AAE1B,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI;YAC3B,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK;aAC7B,EAAE,IAAI,CAAC;;AAGR,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC7B,SAAC;AAED;;;AAGG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAS,KAAI;AAC1B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC7B,SAAC;AAwDF;;IApDC,MAAM,GAAA;;AAEJ,QAAA,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,KAAK;AAAE,gBAAA,MAAM,yCAAyC;YAChE,IAAI,CAAC,IAAI,CAAC,IAAI;AAAE,gBAAA,MAAM,wCAAwC;;QAC9D,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAChB;;AAGF,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,CAAE,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,EACpD,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA;;QAIf,CAAC,IAAI,CAAC,OAAO,IACX,CAAA,CAAA,WAAA,EAAA,EAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAc,KAEzD,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,SAAS,EAAA,EAChB,CAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACrE,CAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,mHAAmH,EACrH,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,GAAG,EACV,CAAA,EACR,CAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,yFAAyF,EAC3F,MAAM,EAAC,cAAc,kBACR,GAAG,EAAA,gBAAA,EACD,OAAO,EAChB,CAAA,CACJ,CACJ,CACL;;QAID,IAAI,CAAC,IAAI,IAAI,MAAM,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAEtD;;;;;;;"}

package/dist/esm/iris-button.js

@@ -1,10 +1,11 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-45a8db1c.js';
-export { s as setNonce } from './index-45a8db1c.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CqbIY27k.js';
+export { s as setNonce } from './index-CqbIY27k.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com
  */
+
 var patchBrowser = () => {
   const importMeta = import.meta.url;
   const opts = {};
@@ -16,7 +17,8 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["iris-button",[[1,"iris-button",{"label":[1],"color":[1],"icon":[1],"disabled":[1028],"type":[1],"loading":[4]}]]]], options);
+  return bootstrapLazy([["iris-button",[[1,"iris-button",{"label":[1],"color":[1],"icon":[1],"disabled":[4],"type":[1],"loading":[4],"size":[1]}]]]], options);
 });
+//# sourceMappingURL=iris-button.js.map
 
 //# sourceMappingURL=iris-button.js.map

package/dist/esm/iris-button.js.map

@@ -1 +1 @@
-{"file":"iris-button.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"version":3,"file":"iris-button.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/esm/loader.js

@@ -1,13 +1,14 @@
-import { b as bootstrapLazy } from './index-45a8db1c.js';
-export { s as setNonce } from './index-45a8db1c.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
+import { b as bootstrapLazy } from './index-CqbIY27k.js';
+export { s as setNonce } from './index-CqbIY27k.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["iris-button",[[1,"iris-button",{"label":[1],"color":[1],"icon":[1],"disabled":[1028],"type":[1],"loading":[4]}]]]], options);
+  return bootstrapLazy([["iris-button",[[1,"iris-button",{"label":[1],"color":[1],"icon":[1],"disabled":[4],"type":[1],"loading":[4],"size":[1]}]]]], options);
 };
 
 export { defineCustomElements };
+//# sourceMappingURL=loader.js.map
 
 //# sourceMappingURL=loader.js.map

package/dist/esm/loader.js.map

@@ -1 +1 @@
-{"file":"loader.js","mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AACtD,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;","names":[],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}
+{"version":3,"file":"loader.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}

package/dist/iris-button/index.esm.js

@@ -1,2 +1,2 @@
-function n(n,r,t){return(n||"")+(r?` ${r}`:"")+(t?` ${t}`:"")}export{n as format};
+
 //# sourceMappingURL=index.esm.js.map

package/dist/iris-button/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["format","first","middle","last"],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"],"mappings":"SAAgBA,EAAOC,EAAgBC,EAAiBC,GACtD,OAAQF,GAAS,KAAOC,EAAS,IAAIA,IAAW,KAAOC,EAAO,IAAIA,IAAS,GAC7E,Q","ignoreList":[]}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/iris-button/iris-button.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--primary:#004899;--secondary:#377dff;--aux:#d7612a;--aux2:#dae1e7;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--company-black:#000;--company-white:#fff;--company-basic-light:#f3f4f6;--company-basic-dark:#1f2937;--company-basic-focus:#d1d5db;--company-primary-light:#eff6ff;--company-primary-dark:#1e40af;--company-primary-focus:#1e3a8a;--company-success-light:#dcfce7;--company-success-dark:#15803d;--company-success-focus:#14532d;--company-warning-light:#ffedd5;--company-warning-dark:#ea580c;--company-warning-focus:#c2410c;--company-error-light:#fee2e2;--company-error-dark:#dc2626;--company-error-focus:#991b1b;--company-question-light:#a5f3fc;--company-question-dark:#0891b2;--company-question-focus:#155e75;--company-note-light:#e5e7eb;--company-note-dark:#6b7280;--company-note-focus:#4b5563;--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}@media (prefers-color-scheme: dark){:root{--primary:#004899;--secondary:#377dff;--aux:#dd6b4d;--aux2:#dae1e7;--white:#121212;--black:#e2e2e2;--gray_lighter:#2c2c2c;--gray_lighter2:#3e3e3e;--gray_light:#4b4b4b;--gray_light_trans:#cc4b4b4b;--gray2:#a0a0a0;--gray:#bfbfbf;--gray_dark:#ececec;--gray_darker:#f3f3f3;--red_light:#8e0404;--red:#bd0808;--red_dark:#e00000;--red_darker:#ffcccc;--green_light:#528a1b;--green:#5fa519;--green_dark:#86e428;--green_darker:#e2ffc5;--orange_light:#bb8318;--orange:#ce9425;--orange_dark:#e4a428;--orange_darker:#fff6c5;--blue_lighter:#1c5594;--blue_light:#2470c3;--blue:#2882e4;--blue_dark:#a6c8f5;--blue_darker:#c5deff;--purple_light:#af7ac5;--purple:#c39bd3;--purple_dark:#d7bde2;--purple_darker:#ebdef0;--noty_alert:#f7dc6f;--noty_success:#2ecc71;--noty_warning:#f4d03f;--noty_error:#c0392b;--noty_info:#5dade2;--gray-50:#030712;--gray-100:#111827;--gray-200:#1f2937;--gray-300:#374151;--gray-400:#4b5563;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f3f4f6;--gray-950:#f9fafb;--red-50:#450a0a;--red-100:#7f1d1d;--red-200:#991b1b;--red-300:#b91c1c;--red-400:#dc2626;--red-500:#ef4444;--red-600:#f87171;--red-700:#fca5a5;--red-800:#fecaca;--red-900:#fee2e2;--red-950:#fef2f2;--orange-50:#431407;--orange-100:#7c2d12;--orange-200:#9a3412;--orange-300:#c2410c;--orange-400:#ea580c;--orange-500:#f97316;--orange-600:#fb923c;--orange-700:#fdba74;--orange-800:#fed7aa;--orange-900:#ffedd5;--orange-950:#fff7ed;--yellow-50:#422006;--yellow-100:#713f12;--yellow-200:#854d0e;--yellow-300:#a16207;--yellow-400:#ca8a04;--yellow-500:#eab308;--yellow-600:#facc15;--yellow-700:#fde047;--yellow-800:#fef08a;--yellow-900:#fef9c3;--yellow-950:#fefce8;--green-50:#052e16;--green-100:#14532d;--green-200:#166534;--green-300:#15803d;--green-400:#16a34a;--green-500:#22c55e;--green-600:#4ade80;--green-700:#86efac;--green-800:#bbf7d0;--green-900:#dcfce7;--green-950:#f0fdf4;--cyan-50:#083344;--cyan-100:#164e63;--cyan-200:#155e75;--cyan-300:#0e7490;--cyan-400:#0891b2;--cyan-500:#06b6d4;--cyan-600:#22d3ee;--cyan-700:#67e8f9;--cyan-800:#a5f3fc;--cyan-900:#cffafe;--cyan-950:#ecfeff;--blue-50:#172554;--blue-100:#1e3a8a;--blue-200:#1e40af;--blue-300:#1d4ed8;--blue-400:#2563eb;--blue-500:#3b82f6;--blue-600:#60a5fa;--blue-700:#93c5fd;--blue-800:#bfdbfe;--blue-900:#dbeafe;--blue-950:#eff6ff;--purple-50:#3b0764;--purple-100:#581c87;--purple-200:#6b21a8;--purple-300:#7e22ce;--purple-400:#9333ea;--purple-500:#a855f7;--purple-600:#c084fc;--purple-700:#d8b4fe;--purple-800:#e9d5ff;--purple-900:#f3e8ff;--purple-950:#faf5ff;--pink-50:#500724;--pink-100:#831843;--pink-200:#9d174d;--pink-300:#be185d;--pink-400:#db2777;--pink-500:#ec4899;--pink-600:#f472b6;--pink-700:#f9a8d4;--pink-800:#fbcfe8;--pink-900:#fce7f3;--pink-950:#fdf2f8;--company-black:#000;--company-white:#fff;--company-basic-light:#f3f4f6;--company-basic-dark:#1f2937;--company-basic-focus:#d1d5db;--company-primary-light:#eff6ff;--company-primary-dark:#1e40af;--company-primary-focus:#1e3a8a;--company-success-light:#dcfce7;--company-success-dark:#15803d;--company-success-focus:#14532d;--company-warning-light:#ffedd5;--company-warning-dark:#ea580c;--company-warning-focus:#c2410c;--company-error-light:#fee2e2;--company-error-dark:#dc2626;--company-error-focus:#991b1b;--company-question-light:#a5f3fc;--company-question-dark:#0891b2;--company-question-focus:#155e75;--company-note-light:#e5e7eb;--company-note-dark:#6b7280;--company-note-focus:#4b5563;--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}}body.dark{--primary:#004899;--secondary:#377dff;--aux:#dd6b4d;--aux2:#dae1e7;--white:#121212;--black:#e2e2e2;--gray_lighter:#2c2c2c;--gray_lighter2:#3e3e3e;--gray_light:#4b4b4b;--gray_light_trans:#cc4b4b4b;--gray2:#a0a0a0;--gray:#bfbfbf;--gray_dark:#ececec;--gray_darker:#f3f3f3;--red_light:#8e0404;--red:#bd0808;--red_dark:#e00000;--red_darker:#ffcccc;--green_light:#528a1b;--green:#5fa519;--green_dark:#86e428;--green_darker:#e2ffc5;--orange_light:#bb8318;--orange:#ce9425;--orange_dark:#e4a428;--orange_darker:#fff6c5;--blue_lighter:#1c5594;--blue_light:#2470c3;--blue:#2882e4;--blue_dark:#a6c8f5;--blue_darker:#c5deff;--purple_light:#af7ac5;--purple:#c39bd3;--purple_dark:#d7bde2;--purple_darker:#ebdef0;--noty_alert:#f7dc6f;--noty_success:#2ecc71;--noty_warning:#f4d03f;--noty_error:#c0392b;--noty_info:#5dade2;--gray-50:#030712;--gray-100:#111827;--gray-200:#1f2937;--gray-300:#374151;--gray-400:#4b5563;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f3f4f6;--gray-950:#f9fafb;--red-50:#450a0a;--red-100:#7f1d1d;--red-200:#991b1b;--red-300:#b91c1c;--red-400:#dc2626;--red-500:#ef4444;--red-600:#f87171;--red-700:#fca5a5;--red-800:#fecaca;--red-900:#fee2e2;--red-950:#fef2f2;--orange-50:#431407;--orange-100:#7c2d12;--orange-200:#9a3412;--orange-300:#c2410c;--orange-400:#ea580c;--orange-500:#f97316;--orange-600:#fb923c;--orange-700:#fdba74;--orange-800:#fed7aa;--orange-900:#ffedd5;--orange-950:#fff7ed;--yellow-50:#422006;--yellow-100:#713f12;--yellow-200:#854d0e;--yellow-300:#a16207;--yellow-400:#ca8a04;--yellow-500:#eab308;--yellow-600:#facc15;--yellow-700:#fde047;--yellow-800:#fef08a;--yellow-900:#fef9c3;--yellow-950:#fefce8;--green-50:#052e16;--green-100:#14532d;--green-200:#166534;--green-300:#15803d;--green-400:#16a34a;--green-500:#22c55e;--green-600:#4ade80;--green-700:#86efac;--green-800:#bbf7d0;--green-900:#dcfce7;--green-950:#f0fdf4;--cyan-50:#083344;--cyan-100:#164e63;--cyan-200:#155e75;--cyan-300:#0e7490;--cyan-400:#0891b2;--cyan-500:#06b6d4;--cyan-600:#22d3ee;--cyan-700:#67e8f9;--cyan-800:#a5f3fc;--cyan-900:#cffafe;--cyan-950:#ecfeff;--blue-50:#172554;--blue-100:#1e3a8a;--blue-200:#1e40af;--blue-300:#1d4ed8;--blue-400:#2563eb;--blue-500:#3b82f6;--blue-600:#60a5fa;--blue-700:#93c5fd;--blue-800:#bfdbfe;--blue-900:#dbeafe;--blue-950:#eff6ff;--purple-50:#3b0764;--purple-100:#581c87;--purple-200:#6b21a8;--purple-300:#7e22ce;--purple-400:#9333ea;--purple-500:#a855f7;--purple-600:#c084fc;--purple-700:#d8b4fe;--purple-800:#e9d5ff;--purple-900:#f3e8ff;--purple-950:#faf5ff;--pink-50:#500724;--pink-100:#831843;--pink-200:#9d174d;--pink-300:#be185d;--pink-400:#db2777;--pink-500:#ec4899;--pink-600:#f472b6;--pink-700:#f9a8d4;--pink-800:#fbcfe8;--pink-900:#fce7f3;--pink-950:#fdf2f8;--company-black:#000;--company-white:#fff;--company-basic-light:#f3f4f6;--company-basic-dark:#1f2937;--company-basic-focus:#d1d5db;--company-primary-light:#eff6ff;--company-primary-dark:#1e40af;--company-primary-focus:#1e3a8a;--company-success-light:#dcfce7;--company-success-dark:#15803d;--company-success-focus:#14532d;--company-warning-light:#ffedd5;--company-warning-dark:#ea580c;--company-warning-focus:#c2410c;--company-error-light:#fee2e2;--company-error-dark:#dc2626;--company-error-focus:#991b1b;--company-question-light:#a5f3fc;--company-question-dark:#0891b2;--company-question-focus:#155e75;--company-note-light:#e5e7eb;--company-note-dark:#6b7280;--company-note-focus:#4b5563;--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}body.light{--primary:#004899;--secondary:#377dff;--aux:#d7612a;--aux2:#dae1e7;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--company-black:#000;--company-white:#fff;--company-basic-light:#f3f4f6;--company-basic-dark:#1f2937;--company-basic-focus:#d1d5db;--company-primary-light:#eff6ff;--company-primary-dark:#1e40af;--company-primary-focus:#1e3a8a;--company-success-light:#dcfce7;--company-success-dark:#15803d;--company-success-focus:#14532d;--company-warning-light:#ffedd5;--company-warning-dark:#ea580c;--company-warning-focus:#c2410c;--company-error-light:#fee2e2;--company-error-dark:#dc2626;--company-error-focus:#991b1b;--company-question-light:#a5f3fc;--company-question-dark:#0891b2;--company-question-focus:#155e75;--company-note-light:#e5e7eb;--company-note-dark:#6b7280;--company-note-focus:#4b5563;--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}:root{--font-size-mobile:16px;--font-size-desktop:12px;--font-size-small:11px;--font-size-icon:18px;--font-primary:"Roboto";--font-family-material-icons:"Material Symbols Rounded"}:root{--img-select:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")}:root{--font-size:var(--font-size-mobile, 16px)}@media (min-width: 1025px){:root{--font-size:var(--font-size-desktop, 12px)}}body{font-family:var(--font-primary, "Roboto");font-size:var(--font-size, 16px);color:var(--black);background-color:var(--white)}@media (min-width: 1025px){body{font-size:var(--font-size, 12px)}}.flex{display:-ms-flexbox;display:-webkit-box;display:flex}h1,h2,h3,h4{color:var(--primary)}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:block;src:url("./fonts/symbols/material-symbols-rounded.woff2") format("woff2")}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp{font-size:var(--font-size-icon)}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url("./fonts/roboto/roboto-v30-latin-regular.woff2") format("woff2"), url("./fonts/roboto/roboto-v30-latin-regular.woff") format("woff");}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:400;src:url("./fonts/roboto/roboto-v30-latin-italic.woff2") format("woff2"), url("./fonts/roboto/roboto-v30-latin-italic.woff") format("woff");}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:700;src:url("./fonts/roboto/roboto-v30-latin-700.woff2") format("woff2"), url("./fonts/roboto/roboto-v30-latin-700.woff") format("woff");}
+@charset "UTF-8";:root{color-scheme:light;--primary:#004899;--secondary:#377dff;--aux:#d7612a;--aux2:#dae1e7;--white:#fff;--black:#000;--background:#fafafa;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--company-basic-light:#f3f4f6;--company-basic-dark:#1f2937;--company-basic-focus:#d1d5db;--company-primary-light:#eff6ff;--company-primary-dark:#1e40af;--company-primary-focus:#1e3a8a;--company-success-light:#dcfce7;--company-success-dark:#15803d;--company-success-focus:#14532d;--company-warning-light:#ffedd5;--company-warning-dark:#ea580c;--company-warning-focus:#c2410c;--company-error-light:#fee2e2;--company-error-dark:#dc2626;--company-error-focus:#991b1b;--company-question-light:#a5f3fc;--company-question-dark:#0891b2;--company-question-focus:#155e75;--company-note-light:#e5e7eb;--company-note-dark:#6b7280;--company-note-focus:#4b5563;--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--primary:#004899;--secondary:#377dff;--aux:#dd6b4d;--aux2:#dae1e7;--white:#121212;--black:#e2e2e2;--background:#1b1c1d;--gray_lighter:#2c2c2c;--gray_lighter2:#3e3e3e;--gray_light:#4b4b4b;--gray_light_trans:#cc4b4b4b;--gray2:#a0a0a0;--gray:#bfbfbf;--gray_dark:#ececec;--gray_darker:#f3f3f3;--red_light:#8e0404;--red:#bd0808;--red_dark:#e00000;--red_darker:#ffcccc;--green_light:#528a1b;--green:#5fa519;--green_dark:#86e428;--green_darker:#e2ffc5;--orange_light:#bb8318;--orange:#ce9425;--orange_dark:#e4a428;--orange_darker:#fff6c5;--blue_lighter:#1c5594;--blue_light:#2470c3;--blue:#2882e4;--blue_dark:#a6c8f5;--blue_darker:#c5deff;--purple_light:#af7ac5;--purple:#c39bd3;--purple_dark:#d7bde2;--purple_darker:#ebdef0;--noty_alert:#f7dc6f;--noty_success:#2ecc71;--noty_warning:#f4d03f;--noty_error:#c0392b;--noty_info:#5dade2;--gray-50:#030712;--gray-100:#111827;--gray-200:#1f2937;--gray-300:#374151;--gray-400:#4b5563;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f3f4f6;--gray-950:#f9fafb;--red-50:#450a0a;--red-100:#7f1d1d;--red-200:#991b1b;--red-300:#b91c1c;--red-400:#dc2626;--red-500:#ef4444;--red-600:#f87171;--red-700:#fca5a5;--red-800:#fecaca;--red-900:#fee2e2;--red-950:#fef2f2;--orange-50:#431407;--orange-100:#7c2d12;--orange-200:#9a3412;--orange-300:#c2410c;--orange-400:#ea580c;--orange-500:#f97316;--orange-600:#fb923c;--orange-700:#fdba74;--orange-800:#fed7aa;--orange-900:#ffedd5;--orange-950:#fff7ed;--yellow-50:#422006;--yellow-100:#713f12;--yellow-200:#854d0e;--yellow-300:#a16207;--yellow-400:#ca8a04;--yellow-500:#eab308;--yellow-600:#facc15;--yellow-700:#fde047;--yellow-800:#fef08a;--yellow-900:#fef9c3;--yellow-950:#fefce8;--green-50:#052e16;--green-100:#14532d;--green-200:#166534;--green-300:#15803d;--green-400:#16a34a;--green-500:#22c55e;--green-600:#4ade80;--green-700:#86efac;--green-800:#bbf7d0;--green-900:#dcfce7;--green-950:#f0fdf4;--cyan-50:#083344;--cyan-100:#164e63;--cyan-200:#155e75;--cyan-300:#0e7490;--cyan-400:#0891b2;--cyan-500:#06b6d4;--cyan-600:#22d3ee;--cyan-700:#67e8f9;--cyan-800:#a5f3fc;--cyan-900:#cffafe;--cyan-950:#ecfeff;--blue-50:#172554;--blue-100:#1e3a8a;--blue-200:#1e40af;--blue-300:#1d4ed8;--blue-400:#2563eb;--blue-500:#3b82f6;--blue-600:#60a5fa;--blue-700:#93c5fd;--blue-800:#bfdbfe;--blue-900:#dbeafe;--blue-950:#eff6ff;--purple-50:#3b0764;--purple-100:#581c87;--purple-200:#6b21a8;--purple-300:#7e22ce;--purple-400:#9333ea;--purple-500:#a855f7;--purple-600:#c084fc;--purple-700:#d8b4fe;--purple-800:#e9d5ff;--purple-900:#f3e8ff;--purple-950:#faf5ff;--pink-50:#500724;--pink-100:#831843;--pink-200:#9d174d;--pink-300:#be185d;--pink-400:#db2777;--pink-500:#ec4899;--pink-600:#f472b6;--pink-700:#f9a8d4;--pink-800:#fbcfe8;--pink-900:#fce7f3;--pink-950:#fdf2f8;--company-basic-light:var(--gray-100);--company-basic-dark:var(--gray-800);--company-basic-focus:var(--gray-300);--company-primary-light:var(--blue-50);--company-primary-dark:var(--blue-700);--company-primary-focus:var(--blue-800);--company-success-light:var(--green-50);--company-success-dark:var(--green-700);--company-success-focus:var(--green-800);--company-warning-light:var(--orange-50);--company-warning-dark:var(--orange-700);--company-warning-focus:var(--orange-800);--company-error-light:var(--red-50);--company-error-dark:var(--red-600);--company-error-focus:var(--red-700);--company-question-light:var(--cyan-50);--company-question-dark:var(--cyan-700);--company-question-focus:var(--cyan-800);--company-note-light:var(--gray-200);--company-note-dark:var(--gray-700);--company-note-focus:var(--gray-600);--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}}:root:has(body.dark){color-scheme:dark;--primary:#004899;--secondary:#377dff;--aux:#dd6b4d;--aux2:#dae1e7;--white:#121212;--black:#e2e2e2;--background:#1b1c1d;--gray_lighter:#2c2c2c;--gray_lighter2:#3e3e3e;--gray_light:#4b4b4b;--gray_light_trans:#cc4b4b4b;--gray2:#a0a0a0;--gray:#bfbfbf;--gray_dark:#ececec;--gray_darker:#f3f3f3;--red_light:#8e0404;--red:#bd0808;--red_dark:#e00000;--red_darker:#ffcccc;--green_light:#528a1b;--green:#5fa519;--green_dark:#86e428;--green_darker:#e2ffc5;--orange_light:#bb8318;--orange:#ce9425;--orange_dark:#e4a428;--orange_darker:#fff6c5;--blue_lighter:#1c5594;--blue_light:#2470c3;--blue:#2882e4;--blue_dark:#a6c8f5;--blue_darker:#c5deff;--purple_light:#af7ac5;--purple:#c39bd3;--purple_dark:#d7bde2;--purple_darker:#ebdef0;--noty_alert:#f7dc6f;--noty_success:#2ecc71;--noty_warning:#f4d03f;--noty_error:#c0392b;--noty_info:#5dade2;--gray-50:#030712;--gray-100:#111827;--gray-200:#1f2937;--gray-300:#374151;--gray-400:#4b5563;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f3f4f6;--gray-950:#f9fafb;--red-50:#450a0a;--red-100:#7f1d1d;--red-200:#991b1b;--red-300:#b91c1c;--red-400:#dc2626;--red-500:#ef4444;--red-600:#f87171;--red-700:#fca5a5;--red-800:#fecaca;--red-900:#fee2e2;--red-950:#fef2f2;--orange-50:#431407;--orange-100:#7c2d12;--orange-200:#9a3412;--orange-300:#c2410c;--orange-400:#ea580c;--orange-500:#f97316;--orange-600:#fb923c;--orange-700:#fdba74;--orange-800:#fed7aa;--orange-900:#ffedd5;--orange-950:#fff7ed;--yellow-50:#422006;--yellow-100:#713f12;--yellow-200:#854d0e;--yellow-300:#a16207;--yellow-400:#ca8a04;--yellow-500:#eab308;--yellow-600:#facc15;--yellow-700:#fde047;--yellow-800:#fef08a;--yellow-900:#fef9c3;--yellow-950:#fefce8;--green-50:#052e16;--green-100:#14532d;--green-200:#166534;--green-300:#15803d;--green-400:#16a34a;--green-500:#22c55e;--green-600:#4ade80;--green-700:#86efac;--green-800:#bbf7d0;--green-900:#dcfce7;--green-950:#f0fdf4;--cyan-50:#083344;--cyan-100:#164e63;--cyan-200:#155e75;--cyan-300:#0e7490;--cyan-400:#0891b2;--cyan-500:#06b6d4;--cyan-600:#22d3ee;--cyan-700:#67e8f9;--cyan-800:#a5f3fc;--cyan-900:#cffafe;--cyan-950:#ecfeff;--blue-50:#172554;--blue-100:#1e3a8a;--blue-200:#1e40af;--blue-300:#1d4ed8;--blue-400:#2563eb;--blue-500:#3b82f6;--blue-600:#60a5fa;--blue-700:#93c5fd;--blue-800:#bfdbfe;--blue-900:#dbeafe;--blue-950:#eff6ff;--purple-50:#3b0764;--purple-100:#581c87;--purple-200:#6b21a8;--purple-300:#7e22ce;--purple-400:#9333ea;--purple-500:#a855f7;--purple-600:#c084fc;--purple-700:#d8b4fe;--purple-800:#e9d5ff;--purple-900:#f3e8ff;--purple-950:#faf5ff;--pink-50:#500724;--pink-100:#831843;--pink-200:#9d174d;--pink-300:#be185d;--pink-400:#db2777;--pink-500:#ec4899;--pink-600:#f472b6;--pink-700:#f9a8d4;--pink-800:#fbcfe8;--pink-900:#fce7f3;--pink-950:#fdf2f8;--company-basic-light:var(--gray-100);--company-basic-dark:var(--gray-800);--company-basic-focus:var(--gray-300);--company-primary-light:var(--blue-50);--company-primary-dark:var(--blue-700);--company-primary-focus:var(--blue-800);--company-success-light:var(--green-50);--company-success-dark:var(--green-700);--company-success-focus:var(--green-800);--company-warning-light:var(--orange-50);--company-warning-dark:var(--orange-700);--company-warning-focus:var(--orange-800);--company-error-light:var(--red-50);--company-error-dark:var(--red-600);--company-error-focus:var(--red-700);--company-question-light:var(--cyan-50);--company-question-dark:var(--cyan-700);--company-question-focus:var(--cyan-800);--company-note-light:var(--gray-200);--company-note-dark:var(--gray-700);--company-note-focus:var(--gray-600);--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}:root:has(body.light){color-scheme:light;--primary:#004899;--secondary:#377dff;--aux:#d7612a;--aux2:#dae1e7;--white:#fff;--black:#000;--background:#fafafa;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--company-basic-light:#f3f4f6;--company-basic-dark:#1f2937;--company-basic-focus:#d1d5db;--company-primary-light:#eff6ff;--company-primary-dark:#1e40af;--company-primary-focus:#1e3a8a;--company-success-light:#dcfce7;--company-success-dark:#15803d;--company-success-focus:#14532d;--company-warning-light:#ffedd5;--company-warning-dark:#ea580c;--company-warning-focus:#c2410c;--company-error-light:#fee2e2;--company-error-dark:#dc2626;--company-error-focus:#991b1b;--company-question-light:#a5f3fc;--company-question-dark:#0891b2;--company-question-focus:#155e75;--company-note-light:#e5e7eb;--company-note-dark:#6b7280;--company-note-focus:#4b5563;--gray_lighter:var(--gray-100);--gray_lighter2:var(--gray-200);--gray_light:var(--gray-300);--gray_light_trans:var(--gray-400);--gray2:var(--gray-400);--gray:var(--gray-600);--gray_dark:var(--gray-700);--gray_darker:var(--gray-800);--red_light:var(--red-200);--red:var(--red-600);--red_dark:var(--red-700);--red_darker:var(--red-800);--green_light:var(--green-200);--green:var(--green-400);--green_dark:var(--green-600);--green_darker:var(--green-700);--orange_light:var(--orange-100);--orange:var(--orange-400);--orange_dark:var(--orange-500);--orange_darker:var(--orange-600);--blue_lighter:var(--blue-50);--blue_light:var(--blue-300);--blue:var(--blue-500);--blue_dark:var(--blue-600);--blue_darker:var(--blue-800);--purple_light:var(--purple-200);--purple:var(--purple-300);--purple_dark:var(--purple-400);--purple_darker:var(--purple-500);--noty_alert:var(--yellow-100);--noty_alert-border:var(--yellow-200);--noty_alert-color:var(--yellow-800);--noty_alert-link-color:var(--yellow-600);--noty_success:var(--green-500);--noty_warning:var(--yellow-300);--noty_error:var(--red-700);--noty_info:var(--blue-500)}:root{--font-size-mobile:16px;--font-size-desktop:12px;--font-size-small:11px;--font-size-icon:18px;--font-primary:"Roboto";--font-family-material-icons:"Material Symbols Rounded"}:root{--img-select:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-size:var(--font-size-mobile, 16px)}@media (min-width: 1025px){:root{--font-size:var(--font-size-desktop, 12px)}}body{font-family:var(--font-primary, "Roboto");font-size:var(--font-size, 16px);color:var(--black);background-color:var(--background);-webkit-transition:background-color 0.3s ease;-ms-transition:background-color 0.3s ease;transition:background-color 0.3s ease}@media (min-width: 1025px){body{font-size:var(--font-size, 12px)}}.flex{display:-ms-flexbox;display:-webkit-box;display:flex}h1,h2,h3,h4{color:var(--company-primary-dark)}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:block;src:url("./fonts/symbols/material-symbols-rounded.woff2") format("woff2")}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp{font-size:var(--font-size-icon)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform, visibility, opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(0.54, 1.5, 0.38, 1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}.tippy-box[data-theme~=iris-tooltip]{background-color:var(--gray-800);color:var(--white);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:max-content}.tippy-box[data-theme~=iris-tooltip] .tippy-content .tooltip-header{font-weight:bold;padding:4px 2px;margin-bottom:4px;text-align:center;color:var(--white);border-bottom:1px solid var(--white)}.tippy-box[data-theme~=iris-tooltip] .tippy-content a{color:var(--white)}.tippy-box[data-theme~=iris-tooltip] .tippy-content p{margin:0;padding:4px}.tippy-box[data-theme~=iris-tooltip] .tippy-content:not(:has(>ul)){padding:4px}.tippy-box[data-theme~=iris-tooltip] .tippy-content ul{display:-ms-flexbox;display:-webkit-box;display:flex;flex-direction:column;gap:8px;list-style:none;padding:2px;margin:0}.tippy-box[data-theme~=iris-tooltip] .tippy-arrow{color:var(--gray-800)}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url("./fonts/roboto/roboto-v30-latin-regular.woff2") format("woff2"), url("./fonts/roboto/roboto-v30-latin-regular.woff") format("woff");}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:400;src:url("./fonts/roboto/roboto-v30-latin-italic.woff2") format("woff2"), url("./fonts/roboto/roboto-v30-latin-italic.woff") format("woff");}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:700;src:url("./fonts/roboto/roboto-v30-latin-700.woff2") format("woff2"), url("./fonts/roboto/roboto-v30-latin-700.woff") format("woff");}

package/dist/iris-button/iris-button.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iris-button.entry.esm.js","sources":["src/components/iris-button/iris-button.scss?tag=iris-button&encapsulation=shadow","src/components/iris-button/iris-button.tsx"],"sourcesContent":["@use '_mixins.scss' as m;\n\n//#region Keyframes\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes show-loading {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n//#endregion\n\n//#region Mixins\n\n// Mixin para los colores.\n@mixin deco($type) {\n  &[color='#{$type}'] {\n    background-color: var(--company-#{$type}-dark);\n\n    @if $type == 'basic' {\n      color: var(--black);\n      background-color: var(--company-#{$type}-light);\n    }\n\n    &:hover {\n      background-color: var(--company-#{$type}-focus);\n    }\n\n    // Botones tipo icon.\n    &[type='icon'] {\n      background-color: unset;\n      color: var(--company-#{$type}-dark);\n\n      &:hover {\n        background-color: var(--company-#{$type}-light);\n      }\n    }\n\n    // Cambio color animación loading.\n    .loading svg {\n      color: var(--company-#{$type}-dark);\n    }\n  }\n}\n\n// Mixin para los tamaños.\n@mixin size-variant($size, $scale) {\n  &.#{$size} {\n    font-size: calc(var(--font-size) * #{$scale});\n\n    // Botones tipo fab e icono.\n    &[type='fab'],\n    &[type='icon'] {\n      height: calc(36px * #{$scale});\n      width: calc(36px * #{$scale});\n    }\n  }\n}\n\n//#endregion\n\n:host {\n  display: inline-block;\n}\n\n// Estilos genéricos para los botones.\nbutton {\n  font-size: var(--font-size);\n  padding: 8px 12px;\n  color: var(--white);\n  background-color: var(--company-primary-dark);\n  @include m.animation(background-color);\n  border: none;\n  @include m.border-radius(5px);\n  @include m.flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 0.1rem;\n  font-family: var(--font-primary);\n\n  &:hover {\n    background-color: var(--company-primary-focus);\n  }\n\n  // Incluye un borde al hacer click y al usar tabs.\n  @include m.focus-border;\n\n  // Aplica un margen al icono en los botones por defecto para separarlo del texto.\n  &:not([type='icon'], [type='fab']) {\n    .material-symbols-rounded,\n    .loading {\n      margin-right: 5px;\n    }\n  }\n\n  // Botones tipo fab e icono.\n  &[type='fab'],\n  &[type='icon'] {\n    @include m.border-radius(50%);\n    height: 36px;\n    width: 36px;\n    padding: 0;\n    // Centramos el icono.\n    @include m.flex;\n    justify-content: center;\n  }\n\n  // Animación de carga.\n  .loading {\n    animation: show-loading 1s 1;\n    @include m.flex;\n    align-items: center;\n    // Los iconos de Material tienen 21px aprox de alto cuando el font-size es de 18.\n    height: calc(var(--font-size-icon) * 1.19);\n\n    svg {\n      animation: spin 1s infinite;\n      color: var(--primary);\n      height: var(--font-size-icon);\n    }\n  }\n\n  iris-icon {\n    @include m.flex;\n  }\n\n  //#region Colores de los botones\n\n  @include deco(primary);\n  @include deco(success);\n  @include deco(warning);\n  @include deco(error);\n  @include deco(basic);\n\n  // Botón deshabilitado + controles de accesibilidad.\n  &:disabled {\n    background-color: var(--company-basic-focus);\n    color: var(--company-basic-light);\n    cursor: not-allowed;\n\n    &:hover {\n      background-color: var(--company-basic-focus);\n    }\n  }\n  //#endregion\n\n  //#region Tamaño\n\n  @include size-variant(small, 0.8);\n  @include size-variant(large, 1.2);\n\n  //#endregion\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'iris-button',\n  styleUrl: 'iris-button.scss',\n  shadow: true,\n})\nexport class IrisButton {\n  //#region Props\n\n  /**\n   * Texto del botón.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Indica el tipo de botón ayudando al usuario a explicar su funcionalidad.\n   * Para ver más información al respecto, lea la documentación del componente.\n   */\n  @Prop()\n  color: 'primary' | 'success' | 'warning' | 'error' | 'basic' = 'primary';\n\n  /**\n   * Icono del botón.\n   * Consulta todos los iconos disponibles en: https://fonts.google.com/icons\n   */\n  @Prop()\n  icon!: string;\n\n  /**\n   * Deshabilita el botón para que no pueda ser pulsado.\n   */\n  @Prop()\n  disabled = false;\n\n  /**\n   * Tipo de botón.\n   */\n  @Prop()\n  type: '' | 'icon' | 'fab' = '';\n\n  /**\n   * Permite mostrar una animación de carga mientras se realiza alguna acción.\n   * Al activarse esta opción, el botón se deshabilita.\n   */\n  @Prop()\n  loading = false;\n\n  /**\n   * Tamaño del botón.\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  //#endregion\n\n  //#region Variables privadas\n\n  // Tag <button> del DOM.\n  button!: HTMLButtonElement;\n\n  //#endregion\n\n  //#region Events\n\n  /**\n   * Evento del botón al ser pulsado.\n   */\n  @Event({ bubbles: false, composed: false }) buttonClicked: EventEmitter<Event>;\n\n  /**\n   * Evento del botón al ser enfocado.\n   */\n  @Event() buttonFocused: EventEmitter<Event>;\n\n  //#endregion\n\n  //#region Handlers\n\n  /**\n   * Método que se ejecuta al hacer clic y emite el evento.\n   * @param ev\n   */\n  handleClick = (ev: Event) => {\n    // Deshabilitamos el botón durante un segundo para que no sea pulsados repetidas veces.\n    this.button.disabled = true;\n    setTimeout(() => {\n      this.button.disabled = false;\n    }, 1000);\n\n    // Lanzamos el evento.\n    this.buttonClicked.emit(ev);\n  };\n\n  /**\n   * Método que se ejecuta cuando se ha hecho focus en el botón.\n   * @param ev\n   */\n  handleFocus = (ev: Event) => {\n    this.buttonFocused.emit(ev);\n  };\n\n  //#endregion\n\n  render() {\n    // Validamos que todos los campos están rellenos.\n    try {\n      if (!this.label) throw \"No se ha definido la propiedad 'label'.\";\n      if (!this.icon) throw \"No se ha definido la propiedad 'icon'.\";\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    return (\n      <button\n        class={`${this.size}`}\n        color={this.color}\n        type={this.type}\n        onClick={this.handleClick}\n        disabled={this.disabled || this.loading}\n        onFocus={this.handleFocus}\n        ref={(el) => (this.button = el as HTMLButtonElement)}\n        title={this.label}\n      >\n        {\n          // Comprobamos si se muestra cargando\n          !this.loading ? (\n            <iris-icon icon={this.icon} size={this.size}></iris-icon>\n          ) : (\n            <i class=\"loading\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  opacity=\"0.25\"\n                  d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                ></path>\n                <path\n                  opacity=\"0.75\"\n                  d=\"M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                  stroke-linecap=\"round\"\n                ></path>\n              </svg>\n            </i>\n          )\n        }\n        {\n          // Solo añadimos el label para los botones normales.\n          this.type == 'icon' || this.type == 'fab' ? '' : this.label\n        }\n      </button>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,guHAAguH;;MCOzuH,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAaE;;;AAGG;AAEH,QAAA,IAAK,CAAA,KAAA,GAA0D,SAAS;AASxE;;AAEG;AAEH,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEG;AAEH,QAAA,IAAI,CAAA,IAAA,GAAwB,EAAE;AAE9B;;;AAGG;AAEH,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAEf;;AAEG;AAEH,QAAA,IAAI,CAAA,IAAA,GAAiC,QAAQ;;;AA2B7C;;;AAGG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAS,KAAI;;AAE1B,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI;YAC3B,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK;aAC7B,EAAE,IAAI,CAAC;;AAGR,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC7B,SAAC;AAED;;;AAGG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAS,KAAI;AAC1B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC7B,SAAC;AAwDF;;IApDC,MAAM,GAAA;;AAEJ,QAAA,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,KAAK;AAAE,gBAAA,MAAM,yCAAyC;YAChE,IAAI,CAAC,IAAI,CAAC,IAAI;AAAE,gBAAA,MAAM,wCAAwC;;QAC9D,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAChB;;AAGF,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,CAAE,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,EACpD,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA;;QAIf,CAAC,IAAI,CAAC,OAAO,IACX,CAAA,CAAA,WAAA,EAAA,EAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAc,KAEzD,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,SAAS,EAAA,EAChB,CAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACrE,CAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,mHAAmH,EACrH,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,GAAG,EACV,CAAA,EACR,CAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,yFAAyF,EAC3F,MAAM,EAAC,cAAc,kBACR,GAAG,EAAA,gBAAA,EACD,OAAO,EAChB,CAAA,CACJ,CACJ,CACL;;QAID,IAAI,CAAC,IAAI,IAAI,MAAM,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAEtD;;;;;;;"}

package/dist/iris-button/iris-button.esm.js

@@ -1,2 +1,2 @@
-import{p as o,b as a}from"./p-705a656b.js";export{s as setNonce}from"./p-705a656b.js";import{g as r}from"./p-e1255160.js";var t=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return o(r)};t().then((async o=>{await r();return a([["p-cbf16ce7",[[1,"iris-button",{label:[1],color:[1],icon:[1],disabled:[1028],type:[1],loading:[4]}]]]],o)}));
+import{p as o,b as a}from"./p-CqbIY27k.js";export{s as setNonce}from"./p-CqbIY27k.js";import{g as r}from"./p-DQuL1Twl.js";var t=()=>{const s=import.meta.url;const a={};if(s!==""){a.resourcesUrl=new URL(".",s).href}return o(a)};t().then((async o=>{await r();return a([["p-6aaee13d",[[1,"iris-button",{label:[1],color:[1],icon:[1],disabled:[4],type:[1],loading:[4],size:[1]}]]]],o)}));
 //# sourceMappingURL=iris-button.esm.js.map

package/dist/iris-button/iris-button.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","label","color","icon","disabled","type","loading"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,iCAA8B,CAAAC,MAAS,IAAAC,MAAA,IAAAC,KAAA,IAAAC,SAAA,OAAAC,KAAA,IAAAC,QAAA,SAAAR,EAAA","ignoreList":[]}
+{"version":3,"file":"iris-button.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/iris-button/loader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.esm.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}

package/dist/iris-button/p-6aaee13d.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as r,h as a}from"./p-CqbIY27k.js";const t="@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes show-loading{0%{opacity:0}100%{opacity:1}}:host{display:inline-block}button{font-size:var(--font-size);padding:8px 12px;color:var(--white);background-color:var(--company-primary-dark);-webkit-transition:background-color 0.5s ease;-ms-transition:background-color 0.5s ease;transition:background-color 0.5s ease;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:-ms-flexbox;display:-webkit-box;display:flex;align-items:center;cursor:pointer;gap:0.1rem;font-family:var(--font-primary)}button:hover{background-color:var(--company-primary-focus)}button:focus{outline:2px solid var(--blue_light);outline-offset:1px}button:not([type=icon],[type=fab]) .material-symbols-rounded,button:not([type=icon],[type=fab]) .loading{margin-right:5px}button[type=fab],button[type=icon]{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:36px;width:36px;padding:0;display:-ms-flexbox;display:-webkit-box;display:flex;justify-content:center}button .loading{animation:show-loading 1s 1;display:-ms-flexbox;display:-webkit-box;display:flex;align-items:center;height:calc(var(--font-size-icon) * 1.19)}button .loading svg{animation:spin 1s infinite;color:var(--primary);height:var(--font-size-icon)}button iris-icon{display:-ms-flexbox;display:-webkit-box;display:flex}button[color=primary]{background-color:var(--company-primary-dark)}button[color=primary]:hover{background-color:var(--company-primary-focus)}button[color=primary][type=icon]{background-color:unset;color:var(--company-primary-dark)}button[color=primary][type=icon]:hover{background-color:var(--company-primary-light)}button[color=primary] .loading svg{color:var(--company-primary-dark)}button[color=success]{background-color:var(--company-success-dark)}button[color=success]:hover{background-color:var(--company-success-focus)}button[color=success][type=icon]{background-color:unset;color:var(--company-success-dark)}button[color=success][type=icon]:hover{background-color:var(--company-success-light)}button[color=success] .loading svg{color:var(--company-success-dark)}button[color=warning]{background-color:var(--company-warning-dark)}button[color=warning]:hover{background-color:var(--company-warning-focus)}button[color=warning][type=icon]{background-color:unset;color:var(--company-warning-dark)}button[color=warning][type=icon]:hover{background-color:var(--company-warning-light)}button[color=warning] .loading svg{color:var(--company-warning-dark)}button[color=error]{background-color:var(--company-error-dark)}button[color=error]:hover{background-color:var(--company-error-focus)}button[color=error][type=icon]{background-color:unset;color:var(--company-error-dark)}button[color=error][type=icon]:hover{background-color:var(--company-error-light)}button[color=error] .loading svg{color:var(--company-error-dark)}button[color=basic]{background-color:var(--company-basic-dark);color:var(--black);background-color:var(--company-basic-light)}button[color=basic]:hover{background-color:var(--company-basic-focus)}button[color=basic][type=icon]{background-color:unset;color:var(--company-basic-dark)}button[color=basic][type=icon]:hover{background-color:var(--company-basic-light)}button[color=basic] .loading svg{color:var(--company-basic-dark)}button:disabled{background-color:var(--company-basic-focus);color:var(--company-basic-light);cursor:not-allowed}button:disabled:hover{background-color:var(--company-basic-focus)}button.small{font-size:calc(var(--font-size) * 0.8)}button.small[type=fab],button.small[type=icon]{height:calc(36px * 0.8);width:calc(36px * 0.8)}button.large{font-size:calc(var(--font-size) * 1.2)}button.large[type=fab],button.large[type=icon]{height:calc(36px * 1.2);width:calc(36px * 1.2)}";const c=class{constructor(a){o(this,a);this.buttonClicked=r(this,"buttonClicked",1);this.buttonFocused=r(this,"buttonFocused",7);this.color="primary";this.disabled=false;this.type="";this.loading=false;this.size="medium";this.handleClick=o=>{this.button.disabled=true;setTimeout((()=>{this.button.disabled=false}),1e3);this.buttonClicked.emit(o)};this.handleFocus=o=>{this.buttonFocused.emit(o)}}render(){try{if(!this.label)throw"No se ha definido la propiedad 'label'.";if(!this.icon)throw"No se ha definido la propiedad 'icon'."}catch(o){console.error(o);return}return a("button",{class:`${this.size}`,color:this.color,type:this.type,onClick:this.handleClick,disabled:this.disabled||this.loading,onFocus:this.handleFocus,ref:o=>this.button=o,title:this.label},!this.loading?a("iris-icon",{icon:this.icon,size:this.size}):a("i",{class:"loading"},a("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{opacity:"0.25",d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"currentColor","stroke-width":"4"}),a("path",{opacity:"0.75",d:"M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"}))),this.type=="icon"||this.type=="fab"?"":this.label)}};c.style=t;export{c as iris_button};
+//# sourceMappingURL=p-6aaee13d.entry.js.map

package/dist/iris-button/p-6aaee13d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["irisButtonCss","IrisButton","constructor","hostRef","this","color","disabled","type","loading","size","handleClick","ev","button","setTimeout","buttonClicked","emit","handleFocus","buttonFocused","render","label","icon","e","console","error","h","class","onClick","onFocus","ref","el","title","viewBox","fill","xmlns","opacity","d","stroke"],"sources":["src/components/iris-button/iris-button.scss?tag=iris-button&encapsulation=shadow","src/components/iris-button/iris-button.tsx"],"sourcesContent":["@use '_mixins.scss' as m;\n\n//#region Keyframes\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes show-loading {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n//#endregion\n\n//#region Mixins\n\n// Mixin para los colores.\n@mixin deco($type) {\n  &[color='#{$type}'] {\n    background-color: var(--company-#{$type}-dark);\n\n    @if $type == 'basic' {\n      color: var(--black);\n      background-color: var(--company-#{$type}-light);\n    }\n\n    &:hover {\n      background-color: var(--company-#{$type}-focus);\n    }\n\n    // Botones tipo icon.\n    &[type='icon'] {\n      background-color: unset;\n      color: var(--company-#{$type}-dark);\n\n      &:hover {\n        background-color: var(--company-#{$type}-light);\n      }\n    }\n\n    // Cambio color animación loading.\n    .loading svg {\n      color: var(--company-#{$type}-dark);\n    }\n  }\n}\n\n// Mixin para los tamaños.\n@mixin size-variant($size, $scale) {\n  &.#{$size} {\n    font-size: calc(var(--font-size) * #{$scale});\n\n    // Botones tipo fab e icono.\n    &[type='fab'],\n    &[type='icon'] {\n      height: calc(36px * #{$scale});\n      width: calc(36px * #{$scale});\n    }\n  }\n}\n\n//#endregion\n\n:host {\n  display: inline-block;\n}\n\n// Estilos genéricos para los botones.\nbutton {\n  font-size: var(--font-size);\n  padding: 8px 12px;\n  color: var(--white);\n  background-color: var(--company-primary-dark);\n  @include m.animation(background-color);\n  border: none;\n  @include m.border-radius(5px);\n  @include m.flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 0.1rem;\n  font-family: var(--font-primary);\n\n  &:hover {\n    background-color: var(--company-primary-focus);\n  }\n\n  // Incluye un borde al hacer click y al usar tabs.\n  @include m.focus-border;\n\n  // Aplica un margen al icono en los botones por defecto para separarlo del texto.\n  &:not([type='icon'], [type='fab']) {\n    .material-symbols-rounded,\n    .loading {\n      margin-right: 5px;\n    }\n  }\n\n  // Botones tipo fab e icono.\n  &[type='fab'],\n  &[type='icon'] {\n    @include m.border-radius(50%);\n    height: 36px;\n    width: 36px;\n    padding: 0;\n    // Centramos el icono.\n    @include m.flex;\n    justify-content: center;\n  }\n\n  // Animación de carga.\n  .loading {\n    animation: show-loading 1s 1;\n    @include m.flex;\n    align-items: center;\n    // Los iconos de Material tienen 21px aprox de alto cuando el font-size es de 18.\n    height: calc(var(--font-size-icon) * 1.19);\n\n    svg {\n      animation: spin 1s infinite;\n      color: var(--primary);\n      height: var(--font-size-icon);\n    }\n  }\n\n  iris-icon {\n    @include m.flex;\n  }\n\n  //#region Colores de los botones\n\n  @include deco(primary);\n  @include deco(success);\n  @include deco(warning);\n  @include deco(error);\n  @include deco(basic);\n\n  // Botón deshabilitado + controles de accesibilidad.\n  &:disabled {\n    background-color: var(--company-basic-focus);\n    color: var(--company-basic-light);\n    cursor: not-allowed;\n\n    &:hover {\n      background-color: var(--company-basic-focus);\n    }\n  }\n  //#endregion\n\n  //#region Tamaño\n\n  @include size-variant(small, 0.8);\n  @include size-variant(large, 1.2);\n\n  //#endregion\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'iris-button',\n  styleUrl: 'iris-button.scss',\n  shadow: true,\n})\nexport class IrisButton {\n  //#region Props\n\n  /**\n   * Texto del botón.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Indica el tipo de botón ayudando al usuario a explicar su funcionalidad.\n   * Para ver más información al respecto, lea la documentación del componente.\n   */\n  @Prop()\n  color: 'primary' | 'success' | 'warning' | 'error' | 'basic' = 'primary';\n\n  /**\n   * Icono del botón.\n   * Consulta todos los iconos disponibles en: https://fonts.google.com/icons\n   */\n  @Prop()\n  icon!: string;\n\n  /**\n   * Deshabilita el botón para que no pueda ser pulsado.\n   */\n  @Prop()\n  disabled = false;\n\n  /**\n   * Tipo de botón.\n   */\n  @Prop()\n  type: '' | 'icon' | 'fab' = '';\n\n  /**\n   * Permite mostrar una animación de carga mientras se realiza alguna acción.\n   * Al activarse esta opción, el botón se deshabilita.\n   */\n  @Prop()\n  loading = false;\n\n  /**\n   * Tamaño del botón.\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  //#endregion\n\n  //#region Variables privadas\n\n  // Tag <button> del DOM.\n  button!: HTMLButtonElement;\n\n  //#endregion\n\n  //#region Events\n\n  /**\n   * Evento del botón al ser pulsado.\n   */\n  @Event({ bubbles: false, composed: false }) buttonClicked: EventEmitter<Event>;\n\n  /**\n   * Evento del botón al ser enfocado.\n   */\n  @Event() buttonFocused: EventEmitter<Event>;\n\n  //#endregion\n\n  //#region Handlers\n\n  /**\n   * Método que se ejecuta al hacer clic y emite el evento.\n   * @param ev\n   */\n  handleClick = (ev: Event) => {\n    // Deshabilitamos el botón durante un segundo para que no sea pulsados repetidas veces.\n    this.button.disabled = true;\n    setTimeout(() => {\n      this.button.disabled = false;\n    }, 1000);\n\n    // Lanzamos el evento.\n    this.buttonClicked.emit(ev);\n  };\n\n  /**\n   * Método que se ejecuta cuando se ha hecho focus en el botón.\n   * @param ev\n   */\n  handleFocus = (ev: Event) => {\n    this.buttonFocused.emit(ev);\n  };\n\n  //#endregion\n\n  render() {\n    // Validamos que todos los campos están rellenos.\n    try {\n      if (!this.label) throw \"No se ha definido la propiedad 'label'.\";\n      if (!this.icon) throw \"No se ha definido la propiedad 'icon'.\";\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    return (\n      <button\n        class={`${this.size}`}\n        color={this.color}\n        type={this.type}\n        onClick={this.handleClick}\n        disabled={this.disabled || this.loading}\n        onFocus={this.handleFocus}\n        ref={(el) => (this.button = el as HTMLButtonElement)}\n        title={this.label}\n      >\n        {\n          // Comprobamos si se muestra cargando\n          !this.loading ? (\n            <iris-icon icon={this.icon} size={this.size}></iris-icon>\n          ) : (\n            <i class=\"loading\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  opacity=\"0.25\"\n                  d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                ></path>\n                <path\n                  opacity=\"0.75\"\n                  d=\"M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"4\"\n                  stroke-linecap=\"round\"\n                ></path>\n              </svg>\n            </i>\n          )\n        }\n        {\n          // Solo añadimos el label para los botones normales.\n          this.type == 'icon' || this.type == 'fab' ? '' : this.label\n        }\n      </button>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,iuH,MCOTC,EAAU,MALvB,WAAAC,CAAAC,G,oGAkBEC,KAAKC,MAA0D,UAa/DD,KAAQE,SAAG,MAMXF,KAAIG,KAAwB,GAO5BH,KAAOI,QAAG,MAMVJ,KAAIK,KAAiC,SA+BrCL,KAAAM,YAAeC,IAEbP,KAAKQ,OAAON,SAAW,KACvBO,YAAW,KACTT,KAAKQ,OAAON,SAAW,KAAK,GAC3B,KAGHF,KAAKU,cAAcC,KAAKJ,EAAG,EAO7BP,KAAAY,YAAeL,IACbP,KAAKa,cAAcF,KAAKJ,EAAG,CAyD9B,CApDC,MAAAO,GAEE,IACE,IAAKd,KAAKe,MAAO,KAAM,0CACvB,IAAKf,KAAKgB,KAAM,KAAM,wC,CACtB,MAAOC,GACPC,QAAQC,MAAMF,GACd,M,CAGF,OACEG,EAAA,UACEC,MAAO,GAAGrB,KAAKK,OACfJ,MAAOD,KAAKC,MACZE,KAAMH,KAAKG,KACXmB,QAAStB,KAAKM,YACdJ,SAAUF,KAAKE,UAAYF,KAAKI,QAChCmB,QAASvB,KAAKY,YACdY,IAAMC,GAAQzB,KAAKQ,OAASiB,EAC5BC,MAAO1B,KAAKe,QAITf,KAAKI,QACJgB,EAAA,aAAWJ,KAAMhB,KAAKgB,KAAMX,KAAML,KAAKK,OAEvCe,EAAA,KAAGC,MAAM,WACPD,EAAK,OAAAO,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BACzCT,EAAA,QACEU,QAAQ,OACRC,EAAE,oHACFC,OAAO,eAAc,eACR,MAEfZ,EAAA,QACEU,QAAQ,OACRC,EAAE,0FACFC,OAAO,eAAc,eACR,IAAG,iBACD,YAQvBhC,KAAKG,MAAQ,QAAUH,KAAKG,MAAQ,MAAQ,GAAKH,KAAKe,M","ignoreList":[]}

package/dist/iris-button/p-CqbIY27k.js

@@ -0,0 +1,3 @@
+const e="iris-button";const t={hydratedSelectorName:"hydrated",lazyLoad:true,updatable:true,watchCallback:false};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var s="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var l=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var a=(e,t)=>{const n={i:0,$hostElement$:e,o:t,l:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var f=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.h.replace(/-/g,"_");const s=e.p;if(!s){return void 0}const i=u.get(s);if(i){return i[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{u.set(s,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="sty-id";var p="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w=typeof window!=="undefined"?window:{};var y={i:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var g=false;var S=[];var j=[];var O=(e,t)=>n=>{e.push(n);if(!g){g=true;if(t&&y.i&4){E(C)}else{y.raf(C)}}};var k=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var C=()=>{k(S);{k(j);if(g=S.length>0){y.raf(C)}}};var E=e=>b().then(e);var M=O(j,true);var x=e=>{e=typeof e;return e==="object"||e==="function"};function P(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var U={};r(U,{err:()=>N,map:()=>R,ok:()=>D,unwrap:()=>W,unwrapErr:()=>A});var D=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function R(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>D(e)))}else{return D(n)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var W=e=>{if(e.isOk){return e.value}else{throw e.value}};var A=e=>{if(e.isErr){return e.value}else{throw e.value}};var L=(e,t="")=>{{return()=>{}}};var T=(e,t)=>{{return()=>{}}};var z=(e,t,...n)=>{let r=null;let s=false;let i=false;const o=[];const l=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){l(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!x(r)){r=String(r)}if(s&&i){o[o.length-1].$+=r}else{o.push(s?H(null,r):r)}i=s}}};l(n);if(t){{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const a=H(e,null);a.S=t;if(o.length>0){a.j=o}return a};var H=(e,t)=>{const n={i:0,O:e,$:t,k:null,j:null};{n.S=null}return n};var F={};var I=e=>e&&e.O===F;var V=(e,t)=>{if(e!=null&&!x(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&1){return String(e)}return e}return e};var q=e=>o(e).$hostElement$;var G=(e,t,n)=>{const r=q(e);return{emit:e=>Y(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Y=(e,t,n)=>{const r=y.ce(t,n);e.dispatchEvent(r);return r};var _=new WeakMap;var B=(e,t,n)=>{let r=d.get(e);if($&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var J=(e,t,n)=>{var r;const s=Q(t);const i=d.get(s);if(!w.document){return s}e=e.nodeType===11?e:w.document;if(i){if(typeof i==="string"){e=e.head||e;let n=_.get(e);let o;if(!n){_.set(e,n=new Set)}if(!n.has(s)){{o=document.querySelector(`[${h}="${s}"]`)||w.document.createElement("style");o.innerHTML=i;const n=(r=y.C)!=null?r:P(w.document);if(n!=null){o.setAttribute("nonce",n)}if(!(t.i&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if($){const t=new CSSStyleSheet;t.replaceSync(i);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=i+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.i&1){e.insertBefore(o,null)}}if(t.i&4){o.innerHTML+=m}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]}}return s};var K=e=>{const t=e.o;const n=e.$hostElement$;const r=t.i;const s=L("attachStyles",t.h);const i=J(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2||r&128){n["s-sc"]=i;n.classList.add(i+"-h")}s()};var Q=(e,t)=>"sc-"+e.h;var X=(e,t,n,r,s,i,o)=>{if(n===r){return}let l=f(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const s=ee(n);let i=ee(r);{t.remove(...s.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!s.includes(e))))}}else if(t==="ref"){if(r){r(e)}}else if(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(f(w,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||r){const s=t.endsWith(te);t=t.replace(ne,"");if(n){y.rel(e,t,n,s)}if(r){y.ael(e,t,r,s)}}}else{const o=x(r);if((l||o&&r!==null)&&!s){try{if(!e.tagName.includes("-")){const s=r==null?"":r;if(t==="list"){l=false}else if(n==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!l||i&4||s)&&!o&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var Z=/\s/;var ee=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Z)};var te="Capture";var ne=new RegExp(te+"$");var re=(e,t,n,r)=>{const s=t.k.nodeType===11&&t.k.host?t.k.host:t.k;const i=e&&e.S||{};const o=t.S||{};{for(const e of se(Object.keys(i))){if(!(e in o)){X(s,e,i[e],void 0,n,t.i)}}}for(const e of se(Object.keys(o))){X(s,e,i[e],o[e],n,t.i)}};function se(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ie;var oe=false;var le=(e,t,n)=>{const r=t.j[n];let o=0;let l;let a;if(r.$!==null){l=r.k=w.document.createTextNode(r.$)}else{if(!oe){oe=r.O==="svg"}if(!w.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}l=r.k=w.document.createElementNS(oe?s:i,r.O);if(oe&&r.O==="foreignObject"){oe=false}{re(null,r,oe)}if(r.j){for(o=0;o<r.j.length;++o){a=le(e,r,o);if(a){l.appendChild(a)}}}{if(r.O==="svg"){oe=false}else if(l.tagName==="foreignObject"){oe=true}}}l["s-hn"]=ie;return l};var ae=(e,t,n,r,s,i)=>{let o=e;let l;if(o.shadowRoot&&o.tagName===ie){o=o.shadowRoot}for(;s<=i;++s){if(r[s]){l=le(null,n,s);if(l){r[s].k=l;he(o,l,t)}}}};var fe=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.k;de(t);if(e){e.remove()}}}};var ce=(e,t,n,r,s=false)=>{let i=0;let o=0;let l=t.length-1;let a=t[0];let f=t[l];let c=r.length-1;let u=r[0];let v=r[c];let d;while(i<=l&&o<=c){if(a==null){a=t[++i]}else if(f==null){f=t[--l]}else if(u==null){u=r[++o]}else if(v==null){v=r[--c]}else if(ue(a,u,s)){ve(a,u,s);a=t[++i];u=r[++o]}else if(ue(f,v,s)){ve(f,v,s);f=t[--l];v=r[--c]}else if(ue(a,v,s)){ve(a,v,s);he(e,a.k,f.k.nextSibling);a=t[++i];v=r[--c]}else if(ue(f,u,s)){ve(f,u,s);he(e,f.k,a.k);f=t[--l];u=r[++o]}else{{d=le(t&&t[o],n,o);u=r[++o]}if(d){{he(a.k.parentNode,d,a.k)}}}}if(i>l){ae(e,r[c+1]==null?null:r[c+1].k,n,r,o,c)}else if(o>c){fe(t,i,l)}};var ue=(e,t,n=false)=>{if(e.O===t.O){if(n&&!e.M&&t.M){e.M=t.M}return true}return false};var ve=(e,n,r=false)=>{const s=n.k=e.k;const i=e.j;const o=n.j;const l=n.O;const a=n.$;if(a===null){{oe=l==="svg"?true:l==="foreignObject"?false:oe}{re(e,n,oe)}if(i!==null&&o!==null){ce(s,i,n,o,r)}else if(o!==null){if(e.$!==null){s.textContent=""}ae(s,null,n,o,0,o.length-1)}else if(!r&&t.updatable&&i!==null){fe(i,0,i.length-1)}if(oe&&l==="svg"){oe=false}}else if(e.$!==a){s.data=a}};var de=e=>{{e.S&&e.S.ref&&e.S.ref(null);e.j&&e.j.map(de)}};var he=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var pe=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.P||H(null,null);const i=I(t)?t:z(null,null,t);ie=r.tagName;if(n&&i.S){for(const e of Object.keys(i.S)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.S[e]=r[e]}}}i.O=null;i.i|=4;e.P=i;i.k=s.k=r.shadowRoot||r;ve(s,i,n)};var me=(e,t)=>{if(t&&!e.U&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.U=()=>{t["s-p"].splice(n-1,1);r()})))}};var we=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}me(e,e.D);const n=()=>ye(e,t);return M(n)};var ye=(e,t)=>{const n=e.$hostElement$;const r=L("scheduleUpdate",e.o.h);const s=e.t;if(!s){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(t){i=ke(s,"componentWillLoad",void 0,n)}else{i=ke(s,"componentWillUpdate",void 0,n)}i=be(i,(()=>ke(s,"componentWillRender",void 0,n)));r();return be(i,(()=>ge(e,s,t)))};var be=(e,t)=>$e(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var $e=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ge=async(e,t,n)=>{var r;const s=e.$hostElement$;const i=L("update",e.o.h);const o=s["s-rc"];if(n){K(e)}const l=L("render",e.o.h);{Se(e,t,s,n)}if(o){o.map((e=>e()));s["s-rc"]=void 0}l();i();{const t=(r=s["s-p"])!=null?r:[];const n=()=>je(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var Se=(e,t,n,r)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{pe(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var je=e=>{const t=e.o.h;const n=e.$hostElement$;const r=L("postUpdate",t);const s=e.t;const i=e.D;ke(s,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{Ce(n)}ke(s,"componentDidLoad",void 0,n);r();{e.v(n);if(!i){Oe()}}}else{ke(s,"componentDidUpdate",void 0,n);r()}{if(e.U){e.U();e.U=void 0}if(e.i&512){E((()=>we(e,false)))}e.i&=-517}};var Oe=t=>{E((()=>Y(w,"appload",{detail:{namespace:e}})))};var ke=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Ce=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ee=(e,t)=>o(e).l.get(t);var Me=(e,t,n,r)=>{const s=o(e);if(!s){throw new Error(`Couldn't find host element for "${r.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const i=s.l.get(t);const l=s.i;const a=s.t;n=V(n,r.N[t][0]);const f=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!f;if((!(l&8)||i===void 0)&&c){s.l.set(t,n);if(a){if((l&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,i,t)===false){return}}we(s,false)}}}};var xe=(e,n,r)=>{var s,i;const l=e.prototype;if(n.N||t.watchCallback){const a=Object.entries((s=n.N)!=null?s:{});a.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:s,set:i}=Object.getOwnPropertyDescriptor(l,e)||{};if(s)n.N[e][0]|=2048;if(i)n.N[e][0]|=4096;if(r&1||!s){Object.defineProperty(l,e,{get(){{if((n.N[e][0]&2048)===0){return Ee(this,e)}const t=o(this);const r=t?t.t:l;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(s){const l=o(this);if(i){const r=t&32?this[e]:l.$hostElement$[e];if(typeof r==="undefined"&&l.l.get(e)){s=l.l.get(e)}else if(!l.l.get(e)&&r){l.l.set(e,r)}i.apply(this,[V(s,t)]);s=t&32?this[e]:l.$hostElement$[e];Me(this,e,s,n);return}{if((r&1)===0||(n.N[e][0]&4096)===0){Me(this,e,s,n);if(r&1&&!l.t){l.u.then((()=>{if(n.N[e][0]&4096&&l.t[e]!==l.l.get(e)){l.t[e]=s}}))}return}const i=()=>{const r=l.t[e];if(!l.l.get(e)&&r){l.l.set(e,r)}l.t[e]=V(s,t);Me(this,e,l.t[e],n)};if(l.t){i()}else{l.u.then((()=>i()))}}}})}}));if(r&1){const r=new Map;l.attributeChangedCallback=function(e,s,i){y.jmp((()=>{var a;const f=r.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){i=this[f];delete this[f]}else if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==i){return}else if(f==null){const t=o(this);const r=t==null?void 0:t.i;if(r&&!(r&8)&&r&128&&i!==s){const r=t.t;const o=(a=n.R)==null?void 0:a[e];o==null?void 0:o.forEach((t=>{if(r[t]!=null){r[t].call(r,i,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(l,f);i=i===null&&typeof this[f]==="boolean"?false:i;if(i!==this[f]&&(!c.get||!!c.set)){this[f]=i}}))};e.observedAttributes=Array.from(new Set([...Object.keys((i=n.R)!=null?i:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Pe=async(e,t,n,r)=>{let s;if((t.i&32)===0){t.i|=32;const r=n.p;if(r){const r=v(n,t);if(r&&"then"in r){const e=T();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.h}#${t.W}" was not found`)}if(!s.isProxied){xe(s,n,2);s.isProxied=true}const i=L("createInstance",n.h);{t.i|=8}try{new s(t)}catch(t){c(t,e)}{t.i&=-9}i();Ue(t.t,e)}else{s=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=Q(n);if(!d.has(t)){const r=L("registerStyles",n.h);B(t,e,!!(n.i&1));r()}}}const i=t.D;const o=()=>we(t,true);if(i&&i["s-rc"]){i["s-rc"].push(o)}else{o()}};var Ue=(e,t)=>{{ke(e,"connectedCallback",void 0,t)}};var De=e=>{if((y.i&1)===0){const t=o(e);const n=t.o;const r=L("connectedCallback",n.h);if(!(t.i&1)){t.i|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){me(t,t.D=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Pe(e,t,n)}}else{if(t==null?void 0:t.t){Ue(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Ue(t.t,e)))}}r()}};var Ne=(e,t)=>{{ke(e,"disconnectedCallback",void 0,t||e)}};var Re=async e=>{if((y.i&1)===0){const t=o(e);if(t==null?void 0:t.t){Ne(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Ne(t.t,e)))}}if(_.has(e)){_.delete(e)}if(e.shadowRoot&&_.has(e.shadowRoot)){_.delete(e.shadowRoot)}};var We=(e,t={})=>{var n;if(!w.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=L();const s=[];const i=t.exclude||[];const l=w.customElements;const f=w.document.head;const c=f.querySelector("meta[charset]");const u=w.document.createElement("style");const v=[];let d;let h=true;Object.assign(y,t);y.m=new URL(t.resourcesUrl||"./",w.document.baseURI).href;let b=false;e.map((e=>{e[1].map((t=>{const n={i:t[0],h:t[1],N:t[2],A:t[3]};if(n.i&4){b=true}{n.N=t[2]}const r=n.h;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,n);if(n.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{y.jmp((()=>De(this)))}}disconnectedCallback(){y.jmp((()=>Re(this)));y.raf((()=>{var e;const t=o(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.P)==null?void 0:e.k)instanceof Node&&!t.P.k.isConnected){delete t.P.k}}))}componentOnReady(){return o(this).u}};n.p=e[0];if(!i.includes(r)&&!l.get(r)){s.push(r);l.define(r,xe(f,n,1))}}))}));if(s.length>0){if(b){u.textContent+=m}{u.textContent+=s.sort()+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.C)!=null?n:P(w.document);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>d=setTimeout(Oe,30)))}}r()};var Ae=e=>y.C=e;export{We as b,G as c,z as h,b as p,l as r,Ae as s};
+//# sourceMappingURL=p-CqbIY27k.js.map