@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

package/README.md

@@ -0,0 +1,78 @@
+# Bibliteca de componentes EzUI
+
+[![Build status](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/badges/master/pipeline.svg)](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/commits/master)
+
+Esse projeto é constituído por um monorepo com a seguinte hierarquia:
+
+```
+--ez-ui
+    -- package.json
+    -- .storybook
+    -- .storybook-dev
+    -- src/components
+        -- component1
+        -- component2
+    -- .gitlab-ci.yml
+```
+
+Observe que na raiz do ez-ui temos um packege.json que define as configurações de storybook para todos os componentes filhos dentro da hierarquia. 
+Cada subpasta (component1, component2) são componentes [Stencil](https://stenciljs.com/).
+
+#### O EzUI foi baseado no [UiKit](https://xd.adobe.com/view/d45d91bf-f5a8-4814-899f-e781732807d1-810e/grid) disponibilizado pela equipe de UX da Sankhya.
+
+## Executando o projeto
+Para iniciar o projeto, basta ir até a pasta do componente que deseja testar (ex: ez-ui/component1) e executar o comando: `npm install && npm run dev`  
+Este procedimento irá iniciar um servidor do storybook para testar o componente. A porta que o servidor estará sendo executado é apresentada no console ao final do comando.
+
+## Padrão de commit e merge request:
+Hoje estamos utilizando o padrão de semantic release baseado no [angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular).
+* A sintaxe pode ser observada logo abaixo:
+```
+<type>(<scope>): <short summary>
+  │       │             │
+  │       │             └─⫸ Summary in present tense. Not capitalized. No period at the end.
+  │       │
+  │       └─⫸ Commit Scope: animations|bazel|benchpress|common|compiler|compiler-cli|core|
+  │                          elements|forms|http|language-service|localize|platform-browser|
+  │                          platform-browser-dynamic|platform-server|router|service-worker|
+  │                          upgrade|zone.js|packaging|changelog|dev-infra|docs-infra|migrations|
+  │                          ngcc|ve
+  │
+  └─⫸ Commit Type: build|ci|docs|feat|fix|perf|refactor|test
+```
+
+ - Na solicitação de merge request deve ter um titulo com o seguinte padrão: SKA-111 - Titulo  sugestivo da minha modificação, onde, SKA-111 é id do card do jira.
+
+## Fontes notáveis
+
+- **ez-ui/.storybook/***: Nessa pasta temos arquivos de configuração do storybook. Essa pasta é utilizada em ambiente de produção.
+    * **ez-ui/.storybook/preview-head.html**: Esse arquivo é responsável por fazer o import de módulos dos webcomponents e dos styles globais da aplicação. Esse arquivo é utilizado em ambiente de produção.
+- **ez-ui/.storybook-dev/***: Nessa pasta temos arquivos de configuração do storybook. Porém essa pasta é utilizada apenas em ambiente de desenvolvimento.
+    * **ez-ui/.storybook-dev/preview-head.html**: Esse arquivo é responsável por fazer o import de módulos dos webcomponents e dos styles globais da aplicação apenas em ambiente de desenvolvimento. **É aqui que devemos incluir os scripts de novos componentes para serem apresentados no storybook.**
+- **ez-ui/.diststorybook**: Esse diretório é gerado automáticamente pelo `Gulp` no momento que executamos o comando `npm run dev` na pasta de um componente. É nesse diretório que temos os arquivos estáticos utilizados pelo storybook. O `ez-ui/.storybook-dev/preview-head.html` mapeia os módulos de componentes a partir desse diretório. Nele também pode ser encontrado arquivos `.CSS` (temas) globais da aplicação.
+- **ez-ui/.gitlab-ci.yml**: Esse é o arquivo responsável pelo pipeline do projeto, nele você vai encontrar:
+    *  Definição de stages: Por conta da dependência entre projetos, é importante a ordem com que a publicação dos componentes é feita no NPM, para isso definimos stages para cada componente, eles são utilizados nos jobs de deploy para que seja respeitada a ordem de publicação.
+    *  Implementação dos jobs: build, test, deploy e storybook.
+
+## Comandos NPM
+- `npm run dev`: Esse comando foi criado com o intuito de facilitar a criação de novos componentes, em paralelo é executado três comandos: `storybook`, `build.watch` e `gulp`. Eles tem como objetivo principal subir um servidor do storybook e monitorar alterações nos componentes. Quando as alterações acontecerem, automaticamente o página do storybook é atualizada.
+- `npm run storybook`: Esse comando inicia um servidor do storybook com os seguintes parâmetros:
+    - `.storybook-dev`: pasta onde estão as configurações do storybook.
+    - `.diststorybook`: pasta onde estão os arquivos estáticos utilizados pelo storybook.
+- `npm run build.watch`: Esse comando tem o papel de iniciar o build dos componentes e monitorar alterações nos mesmo, caso ocorra alguma, o build dos componentes é executado e os arquivos são colocados na pasta /dist.
+- `npm run gulp`: Utilizamos o gulp para automatizar as tarefas de desenvolvimento no projeto, essa task tem como principal tarefa, monitorar alterações na pasta /dist e realizar a cópia dos arquivos para a pasta /.diststorybook. No Gulp file temos as seguintes tasks:
+    *  `watch`: Monitora alterações no diretório /dist fazendo a cópia dos mesmos para a pasta .diststorybook/
+    *  `watch-global-css`: Monitora depedência @sankhyalabs/ez-design e realiza a cópia dos arquivos pra a pasta .diststorybook/themes/
+    *  `css-docs`: Monitora arquivos de CSS e SASS do projeto e, quando houver alterações, é gerada a documentação referente a temas.
+- `npm run link`: Esse comando deve ser utilizado em ambiente de desenvolvimento, ele facilita o build e o link entre os projetos ezui e react-output, executando em um só comando:
+o build do ezui, link do react-output e ezui, build do react-output e a disponibilização da dist do react-output no diretório correto do ezui.
+- `npm run build`
+
+## Para conhecer detalhes do projeto acesse:
+- [Olá EZUi](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Ol%C3%A1-EzUI)
+- [Diretrizes de codificação](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Diretrizes-de-codifica%C3%A7%C3%A3o)
+- [Diretrizes de componentização](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Diretrizes-de-componentiza%C3%A7%C3%A3o)
+- [Diretrizes de documentação](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Diretrizes-de-documenta%C3%A7%C3%A3o)
+- [Link ente projetos](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Link-ente-projetos)
+- [Definindo bons data-element-id de testabilidade no design system](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Definindo-bons-data-element-id-de-testabilidade-no-design-system)
+- [Criando exemplos de componentes](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Criando-exemplos-de-componentes)

package/dist/assets/actions-sprite.svg

@@ -0,0 +1,257 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480">
+  <defs>
+    <symbol id="chevron-right" viewBox="0 0 24 24">
+      <path d="M5.8,19.6l7.6-7.6L5.8,4.3L8.2,2l10,10l-10,10L5.8,19.6z"/>
+    </symbol>
+    <symbol id="chevron-left" viewBox="0 0 24 24">
+      <path d="M18.2,19.6L10.5,12l7.6-7.6L15.8,2l-10,10l10,10L18.2,19.6z"/>
+    </symbol>
+    <symbol id="chevron-down" viewBox="0 0 24 24">
+      <path d="M4.4,5.9l7.6,7.6l7.6-7.6l2.3,2.4L12,18.1L2.1,8.2L4.4,5.9z"/>
+    </symbol>
+    <symbol id="chevron-up" viewBox="0 0 24 24">
+      <path d="M4.4,18.1l7.6-7.6l7.6,7.6l2.3-2.3l-10-10l-10,10L4.4,18.1z"/>
+    </symbol>
+    <symbol id="close" viewBox="0 0 24 24">
+      <path d="M21,4.8L19.2,3L12,10.2L4.8,3L3,4.8l7.2,7.2L3,19.2L4.8,21l7.2-7.2l7.2,7.2l1.8-1.8L13.8,12L21,4.8z"/>
+    </symbol>
+    <symbol id="search" viewBox="0 0 24 24">
+      <path d="M9.4,2.3c4.1,0,7.4,3.2,7.4,7.2c0,1.8-0.7,3.4-1.8,4.7l0.3,0.3h0.9l5.7,5.6l-1.7,1.7l-5.7-5.6v-0.9L14.3,15  c-1.3,1.1-3,1.7-4.8,1.7C5.3,16.7,2,13.5,2,9.5S5.3,2.3,9.4,2.3 M9.4,4.5c-2.9,0-5.1,2.2-5.1,5s2.3,5,5.1,5s5.1-2.2,5.1-5  S12.3,4.5,9.4,4.5z"/>
+    </symbol>
+    <symbol id="help" viewBox="0 0 24 24">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path>
+    </symbol>
+    <symbol id="help-inverted" viewBox="0 0 24 24">
+      <path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z"/>
+    </symbol>
+    <symbol id="check-circle" viewBox="0 0 24 24">
+      <path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z"/>
+    </symbol>
+    <symbol id="check-circle-inverted" viewBox="0 0 24 24">
+      <path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z"/>
+    </symbol>
+    <symbol id="edit" viewBox="0 0 24 24">
+      <path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"/>
+    </symbol>
+    <symbol id="shield" viewBox="0 0 24 24">
+      <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"></path>
+    </symbol>
+    <symbol id="user-circle" viewBox="0 0 24 24">
+      <path d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z"/>
+    </symbol>
+    <symbol id="account" viewBox="0 0 24 24">
+      <path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"></path>
+    </symbol>
+    <symbol id="lock" viewBox="0 0 24 24">
+      <path d="M12,16.7c0.9,0,1.7-0.8,1.7-1.7c0-1-0.8-1.7-1.7-1.7c-0.9,0-1.7,0.8-1.7,1.7C10.3,15.9,11.1,16.7,12,16.7 M17.1,9  c0.9,0,1.7,0.8,1.7,1.7v8.6c0,0.9-0.8,1.7-1.7,1.7H6.9c-0.9,0-1.7-0.8-1.7-1.7v-8.6c0-1,0.8-1.7,1.7-1.7h0.9V7.3C7.7,4.9,9.6,3,12,3  s4.3,1.9,4.3,4.3V9H17.1 M12,4.7c-1.4,0-2.6,1.2-2.6,2.6V9h5.1V7.3C14.6,5.9,13.4,4.7,12,4.7z"/>
+    </symbol>
+    <symbol id="loading" viewBox="0 0 24 24" stroke="currentColor">
+      <g id="grupo" fill="none">
+        <path stroke-opacity="0.50" stroke-width="4.0" stroke-miterlimit="22.9256" d="M20.19 12c0,-4.52 -3.67,-8.19 -8.19,-8.19 -4.52,0 -8.19,3.67 -8.19,8.19 0,4.52 3.67,8.19 8.19,8.19 4.52,0 8.19,-3.67 8.19,-8.19z"/>
+        <path stroke-width="5.0" stroke-miterlimit="22.9256" d="M20.19 12c0,-4.52 -3.67,-8.19 -8.19,-8.19">
+          <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.6s" repeatCount="indefinite"/>
+        </path>
+      </g>
+    </symbol>
+    <symbol id="email" viewBox="0 0 24 24">
+      <path d="M4,3.9h16c1.1,0,2,0.9,2,2v12.2c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V5.9C2,4.8,2.9,3.9,4,3.9 M12,11l8-5.1H4L12,11 M4,18.1  h16V8.3l-8,5.1L4,8.3V18.1z"/>
+    </symbol>
+    <symbol id="success-circle" viewBox="0 0 24 24">
+      <path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z"/>
+    </symbol>
+    <symbol id="warning-triangle" viewBox="0 0 24 24">
+      <path d="M12.9,14.3h-1.8v-3.6h1.8 M12.9,17.9h-1.8v-1.8h1.8 M2.1,20.6h19.8L12,3.4L2.1,20.6z"/>
+    </symbol>
+    <symbol id="error-octagon" viewBox="0 0 24 24">
+      <path d="M7.9,2.2L2.2,7.9v8.2l5.8,5.8h8.2l5.8-5.8V7.9l-5.8-5.8 M8.1,6.5l3.9,3.9l3.9-3.9l1.5,1.5L13.5,12l3.9,3.9l-1.5,1.5L12,13.5  l-3.9,3.9l-1.5-1.5l3.9-3.9L6.5,8.1"/>
+    </symbol>
+    <symbol id="warning-minus" viewBox="0 0 24 24">
+      <path d="M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/>
+    </symbol>
+    <symbol id="settings" viewBox="0 0 24 24">
+      <path d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"/>
+    </symbol>
+    <symbol id="settings-inverted" viewBox="0 0 24 24">
+      <path d="M19.43,12.97L21.54,14.63C21.73,14.78 21.78,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.03 19.05,18.95L16.56,17.94C16.04,18.34 15.5,18.67 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.78,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,12.97M6.5,12C6.5,12.58 6.59,13.13 6.75,13.66L4.68,15.36L5.43,16.66L7.95,15.72C8.69,16.53 9.68,17.12 10.8,17.37L11.24,20H12.74L13.18,17.37C14.3,17.13 15.3,16.54 16.05,15.73L18.56,16.67L19.31,15.37L17.24,13.67C17.41,13.14 17.5,12.58 17.5,12C17.5,11.43 17.41,10.87 17.25,10.35L19.31,8.66L18.56,7.36L16.06,8.29C15.31,7.47 14.31,6.88 13.19,6.63L12.75,4H11.25L10.81,6.63C9.69,6.88 8.69,7.47 7.94,8.29L5.44,7.35L4.69,8.65L6.75,10.35C6.59,10.87 6.5,11.43 6.5,12M12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5Z"/>
+    </symbol>
+    <symbol id="alert-circle" viewBox="0 0 24 24">
+      <path d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/>
+    </symbol>
+    <symbol id="alert-circle-inverted" viewBox="0 0 24 24">
+      <path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"/>
+    </symbol>
+    <symbol id="power" viewBox="0 0 24 24">
+      <path d="M13.1,2.1h-2.2v11h2.2V2.1 M18.5,4.5l-1.6,1.6c1.8,1.5,2.9,3.7,2.9,6c0,4.3-3.5,7.7-7.7,7.7c-4.3,0-7.7-3.4-7.7-7.7  c0-2.3,1-4.5,2.9-6L5.6,4.5c-4.2,3.6-4.7,9.8-1.1,14c3.6,4.2,9.8,4.7,14,1.1C20.7,17.7,22,15,22,12C22,9.1,20.7,6.4,18.5,4.5z"/>
+    </symbol>
+    <symbol id="comment" viewBox="0 0 24 24">
+      <path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M13,10V6H11V10H13M13,14V12H11V14H13Z"/>
+    </symbol>
+    <symbol id="comment-inverted" viewBox="0 0 24 24">
+      <path d="M9,22c-0.6,0-1-0.4-1-1v-3H4c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2h16c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2h-6.1l-3.7,3.7  C10,21.9,9.8,22,9.5,22l0,0H9 M10,16v3.1l3.1-3.1H20V4H4v12H10 M13,10h-2V6h2V10 M13,14h-2v-2h2V14z"/>
+    </symbol>
+    <symbol id="bell" viewBox="0 0 24 24">
+      <path d="M11.8,22c1.1,0,2-0.9,2-2H9.8C9.8,21.1,10.7,22,11.8,22 M18,15.9v-5.1c0-3.1-1.7-5.8-4.6-6.5V3.6c0-0.8-0.7-1.5-1.5-1.5  c-0.8,0-1.5,0.7-1.5,1.5v0.7C7.4,5,5.7,7.6,5.7,10.8v5.1l-2,2v1H20v-1L18,15.9z"/>
+    </symbol>
+    <symbol id="bell-inverted" viewBox="0 0 24 24">
+      <path d="M16,17H7v-6.5C7,8,9,6,11.5,6S16,8,16,10.5 M18,16v-5.5c0-3.1-2.1-5.6-5-6.3V3.5C13,2.7,12.3,2,11.5,2S10,2.7,10,3.5v0.7  c-2.9,0.7-5,3.3-5,6.3V16l-2,2v1h17v-1 M11.5,22c1.1,0,2-0.9,2-2h-4C9.5,21.1,10.4,22,11.5,22z"/>
+    </symbol>
+    <symbol id="close-circle" viewBox="0 0 24 24">
+      <path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/>
+    </symbol>
+    <symbol id="close-circle-inverted" viewBox="0 0 24 24">
+      <path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z"/>
+    </symbol>
+    <symbol id="plus-circle" viewBox="0 0 24 24">
+      <path d="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/>
+    </symbol>
+    <symbol id="plus-circle-inverted" viewBox="0 0 24 24">
+      <path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z"/>
+    </symbol>
+    <symbol id="minus-circle-inverted" viewBox="0 0 24 24">
+      <path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7"/>
+    </symbol>
+    <symbol id="crop" viewBox="0 0 24 24">
+      <path d="M7,17V1H5V5H1V7H5V17A2,2 0 0,0 7,19H17V23H19V19H23V17M17,15H19V7C19,5.89 18.1,5 17,5H9V7H17V15Z"/>
+    </symbol>
+    <symbol id="expand" viewBox="0 0 24 24">
+      <path d="M9.5,13.09L10.91,14.5L6.41,19H10V21H3V14H5V17.59L9.5,13.09M10.91,9.5L9.5,10.91L5,6.41V10H3V3H10V5H6.41L10.91,9.5M14.5,13.09L19,17.59V14H21V21H14V19H17.59L13.09,14.5L14.5,13.09M13.09,9.5L17.59,5H14V3H21V10H19V6.41L14.5,10.91L13.09,9.5Z"/>
+    </symbol>
+    <symbol id="rotate" viewBox="0 0 24 24">
+      <path d="M12,5C16.97,5 21,7.69 21,11C21,12.68 19.96,14.2 18.29,15.29C19.36,14.42 20,13.32 20,12.13C20,9.29 16.42,7 12,7V10L8,6L12,2V5M12,19C7.03,19 3,16.31 3,13C3,11.32 4.04,9.8 5.71,8.71C4.64,9.58 4,10.68 4,11.88C4,14.71 7.58,17 12,17V14L16,18L12,22V19Z"/>
+    </symbol>
+    <symbol id="launch" viewBox="0 0 24 24">
+      <path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z"/>
+    </symbol>
+    <symbol id="plus" viewBox="0 0 24 24">
+      <path d="M22.27 13.47l-8.8 0 0 8.8 -2.94 0 0 -8.8 -8.8 0 0 -2.94 8.8 0 0 -8.8 2.94 0 0 8.8 8.8 0 0 2.94z"/>
+    </symbol>
+    <symbol id="minus" viewBox="0 0 24 24">
+      <path d="M22.02 13.43l-20.04 0 0 -2.86 20.04 0 0 2.86z"/>
+    </symbol>
+    <symbol id="calendar" viewBox="0 0 24 24">
+      <path d="M9,10V12H7V10H9M13,10V12H11V10H13M17,10V12H15V10H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H6V1H8V3H16V1H18V3H19M19,19V8H5V19H19M9,14V16H7V14H9M13,14V16H11V14H13M17,14V16H15V14H17Z" />
+    </symbol>
+    <symbol id="home" viewBox="0 0 24 24">
+      <path d="M9,19V13H11L13,13H15V19H18V10.91L12,4.91L6,10.91V19H9M12,2.09L21.91,12H20V21H13V15H11V21H4V12H2.09L12,2.09Z" />
+    </symbol>
+    <symbol id="clipboard" viewBox="0 0 24 24">
+      <path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7Z" />
+    </symbol>
+    <symbol id="email-inverted" viewBox="0 0 24 24">
+      <path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" />
+    </symbol>
+    <symbol id="share" viewBox="0 0 24 24">
+      <path d="M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z" />
+    </symbol>
+    <symbol id="favorite" viewBox="0 0 24 24">
+      <path d="M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z" />
+    </symbol>
+    <symbol id="circle" viewBox="0 0 24 24">
+      <path d="M12 2.24c-5.39,0 -9.76,4.37 -9.76,9.76 0,5.39 4.37,9.76 9.76,9.76 5.39,0 9.76,-4.37 9.76,-9.76 0,-5.39 -4.37,-9.76 -9.76,-9.76z"/>
+    </symbol>
+    <symbol id="menu" viewBox="0 0 24 24">
+      <path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
+    </symbol>
+    <symbol id="circle--medium" viewBox="0 0 24 24">
+      <path d="M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z" />
+    </symbol>
+    <symbol id="filter" viewBox="0 0 24 24">
+      <path d="M6,13H18V11H6M3,6V8H21V6M10,18H14V16H10V18Z" />
+    </symbol>
+    <symbol id="timer-outline" viewBox="0 0 24 24">
+      <path d="M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M19.03,7.39L20.45,5.97C20,5.46 19.55,5 19.04,4.56L17.62,6C16.07,4.74 14.12,4 12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22C17,22 21,17.97 21,13C21,10.88 20.26,8.93 19.03,7.39M11,14H13V8H11M15,1H9V3H15V1Z" />
+    </symbol>
+    <symbol id="alert-outline" viewBox="0 0 24 24">
+      <path d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16" />
+    </symbol>
+    <symbol id="calendar-text" viewBox="0 0 24 24">
+      <path d="M14,14H7V16H14M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M17,10H7V12H17V10Z" />
+    </symbol>
+    <symbol id="table" viewBox="0 0 24 24">
+      <path d="M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z" />
+    </symbol>
+    <symbol id="apps" viewBox="0 0 24 24">
+      <path d="M16,20H20V16H16M16,14H20V10H16M10,8H14V4H10M16,8H20V4H16M10,14H14V10H10M4,14H8V10H4M4,20H8V16H4M10,20H14V16H10M4,8H8V4H4V8Z" />
+    </symbol>
+    <symbol id="play" viewBox="0 0 24 24">
+      <path d="M8,5.14V19.14L19,12.14L8,5.14Z" />
+    </symbol>
+    <symbol id="pause" viewBox="0 0 24 24">
+      <path d="M14,19H18V5H14M6,19H10V5H6V19Z" />
+    </symbol>
+    <symbol id="dots-vertical" viewBox="0 0 24 24">
+      <path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" />
+    </symbol>
+    <symbol id="restore" viewBox="0 0 24 24">
+      <path d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z" />
+    </symbol>
+    <symbol id="help-circle-outline" viewBox="0 0 24 24">
+      <path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z" />
+    </symbol>
+  </defs>
+  <g>
+    <use xlink:href="#chevron-right" width="27" height="27" x="5" y="5"/>
+    <use xlink:href="#chevron-left" width="27" height="27" x="35" y="5"/>
+    <use xlink:href="#chevron-down" width="27" height="27" x="65" y="5"/>
+    <use xlink:href="#chevron-up" width="27" height="27" x="95" y="5"/>
+    <use xlink:href="#close" width="27" height="27" x="125" y="5"/>
+    <use xlink:href="#search" width="27" height="27" x="155" y="5"/>
+    <use xlink:href="#help" width="27" height="27" x="185" y="5"/>
+    <use xlink:href="#help-inverted" width="27" height="27" x="215" y="5"/>
+    <use xlink:href="#check-circle" width="27" height="27" x="245" y="5"/>
+    <use xlink:href="#check-circle-inverted" width="27" height="27" x="275" y="5"/>
+    <use xlink:href="#edit" width="27" height="27" x="305" y="5"/>
+    <use xlink:href="#plus" width="27" height="27" x="385" y="5"/>
+    <use xlink:href="#shield" width="27" height="27" x="415" y="5"/>
+    <use xlink:href="#user-circle" width="27" height="27" x="475" y="5"/>
+    <use xlink:href="#account" width="27" height="27" x="535" y="5"/>
+    <use xlink:href="#lock" width="27" height="27" x="565" y="5"/>
+    <use xlink:href="#loading" width="27" height="27" x="595" y="5"/>
+    <use xlink:href="#email" width="27" height="27" x="5" y="35"/>
+    <use xlink:href="#success-circle" width="27" height="27" x="35" y="35"/>
+    <use xlink:href="#warning-triangle" width="27" height="27" x="65" y="35"/>
+    <use xlink:href="#error-octagon" width="27" height="27" x="95" y="35"/>
+    <use xlink:href="#warning-minus" width="27" height="27" x="125" y="35"/>
+    <use xlink:href="#settings" width="27" height="27" x="155" y="35"/>
+    <use xlink:href="#settings-inverted" width="27" height="27" x="185" y="35"/>
+    <use xlink:href="#alert-circle" width="27" height="27" x="215" y="35"/>
+    <use xlink:href="#alert-circle-inverted" width="27" height="27" x="245" y="35"/>
+    <use xlink:href="#power" width="27" height="27" x="275" y="35"/>
+    <use xlink:href="#comment" width="27" height="27" x="305" y="35"/>
+    <use xlink:href="#comment-inverted" width="27" height="27" x="335" y="35"/>
+    <use xlink:href="#bell" width="27" height="27" x="365" y="35"/>
+    <use xlink:href="#bell-inverted" width="27" height="27" x="395" y="35"/>
+    <use xlink:href="#close-circle" width="27" height="27" x="425" y="35"/>
+    <use xlink:href="#close-circle-inverted" width="27" height="27" x="455" y="35"/>
+    <use xlink:href="#plus-circle" width="27" height="27" x="485" y="35"/>
+    <use xlink:href="#plus-circle-inverted" width="27" height="27" x="515" y="35"/>
+    <use xlink:href="#minus-circle-inverted" width="27" height="27" x="545" y="35"/>
+    <use xlink:href="#crop" width="27" height="27" x="575" y="35"/>
+    <use xlink:href="#expand" width="27" height="27" x="605" y="35"/>
+    <use xlink:href="#rotate" width="27" height="27" x="5" y="65"/>
+    <use xlink:href="#launch" width="27" height="27" x="35" y="65"/>
+    <use xlink:href="#minus" width="27" height="27" x="65" y="65"/>
+    <use xlink:href="#calendar" width="27" height="27" x="95" y="65"/>
+    <use xlink:href="#home" width="27" height="27" x="125" y="65"/>
+    <use xlink:href="#clipboard" width="27" height="27" x="155" y="65"/>
+    <use xlink:href="#email-inverted" width="27" height="27" x="185" y="65"/>
+    <use xlink:href="#share" width="27" height="27" x="215" y="65"/>
+    <use xlink:href="#favorite" width="27" height="27" x="245" y="65"/>
+    <use xlink:href="#circle" width="27" height="27" x="275" y="65"/>
+    <use xlink:href="#menu" width="27" height="27" x="305" y="65"/>
+    <use xlink:href="#circle--medium" width="27" height="27" x="335" y="65"/>
+    <use xlink:href="#filter" width="27" height="27" x="365" y="65"/>
+    <use xlink:href="#timer-outline" width="27" height="27" x="395" y="65"/>
+    <use xlink:href="#alert-outline" width="27" height="27" x="425" y="65"/>
+    <use xlink:href="#calendar-text" width="27" height="27" x="455" y="65"/>
+    <use xlink:href="#table" width="27" height="27" x="485" y="65"/>
+    <use xlink:href="#apps" width="27" height="27" x="515" y="65"/>
+    <use xlink:href="#play" width="27" height="27" x="545" y="65"/>
+    <use xlink:href="#pause" width="27" height="27" x="575" y="65"/>
+    <use xlink:href="#dots-vertical" width="27" height="27" x="605" y="65"/>
+    <use xlink:href="#restore" width="27" height="27" x="3" y="95"/>
+    <use xlink:href="#help-circle-outline" width="27" height="27" x="35" y="95"/>
+
+  </g>
+</svg>

package/dist/cjs/ApplicationUtils-2e444734.js

@@ -0,0 +1,162 @@
+'use strict';
+
+const DialogType = require('./DialogType-2114c337.js');
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const native = {
+  randomUUID
+};
+
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+class ApplicationUtils {
+  static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DialogType.DEFAULT, options) {
+    if (options) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
+    return new Promise(resolve => {
+      let dialog = document.querySelector("ez-dialog");
+      if (!dialog) {
+        dialog = document.createElement("ez-dialog");
+        window.document.body.appendChild(dialog);
+      }
+      dialog.show(title, message, dialogType, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger, options.beforeClose).then(ok => resolve(ok));
+    });
+  }
+  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.WARN, options);
+  }
+  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.CRITICAL, options);
+  }
+  static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.SUCCESS, options);
+  }
+  static async confirm(title, message, icon = null, dialogType = DialogType.DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
+  }
+  static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.DEFAULT, options);
+  }
+  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
+    if (options !== ApplicationUtils.defaultMessageOptions) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
+    let useIcon = false;
+    let toast = document.querySelector("ez-toast");
+    if (!toast) {
+      toast = document.createElement("ez-toast");
+      const icon = document.createElement("ez-icon");
+      icon.className = "ez-margin-right--small";
+      icon.slot = "icon";
+      icon.style.setProperty("--ez-icon--color", "var(--color--success)");
+      toast.appendChild(icon);
+      window.document.body.appendChild(toast);
+    }
+    if (options.iconName) {
+      const iconElem = toast.querySelector("ez-icon");
+      if (iconElem) {
+        iconElem.iconName = options.iconName;
+        useIcon = true;
+      }
+    }
+    else {
+      useIcon = false;
+    }
+    toast.show(message, 5000, useIcon, options.canClose);
+  }
+  static async showModal(modalProps) {
+    modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
+    const modal = document.createElement("ez-modal");
+    window.document.body.appendChild(modal);
+    modal.setAttribute('id', v4());
+    modal.modalSize = modalProps.size;
+    modal.align = modalProps.position;
+    modal.heightMode = modalProps.heightMode;
+    modal.closeEsc = modalProps.closeEsc;
+    modal.closeOutsideClick = modalProps.closeOutsideClick;
+    modal.scrim = modalProps.useScrimLight ? 'light' : 'medium';
+    if (modalProps.content instanceof String || typeof modalProps.content === 'string') {
+      modal.innerHTML = modalProps.content;
+    }
+    else {
+      modal.appendChild(modalProps.content);
+    }
+    modal.opened = true;
+    return () => modal.remove();
+  }
+}
+ApplicationUtils.defaultMessageOptions = {
+  canClose: true,
+  labelCancel: 'Não',
+  labelConfirm: 'Sim',
+  btnConfirmDanger: false
+};
+ApplicationUtils.defaultModalProps = {
+  content: null,
+  position: 'right',
+  size: 'small',
+  heightMode: 'regular',
+  closeOutsideClick: true,
+  closeEsc: true
+};
+
+exports.ApplicationUtils = ApplicationUtils;

package/dist/cjs/CSSVarsUtils-b136a156.js

@@ -0,0 +1,77 @@
+'use strict';
+
+class CSSVarsUtils {
+  static applyCSSVars(document, host, child) {
+    const isSameDomain = (styleSheet) => {
+      if (!styleSheet.href) {
+        return true;
+      }
+      return styleSheet.href.indexOf(window.location.origin) === 0;
+    };
+    Array.from(document.styleSheets).filter(isSameDomain).forEach((sheet) => {
+      Array.from(sheet.cssRules).filter(rule => rule instanceof CSSStyleRule).forEach((rule) => {
+        Array.from(rule.style).forEach((propName) => {
+          if (propName.startsWith("--")) {
+            CSSVarsUtils.applyIfExists(host, child, propName);
+          }
+        });
+      });
+    });
+  }
+  static applyVarsTextInput(host, child) {
+    if (child) {
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--background-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height--slim');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--border-radius');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--border-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__icon--width');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--icon-color');
+    }
+  }
+  static applyVarsButton(host, child) {
+    if (child) {
+      ["--ez-button--min-width",
+        "--ez-button--height",
+        "--ez-button__icon--width",
+        "--ez-button__inline__icon--padding",
+        "--ez-button--padding-top",
+        "--ez-button--padding-bottom",
+        "--ez-button--padding-right",
+        "--ez-button--padding-left",
+        "--ez-button--color",
+        "--ez-button--font-size",
+        "--ez-button--font-family",
+        "--ez-button--font-weight",
+        "--ez-button--background-color",
+        "--ez-button--border-radius",
+        "--ez-button--border",
+        "--ez-button--hover-color",
+        "--ez-button--hover--background-color",
+        "--ez-button--disabled-color",
+        "--ez-button--disabled--background-color",
+        "--ez-button--focus--border",
+        "--ez-button--focus--box-shadow",
+        "--ez-button--active-color",
+        "--ez-button--active--background-color",
+        "--ez-button--link-color",
+        "--ez-button--link--hover-color",
+        "--ez-button--link--small--font-size",
+        "--ez-button--link--medium--font-size",
+        "--ez-button--link--large--font-size",].forEach(prop => {
+        CSSVarsUtils.applyIfExists(host, child, prop);
+      });
+    }
+  }
+  static applyIfExists(host, element, varName) {
+    const prop = getComputedStyle(host).getPropertyValue(varName);
+    if (prop) {
+      element.style.setProperty(varName, prop);
+    }
+  }
+}
+
+exports.CSSVarsUtils = CSSVarsUtils;

package/dist/cjs/CheckMode-ecb90b87.js

@@ -0,0 +1,7 @@
+'use strict';
+
+exports.CheckMode = void 0;
+(function (CheckMode) {
+  CheckMode["REGULAR"] = "REGULAR";
+  CheckMode["SWITCH"] = "SWITCH";
+})(exports.CheckMode || (exports.CheckMode = {}));

package/dist/cjs/DialogType-2114c337.js

@@ -0,0 +1,9 @@
+'use strict';
+
+exports.DialogType = void 0;
+(function (DialogType) {
+  DialogType["WARN"] = "warn";
+  DialogType["CRITICAL"] = "critical";
+  DialogType["SUCCESS"] = "success";
+  DialogType["DEFAULT"] = "default";
+})(exports.DialogType || (exports.DialogType = {}));

package/dist/cjs/EzScrollDirection-b2c99895.js

@@ -0,0 +1,8 @@
+'use strict';
+
+exports.EzScrollDirection = void 0;
+(function (EzScrollDirection) {
+  EzScrollDirection["HORIZONTAL"] = "horizontal";
+  EzScrollDirection["VERTICAL"] = "vertical";
+  EzScrollDirection["BOTH"] = "both";
+})(exports.EzScrollDirection || (exports.EzScrollDirection = {}));