@sankhyalabs/ezui 1.1.68 → 1.1.71

package/dist/types/components.d.ts

@@ -17,7 +17,7 @@ export namespace Components {
          */
         "enabled": boolean;
         /**
-          * Label é o título exibido no componente.
+          * Título do campo.
          */
         "label": string;
     }
@@ -27,7 +27,7 @@ export namespace Components {
          */
         "enabled": boolean;
         /**
-          * Define o icone svg que será utilizado no botão, está propriedade só é utilizada caso o componente esteja no modo 'icon'
+          * Define o icone svg que será utilizado no botão. Esta propriedade só é utilizada caso o componente esteja no modo 'icon'
          */
         "image": string;
         /**
@@ -60,7 +60,7 @@ export namespace Components {
     }
     interface EzCheck {
         /**
-          * Deixa o campo disponível ou não interagir com o usuário.
+          * Deixa o campo disponível ou não para interação com o usuário.
          */
         "enabled": boolean;
         /**
@@ -68,11 +68,11 @@ export namespace Components {
          */
         "getMode": () => Promise<string>;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
-          * Existem dois modos de visualização: regular e switch. Se esta propriedade for omitida, o componete assume o formato "regular"; No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada. No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
+          * Existem dois modos de visualização: regular e switch. Se esta propriedade for omitida, o componete assume o formato "regular". No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada. No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
          */
         "mode": string;
         /**
@@ -94,7 +94,7 @@ export namespace Components {
          */
         "iconplacement": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -116,26 +116,26 @@ export namespace Components {
          */
         "errorMessage": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
           * Função responsável por carregar as opções dinamicamente
          */
-        "optionloader": Function;
+        "optionLoader": Function;
         /**
-          * Array no formato "{value: string, label: string} que alimenta as opções do Combobox"
+          * Array no formato "{value: string, label: string}" que alimenta as opções do Combobox
          */
         "options": Array<Option>;
-        "searchmode": boolean;
+        "searchMode": boolean;
         /**
           * Ajusta a opção de mostrar o "value" para cada opção. Por padrão não mostra
          */
-        "showoptionvalue": boolean;
+        "showOptionValue": boolean;
         /**
           * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
          */
-        "showselectedvalue": boolean;
+        "showSelectedValue": boolean;
         /**
           * Valor selecionado no campo
          */
@@ -151,7 +151,7 @@ export namespace Components {
          */
         "errorMessage": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -172,6 +172,9 @@ export namespace Components {
           * Define o título do componente.
          */
         "ezTitle": string;
+        /**
+          * Lida com o clique nos botões de dentro do componente.
+         */
         "handleButtonClick": (selectedOption: boolean) => Promise<void>;
         /**
           * Menssagem exibida dentro do Dialog
@@ -182,9 +185,12 @@ export namespace Components {
          */
         "opened": boolean;
         /**
-          * Define o ícone a ser exibido ao lado do título do
+          * Define o ícone a ser exibido ao lado do título do componente
          */
         "personalizedIconPath": string;
+        /**
+          * Faz com que o componente seja exibido.
+         */
         "show": (title: string, message: string, critical: boolean, confirm: boolean, icon: string) => Promise<boolean>;
     }
     interface EzForm {
@@ -208,7 +214,7 @@ export namespace Components {
          */
         "href": string;
         /**
-          * Tamanho do icone
+          * Tamanho do ícone
          */
         "size": string;
     }
@@ -218,7 +224,7 @@ export namespace Components {
          */
         "enabled": boolean;
         /**
-          * Label é o título exibido no componente.
+          * Título exibido no componente.
          */
         "label": string;
         /**
@@ -240,25 +246,25 @@ export namespace Components {
     }
     interface EzModal {
         /**
-          * Define o alinhamento do modal, seus valores podem ser 'right' ou 'left'
+          * Define o alinhamento do modal. Seus valores podem ser "right" ou "left"
          */
         "align": string;
         /**
-          * Define se o modal será fechado ao digitar ESC
+          * Define se o modal será fechado ao clicar ESC
          */
-        "closeesc": boolean;
+        "closeEsc": boolean;
         /**
           * Define se o modal será fechado ao clicar fora do conteúdo.
          */
-        "closeoutsideclick": boolean;
+        "closeOutsideClick": boolean;
         /**
-          * Define o tamanho do modal devem ser utilizados os tamanhos definidos de colunas como "col-sd-3"
+          * Define o tamanho do modal. Devem ser utilizados os tamanhos definidos de colunas como "col-sd-3"
          */
-        "modalsize": string;
+        "modalSize": string;
         /**
           * Controle de exibição do Modal
          */
-        "oppened": boolean;
+        "opened": boolean;
     }
     interface EzNumberInput {
         /**
@@ -320,7 +326,7 @@ export namespace Components {
          */
         "errorMessage": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -340,7 +346,7 @@ export namespace Components {
         /**
           * No modo floating = false o popover só se tornará visível quando o método show() for acionado.
          */
-        "autoclose": boolean;
+        "autoClose": boolean;
         /**
           * Offset bottom do popover em relação ao componente pai
          */
@@ -348,19 +354,19 @@ export namespace Components {
         /**
           * Ajusta o comportamento da largura do popover. Opções: "100% e "fit-content" (default)
          */
-        "boxwidth": string;
+        "boxWidth": string;
         /**
           * Usado no modo floating. Faz com que o componente seja ocultado.
          */
         "hide": () => Promise<void>;
-        /**
-          * Externaliza estado atual do componente.
-         */
-        "isOpened": boolean;
         /**
           * Offset left do popover em relação ao componente pai
          */
         "left": string;
+        /**
+          * Externaliza estado atual do componente.
+         */
+        "opened": boolean;
         /**
           * Offset right do popover em relação ao componente pai
          */
@@ -380,7 +386,7 @@ export namespace Components {
     }
     interface EzPopup {
         /**
-          * Define se o título do componente.
+          * Título do componente.
          */
         "ezTitle": string;
         /**
@@ -392,7 +398,7 @@ export namespace Components {
          */
         "size": string;
         /**
-          * Define o componente utilizará um cabeçalho com botão de fechamento.
+          * Define se o componente utilizará um cabeçalho com botão de fechamento.
          */
         "useHeader": boolean;
     }
@@ -406,7 +412,7 @@ export namespace Components {
          */
         "errorMessage": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -427,8 +433,17 @@ export namespace Components {
         "value": Option|string;
     }
     interface EzTabselector {
-        "selectedindex": string;
-        "selectedtab": string;
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex": string;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab": string;
+        /**
+          * Define o nome das abas do componente, separadas por vírgulas ",".
+         */
         "tabs": string;
     }
     interface EzTextArea {
@@ -441,7 +456,7 @@ export namespace Components {
          */
         "errorMessage": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -449,7 +464,7 @@ export namespace Components {
          */
         "loading": boolean;
         /**
-          * Ajusta o numero de linhas e consequentemente o height do textarea. Valor default: 4
+          * Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
          */
         "rows": number;
         /**
@@ -475,7 +490,7 @@ export namespace Components {
          */
         "errorMessage": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -483,7 +498,7 @@ export namespace Components {
          */
         "loading": boolean;
         /**
-          * Aplica uma máscara no conteúdo conforme um o padrão estabelecido
+          * Aplica uma máscara no conteúdo conforme o padrão estabelecido
          */
         "mask": string;
         /**
@@ -513,7 +528,7 @@ export namespace Components {
          */
         "errorMessage": string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -559,7 +574,7 @@ export namespace Components {
          */
         "enabled": boolean;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label": string;
         /**
@@ -575,7 +590,7 @@ export namespace Components {
          */
         "requestheaders": any;
         /**
-          * Define a URL do deleção
+          * Define a URL de deleção
          */
         "urldelete": string;
         /**
@@ -583,7 +598,7 @@ export namespace Components {
          */
         "urlupload": string;
         /**
-          * Lista de arquivos que sera tráfegada entre cliente e servidor
+          * Lista de arquivos que será trafegada entre cliente e servidor
          */
         "value": Array<EzFile>;
     }
@@ -784,7 +799,7 @@ declare namespace LocalJSX {
          */
         "enabled"?: boolean;
         /**
-          * Label é o título exibido no componente.
+          * Título do campo.
          */
         "label"?: string;
         /**
@@ -798,7 +813,7 @@ declare namespace LocalJSX {
          */
         "enabled"?: boolean;
         /**
-          * Define o icone svg que será utilizado no botão, está propriedade só é utilizada caso o componente esteja no modo 'icon'
+          * Define o icone svg que será utilizado no botão. Esta propriedade só é utilizada caso o componente esteja no modo 'icon'
          */
         "image"?: string;
         /**
@@ -826,15 +841,15 @@ declare namespace LocalJSX {
     }
     interface EzCheck {
         /**
-          * Deixa o campo disponível ou não interagir com o usuário.
+          * Deixa o campo disponível ou não para interação com o usuário.
          */
         "enabled"?: boolean;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
-          * Existem dois modos de visualização: regular e switch. Se esta propriedade for omitida, o componete assume o formato "regular"; No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada. No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
+          * Existem dois modos de visualização: regular e switch. Se esta propriedade for omitida, o componete assume o formato "regular". No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada. No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
          */
         "mode"?: string;
         /**
@@ -856,7 +871,7 @@ declare namespace LocalJSX {
          */
         "iconplacement"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -878,7 +893,7 @@ declare namespace LocalJSX {
          */
         "errorMessage"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -888,20 +903,20 @@ declare namespace LocalJSX {
         /**
           * Função responsável por carregar as opções dinamicamente
          */
-        "optionloader"?: Function;
+        "optionLoader"?: Function;
         /**
-          * Array no formato "{value: string, label: string} que alimenta as opções do Combobox"
+          * Array no formato "{value: string, label: string}" que alimenta as opções do Combobox
          */
         "options"?: Array<Option>;
-        "searchmode"?: boolean;
+        "searchMode"?: boolean;
         /**
           * Ajusta a opção de mostrar o "value" para cada opção. Por padrão não mostra
          */
-        "showoptionvalue"?: boolean;
+        "showOptionValue"?: boolean;
         /**
           * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
          */
-        "showselectedvalue"?: boolean;
+        "showSelectedValue"?: boolean;
         /**
           * Valor selecionado no campo
          */
@@ -917,7 +932,7 @@ declare namespace LocalJSX {
          */
         "errorMessage"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -959,7 +974,7 @@ declare namespace LocalJSX {
          */
         "opened"?: boolean;
         /**
-          * Define o ícone a ser exibido ao lado do título do
+          * Define o ícone a ser exibido ao lado do título do componente
          */
         "personalizedIconPath"?: string;
     }
@@ -981,7 +996,7 @@ declare namespace LocalJSX {
          */
         "href"?: string;
         /**
-          * Tamanho do icone
+          * Tamanho do ícone
          */
         "size"?: string;
     }
@@ -991,7 +1006,7 @@ declare namespace LocalJSX {
          */
         "enabled"?: boolean;
         /**
-          * Label é o título exibido no componente.
+          * Título exibido no componente.
          */
         "label"?: string;
         /**
@@ -1013,21 +1028,21 @@ declare namespace LocalJSX {
     }
     interface EzModal {
         /**
-          * Define o alinhamento do modal, seus valores podem ser 'right' ou 'left'
+          * Define o alinhamento do modal. Seus valores podem ser "right" ou "left"
          */
         "align"?: string;
         /**
-          * Define se o modal será fechado ao digitar ESC
+          * Define se o modal será fechado ao clicar ESC
          */
-        "closeesc"?: boolean;
+        "closeEsc"?: boolean;
         /**
           * Define se o modal será fechado ao clicar fora do conteúdo.
          */
-        "closeoutsideclick"?: boolean;
+        "closeOutsideClick"?: boolean;
         /**
-          * Define o tamanho do modal devem ser utilizados os tamanhos definidos de colunas como "col-sd-3"
+          * Define o tamanho do modal. Devem ser utilizados os tamanhos definidos de colunas como "col-sd-3"
          */
-        "modalsize"?: string;
+        "modalSize"?: string;
         /**
           * Um evento disparado quando o modal é fechado (onEzCloseModal).
          */
@@ -1035,7 +1050,7 @@ declare namespace LocalJSX {
         /**
           * Controle de exibição do Modal
          */
-        "oppened"?: boolean;
+        "opened"?: boolean;
     }
     interface EzNumberInput {
         /**
@@ -1089,11 +1104,11 @@ declare namespace LocalJSX {
          */
         "errorMessage"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
-          * Um evento disparado quando o estado do componente é alterado (onEzChange).
+          * Evento disparado quando o estado do componente é alterado (onEzChange).
          */
         "onEzChange"?: (event: CustomEvent<string>) => void;
         /**
@@ -1113,7 +1128,7 @@ declare namespace LocalJSX {
         /**
           * No modo floating = false o popover só se tornará visível quando o método show() for acionado.
          */
-        "autoclose"?: boolean;
+        "autoClose"?: boolean;
         /**
           * Offset bottom do popover em relação ao componente pai
          */
@@ -1121,11 +1136,7 @@ declare namespace LocalJSX {
         /**
           * Ajusta o comportamento da largura do popover. Opções: "100% e "fit-content" (default)
          */
-        "boxwidth"?: string;
-        /**
-          * Externaliza estado atual do componente.
-         */
-        "isOpened"?: boolean;
+        "boxWidth"?: string;
         /**
           * Offset left do popover em relação ao componente pai
          */
@@ -1134,6 +1145,10 @@ declare namespace LocalJSX {
           * Evento disparado ao exibir/ocultar o componente.
          */
         "onEzVisibilityChange"?: (event: CustomEvent<boolean>) => void;
+        /**
+          * Externaliza estado atual do componente.
+         */
+        "opened"?: boolean;
         /**
           * Offset right do popover em relação ao componente pai
          */
@@ -1145,7 +1160,7 @@ declare namespace LocalJSX {
     }
     interface EzPopup {
         /**
-          * Define se o título do componente.
+          * Título do componente.
          */
         "ezTitle"?: string;
         /**
@@ -1161,7 +1176,7 @@ declare namespace LocalJSX {
          */
         "size"?: string;
         /**
-          * Define o componente utilizará um cabeçalho com botão de fechamento.
+          * Define se o componente utilizará um cabeçalho com botão de fechamento.
          */
         "useHeader"?: boolean;
     }
@@ -1175,7 +1190,7 @@ declare namespace LocalJSX {
          */
         "errorMessage"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -1183,7 +1198,7 @@ declare namespace LocalJSX {
          */
         "onEzChange"?: (event: CustomEvent<Option>) => void;
         /**
-          * Este é o evento emitido ao clicar para abrir o popup
+          * Evento emitido ao clicar para abrir o popup
          */
         "onShowPopup"?: (event: CustomEvent<any>) => void;
         /**
@@ -1205,11 +1220,20 @@ declare namespace LocalJSX {
     }
     interface EzTabselector {
         /**
-          * Este é o evento emitido ao clicar para abrir o popup (onChange).
+          * Evento emitido ao clicar para abrir o popup (onChange).
+         */
+        "onEzChange"?: (event: CustomEvent<string>) => void;
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex"?: string;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab"?: string;
+        /**
+          * Define o nome das abas do componente, separadas por vírgulas ",".
          */
-        "onChange"?: (event: CustomEvent<string>) => void;
-        "selectedindex"?: string;
-        "selectedtab"?: string;
         "tabs"?: string;
     }
     interface EzTextArea {
@@ -1222,7 +1246,7 @@ declare namespace LocalJSX {
          */
         "errorMessage"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -1230,11 +1254,11 @@ declare namespace LocalJSX {
          */
         "loading"?: boolean;
         /**
-          * Um evento disparado quando o estado do componente é alterado (onEzChange).
+          * Evento disparado quando o estado do componente é alterado (onEzChange).
          */
         "onEzChange"?: (event: CustomEvent<string>) => void;
         /**
-          * Ajusta o numero de linhas e consequentemente o height do textarea. Valor default: 4
+          * Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
          */
         "rows"?: number;
         /**
@@ -1252,7 +1276,7 @@ declare namespace LocalJSX {
          */
         "errorMessage"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -1260,11 +1284,11 @@ declare namespace LocalJSX {
          */
         "loading"?: boolean;
         /**
-          * Aplica uma máscara no conteúdo conforme um o padrão estabelecido
+          * Aplica uma máscara no conteúdo conforme o padrão estabelecido
          */
         "mask"?: string;
         /**
-          * Um evento disparado quando o estado do componente é alterado (onEzChange).
+          * Evento disparado quando o estado do componente é alterado (onEzChange).
          */
         "onEzChange"?: (event: CustomEvent<string>) => void;
         /**
@@ -1286,7 +1310,7 @@ declare namespace LocalJSX {
          */
         "errorMessage"?: string;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -1322,7 +1346,7 @@ declare namespace LocalJSX {
          */
         "enabled"?: boolean;
         /**
-          * Label é o título do campo
+          * Título do campo
          */
         "label"?: string;
         /**
@@ -1342,7 +1366,7 @@ declare namespace LocalJSX {
          */
         "requestheaders"?: any;
         /**
-          * Define a URL do deleção
+          * Define a URL de deleção
          */
         "urldelete"?: string;
         /**
@@ -1350,7 +1374,7 @@ declare namespace LocalJSX {
          */
         "urlupload"?: string;
         /**
-          * Lista de arquivos que sera tráfegada entre cliente e servidor
+          * Lista de arquivos que será trafegada entre cliente e servidor
          */
         "value"?: Array<EzFile>;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "1.1.68",
+  "version": "1.1.71",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/ezui/p-7c7dbfcb.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as i,H as l}from"./p-762ac7a0.js";let d=class{constructor(i){t(this,i),this.ezClosePopup=o(this,"ezClosePopup",7),this.sizeClasses={"x-small":"col--sd-3",small:"col--sd-5",medium:"col--sd-6",large:"col--sd-9","x-large":"col--sd-11"},this.size="medium",this.opened=!1,this.useHeader=!1}getGridSize(){return this.sizeClasses[this.size]||this.sizeClasses.medium}render(){return this.opened?i(l,null,i("div",{class:"overlay"},i("div",{class:"popup col "+this.getGridSize()},i("div",{class:"popup__container"},i("div",{class:"popup__content"},i("div",{class:"popup__header"},this.ezTitle?i("div",{class:"popup__title"},this.ezTitle):void 0,i("button",{class:this.ezTitle?"btn-close":"btn-close btn-close--solo",onClick:()=>{this.opened=!1,this.ezClosePopup.emit()}})),i("div",{class:"popup__expandable-content"},i("slot",null))))))):null}};d.style=':host{display:flex;--popup-z-index:var(--most-visible, 3);--popup__container--color:var(--title--primary, #2b3a54);--popup__container--padding:var(--space--large, 24px);--popup__header--padding-bottom:var(--space--medium, 12px);--popup__title--font-family:var(--font-pattern, "\'Sora\', \'Algerian\'");--popup__title--font-size:var(--title--extra-large, 24px);--popup__title--color:var(--title--primary, #2b3a54);--popup__title--font-weight:var(--text-weight--large, 600);--popup__btn__close--background-color:var(--title--primary, #2b3a54);--popup__btn__close--image:url(\'data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 8.2421753,6.9944578 13.743748,1.4930784 C 13.907781,1.3290628 14,1.1065946 14,0.87462511 14,0.64266712 13.907782,0.42019873 13.743748,0.25617155 13.579712,0.09215597 13.35727,6.48e-8 13.125266,6.48e-8 12.89338,6.48e-8 12.670821,0.09215634 12.506787,0.25617155 L 7.005215,5.7575508 1.5035972,0.25617155 C 1.3395631,0.09215597 1.1170968,6.48e-8 0.88511716,6.48e-8 0.65314917,6.48e-8 0.4306712,0.09215597 0.26663695,0.25617155 0.10260271,0.42019873 0.01045441,0.64266712 0.01045441,0.87462511 c 0,0.23196949 0.0921483,0.45443769 0.25618254,0.61845329 L 5.7682546,6.9944578 0.26663695,12.497027 c -0.0834745,0.08067 -0.15003245,0.1772 -0.19581514,0.283871 C 0.02505077,12.887561 9.831648e-4,13.002399 2.950369e-5,13.118395 -9.2415746e-4,13.234504 0.02125019,13.349689 0.06527245,13.457057 c 0.04401053,0.107479 0.10898307,0.205064 0.1911168,0.287137 0.0821454,0.08208 0.17979645,0.146888 0.28727561,0.190839 0.10747906,0.04395 0.22262954,0.06598 0.33872417,0.06493 0.116095,-10e-4 0.23082547,-0.0253 0.33747687,-0.07112 0.1066637,-0.04593 0.2031133,-0.112615 0.2837313,-0.196086 L 7.005215,8.2313646 12.506787,13.732768 c 0.164034,0.164027 0.386593,0.256125 0.618479,0.256125 0.232004,0 0.454446,-0.09209 0.618482,-0.256125 C 13.907781,13.568741 14,13.346308 14,13.114315 14,12.882323 13.90779,12.659888 13.743748,12.495861 Z"/></svg>\')}.overlay{position:fixed;display:flex;top:0px;z-index:var(--popup-z-index);left:0px;width:100%;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.popup{display:flex;height:100%;align-items:center;justify-content:center;box-sizing:border-box}.popup__container{width:100%;max-height:90%;display:flex;flex-wrap:wrap;overflow:hidden;background:#FFFF;color:var(--popup__container--color);border-radius:12px;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);box-sizing:border-box;padding:var(--popup__container--padding)}.popup__content{box-sizing:border-box;max-height:100%;width:100%;display:flex;flex-wrap:wrap}.popup__expandable-content{box-sizing:border-box;overflow-y:auto;width:100%;display:flex;flex-wrap:wrap;max-height:80vh;content-visibility:auto}.popup__header{padding-bottom:var(--popup__header--padding-bottom);width:100%;display:flex}.popup__title{display:flex;margin:0;width:100%;font-family:var(--popup__title--font-family);font-size:var(--popup__title--font-size);font-weight:var(--popup__title--font-weight);color:var(--popup__title--color);line-height:1.3}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--popup__btn__close--background-color);width:14px;height:14px;-webkit-mask-image:var(--popup__btn__close--image);mask-image:var(--popup__btn__close--image)}.btn-close--solo{width:100%}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{d as ez_popup}