@sankhyalabs/sankhyablocks 1.1.23 → 1.1.27

package/dist/esm/test-du.entry.js

@@ -0,0 +1,72 @@
+import { r as registerInstance, h } from './index-df166135.js';
+import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
+
+const testDuCss = ":host{display:block}";
+
+const TestDu = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  /*private _ezButton// : HTMLEzButton;
+  private _ezComboBox// : HTMLEzComboBox;
+  private _ezDateInput// : HTMLEzDateInput;
+  private _ezDateTimeInput// : HTMLEzDateTimeInput;
+  private _ezNumberInput// : HTMLEzNumberInput
+  private _ezSearch// : HTMLEzSearch
+  private _ezUpload// : HTMLEzUpload*/
+  componentWillLoad() {
+    this.dataUnit = new DataUnit("testes_com_formulario");
+    this.dataUnit.metadata = {
+      name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
+      label: "Parceiro",
+      fields: [
+        {
+          name: "CODPARC",
+          label: "Parceiro",
+          dataType: DataType.NUMBER,
+          userInterface: UserInterface.SEARCH,
+          required: true,
+          properties: {}
+        },
+        {
+          name: "RECDESP",
+          label: "Receita/Despesa",
+          dataType: DataType.TEXT,
+          userInterface: UserInterface.OPTIONSELECTOR,
+          required: true,
+          properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
+        },
+        {
+          name: "P",
+          label: "pera",
+          dataType: DataType.TEXT,
+          userInterface: UserInterface.OPTIONSELECTOR,
+          properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
+        },
+        {
+          name: "ME",
+          label: "ME",
+          dataType: DataType.NUMBER,
+          userInterface: UserInterface.DECIMALNUMBER,
+          properties: { precision: 4, prettyPrecision: 1 }
+        }
+      ]
+    };
+    this.dataUnit.dataLoader = () => new Promise(accept => accept([
+      {
+        __record__id__: "1321321321321321",
+        CODPARC: 10,
+        NOMEPARC: "Parceiro 10",
+        P: "M",
+        L: "Bagaço",
+        LI: "Azedo"
+      }
+    ]));
+  }
+  render() {
+    return (h("ez-form", { dataUnit: this.dataUnit }));
+  }
+};
+TestDu.style = testDuCss;
+
+export { TestDu as test_du };

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-action-chip/ez-action-chip.css

@@ -0,0 +1,67 @@
+:host {
+  /* dimensions */
+
+  /*@doc Define a altura do componente.*/
+  --ez-action-chip--height: 36px;
+
+  /* general */
+  /*@doc Define o raio da borda do componente.*/
+  --ez-action-chip--border-radius: var(--border--radius-large, 24px);
+  /*@doc Define o estilo de borda do componente.*/
+  --ez-action-chip__border: 1px solid;
+  /*@doc Define a cor da borda do componente.*/
+  --ez-action-chip__border-color-strokes: var(--color--strokes, #DCE0E8);
+
+  /* label */
+  /*@doc Define o tamanho da fonte do label.*/
+  --ez-action-chip--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do label.*/
+  --ez-action-chip--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label.*/
+  --ez-action-chip--font-weight: var(--text-weight--large, 500);
+  /*@doc Define a cor do label do componente.*/
+  --ez-action-chip__label--title--primary: var(--title--primary, #919191);
+  /*@doc Define a cor do label quando desabilitado.*/
+  --ez-action-chip__label-color--disable-secondary: var(--color--disable-secondary, #F2F5F8);
+  /*@doc Define a cor de fundo do componente quando o cursor estiver sobre ele.*/
+  --ez-action-chip__label__default--background-color--hover: var(--color--primary-200, #f2faf8);
+  /*@doc Define a cor da borda quando o cursor estiver sobre o componente.*/
+  --ez-action-chip__label__default--border-color--hover: var(--color--primary-600, #007a5a);
+}
+
+.label__container {
+  /*private*/
+  width: fit-content;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  background-color: #FFFFFF;
+  align-items: center;
+  align-self: center;
+  cursor: pointer;
+  /*public*/
+  color: var(--ez-action-chip__label--title--primary);
+  fill: var(--ez-action-chip__label--title--primary);
+  border: var(--ez-action-chip__border);
+  border-radius: var(--ez-action-chip--border-radius);
+  border-color: var(--ez-action-chip__border-color-strokes);
+  padding-right: var(--space--medium, 12px);
+  padding-left: var(--space--medium, 12px);
+}
+
+.label__container:hover {
+  border-color: var(--ez-action-chip__label__default--border-color--hover);
+  background-color: var(--ez-action-chip__label__default--background-color--hover);
+}
+
+label {
+  /*private*/
+  display: flex;
+  align-items: center;
+  font-weight: var(--text-weight--large, 600);
+  cursor: pointer;
+  /*public*/
+  height: var(--ez-action-chip--height);
+  font-family: var(--ez-action-chip--font-family);
+  font-size: var(--ez-action-chip--font-size);
+}

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-application/ez-application.css

@@ -0,0 +1,3 @@
+:host {
+  
+}

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-button/ez-button.css

@@ -0,0 +1,180 @@
+:host {
+
+  /* dimensions */
+  /*@doc Define a largura do componente.*/
+  --ez-button--min-width: 100px;
+
+  /* dimensions */
+  /*@doc Define a altura do componente.*/
+  --ez-button--height: 42px;
+  /*@doc Define a largura do slot que contém o ícone.*/
+  --ez-button__icon--width: 18px;
+  /*@doc Define o espaçamento entre o ícone e o label.*/
+  --ez-button__inline__icon--padding: 12px;
+
+  /*@doc Define o espaçamento superior ao label.*/
+  --ez-button--padding-top: var(--space--medium, 12px);
+  /*@doc Define o espaçamento inferior ao label.*/
+  --ez-button--padding-bottom: var(--space--medium, 12px);
+  /*@doc Define o espaçamento à direita do label.*/
+  --ez-button--padding-right: var(--space--large, 24px);
+  /*@doc Define o espaçamento à esquerda do label.*/
+  --ez-button--padding-left: var(--space--large, 24px);
+
+  /* general */
+  /*@doc Define a cor do label.*/
+  --ez-button--color: var(--text--primary, #FFF);
+  /*@doc Define o tamanho do label.*/
+  --ez-button--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do label.*/
+  --ez-button--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label.*/
+  --ez-button--font-weight: var(--text-weight--large);
+  /*@doc Define a cor de fundo do botão.*/
+  --ez-button--background-color: var(--background--medium, #c0c0c0);
+  /*@doc Define o raio da borda do botão.*/
+  --ez-button--border-radius: var(--border--radius-large, 12px);
+  /*@doc Define o estilo da borda do botão.*/
+  --ez-button--border: none;
+
+  /*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
+  --ez-button--hover--background-color: var(--background--strong, var(--ez-button--background-color));
+
+  /*@doc Define a cor do texto quando o botão está desabilitado.*/
+  --ez-button--disabled-color: var(--text--disable);
+  /*@doc Define a cor de fundo quando o botão está desabilitado.*/
+  --ez-button--disabled--background-color: var(--color--disable-secondary);
+
+  /*@doc Define o estido da borda quando o botão está selecionado.*/
+  --ez-button--focus--border: var(--ez-button--border);
+  /*@doc Define a sombra do botão quando selecionado.*/
+  --ez-button--focus--box-shadow: none;
+
+  /*@doc Define a cor do texto do botão no modo link.*/
+  --ez-button--link-color: var(--color--primary, '#008561');
+  --ez-button--link--hover-color: var(--color--primary-700, '#1C1D22');
+
+  --ez-button--link--small--font-size: var(--text--small, 12px);
+  --ez-button--link--medium--font-size: var(--text--medium, 14px);
+  --ez-button--link--large--font-size: var(--text--large, 16px);
+}
+
+ez-icon {
+  --ez-icon--color: inherit;
+}
+
+button {
+  /*private*/
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  cursor: pointer;
+  transition: background-color 0.2s linear;
+
+  /*public*/
+  min-width: var(--ez-button--min-width);
+  height: var(--ez-button--height);
+  font-family: var(--ez-button--font-family);
+  font-size: var(--ez-button--font-size);
+  font-weight: var(--ez-button--font-weight);
+  padding: var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);
+  border-radius: var(--ez-button--border-radius);
+
+  background-color: var(--ez-button--background-color);
+  color: var(--ez-button--color);
+  fill: var(--ez-button--color);
+  border: var(--ez-button--border);
+}
+
+button:hover {
+  background-color: var(--ez-button--hover--background-color);
+}
+
+button:focus {
+  /*FIXME: Estranho o botão não dar nenhuma indicação de que recebeu foco*/
+  outline: none;
+  border: var(--ez-button--focus--border);
+  box-shadow: var(--ez-button--focus--box-shadow);
+}
+
+button:disabled {
+  background-color: var(--ez-button--disabled--background-color);
+  color: var(--ez-button--disabled-color);
+  fill: var(--ez-button--disabled-color);
+  border: none;
+  cursor: no-drop;
+}
+
+button.icon {
+  padding: 0px;
+}
+
+button.small {
+  width: 32px;
+  min-width: 32px;
+  height: 32px;
+}
+
+button.medium {
+  width: 42px;
+  min-width: 42px;
+  height: 42px;
+}
+
+button.large {
+  width: 52px;
+  min-width: 52px;
+  height: 52px;
+}
+
+.label-icon {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: var(--ez-button--color);
+}
+
+.label-icon label {
+  max-width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  font-family: var(--ez-button--font-family);
+  font-size: var(--ez-button--font-size);
+  font-weight: var(--ez-button--font-weight);
+}
+
+
+a {
+  /*private*/
+  font-family: var(--ez-button--font-family);
+  font-weight: var(--ez-button--font-weight);
+  color: var(--ez-button--link-color);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /*public*/
+}
+
+a:hover {
+  /*public*/
+  color: var(--ez-button--link--hover-color);
+}
+
+a.small{
+  font-size: var(--ez-button--link--small--font-size);
+  line-height: var(--ez-button--link--small--font-size);
+}
+
+a.medium{
+  font-size: var(--ez-button--link--medium--font-size);
+  line-height: var(--ez-button--link--medium--font-size);
+}
+
+a.large{
+  font-size: var(--ez-button--link--large--font-size);
+  line-height: var(--ez-button--link--large--font-size);
+}

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-calendar/ez-calendar.css

@@ -0,0 +1,319 @@
+:host {
+  /*@doc Define a família da fonte do componente.*/
+  --ez-calendar--font-family: var(--font-pattern, Arial);
+  /*@doc Define a cor dos textos dentro do componente.*/
+  --ez-calendar--color: var(--title--primary, #626e82);
+  /*@doc Define a sombra dos textos dentro do componente.*/
+  --ez-calendar--text-shadow: var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);
+
+  /* cal__body */
+  /*@doc Define a cor de fundo do corpo do calendário.*/
+  --ez-calendar__body--background-color: var(--background--xlight, #FFF);
+  /*@doc Define a cor de fundo do corpo da hora do calendário.*/
+  --ez-calendar__time--background-color: var(--background--xlight, #FAFAFA);
+  /*@doc Define o espaçamento do corpo do calendário.*/
+  --ez-calendar__body--padding: var(--space--medium, 12px) var(--space--small, 6px) ;
+  /*@doc Define o raio da borda do corpo do calendário.*/
+  --ez-calendar__body--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define a sombra do corpo do calendário.*/
+  --ez-calendar__body--shadow: var(--shadow, 0px 0px 16px 0px #000);
+
+  /* cal__container*/
+  /*@doc Define a posição do container de calendario nas camadas da página .*/
+  --ez-container--z-index: var(--more-visible, 2);
+
+  /* cal__header */
+  /*@doc Define a espessura da borda inferior do header.*/
+  --ez-calendar__header-line--stroke: 1px;
+  /*@doc Define a cor da borda inferior do header.*/
+  --ez-calendar__header-line--color: var(--color--strokes, #C0C0C0);
+
+  /* nav buttons */
+  /*@doc Define a cor do ícone de navegação.*/
+  --ez-calendar__nav-btn--fill: var(--text--primary, #008561);
+  /*@doc Define a cor do ícone de navegação quando o cursor está sobre ele.*/
+  --ez-calendar__nav-btn--hover--fill: var(--color--primary, #350404);
+  /*@doc Define a largura do ícone de navegação.*/
+  --ez-calendar__nav-btn--width: 10px;
+  /*@doc Define a altura do ícone de navegação.*/
+  --ez-calendar__nav-btn--height: 16px;
+  /*@doc Contém a imagem do ícone de navegação à esquerda.*/
+  --ez-calendar__nav-btn--previous-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>');
+  /*@doc Contém a imagem do ícone de navegação à direita.*/
+  --ez-calendar__nav-btn--next-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>');
+
+  /* cell */
+  /*@doc Define o espaçamento vertical entre as células.*/
+  --ez-calendar__cell--margin: 0px 1.5px;
+  /*@doc Define a largura das células.*/
+  --ez-calendar__cell--width: var(--space--large, 24px);
+  /*@doc Define o espaçamento horizontal entre as células.*/
+  --ez-calendar__cell--padding: 1.5px 0px;
+  /*@doc Define o raio da borda das células.*/
+  --ez-calendar__cell--border-radius: var(--border--radius-small, 6px);
+  /*@doc Define a cor de fundo das células.*/
+  --ez-calendar__cell--over--background-color: var(--color--primary, #E2F4EF);
+  /*@doc Define a cor de do texto das células.*/
+  --ez-calendar__cell--over--color: var(--color--primary-300, #008561);
+  /*@doc Define a cor do texto para células secundárias (fora do mês selecionado).*/
+  --ez-calendar__cell--outset--color: var(--color--disable-primary, #E5EAF0);
+  /*@doc Define a cor de fundo das células selecionadas.*/
+  --ez-calendar__cell--selected--background-color: var(--color--primary, #008561);
+  /*@doc Define a cor do texto da célula selecionada.*/
+  --ez-calendar__cell--selected--color: var(--color--inverted, #FFF);
+
+  /* btn today */
+  /*@doc Define a cor do texto do botão "Hoje".*/
+  --ez-calendar__btn-today--color: var(--color--primary);
+  /*@doc Define a cor de fundo do botão "Hoje" quando o cursor está sobre ele.*/
+  --ez-calendar__btn-today--hover--background-color: var(--color--primary-300, #E2F4EF);
+  /*@doc Define o raio da borda do botão "Hoje".*/
+  --ez-calendar__btn-today--border-radius: var(--border--radius-small, 6px);
+
+  /***************
+     host style  
+  ***************/
+  /*private*/
+  position: relative;
+  display: flex;
+  user-select: none;
+}
+
+.calendar__container{
+  display: flex;
+  z-index: var(--more-visible, 2);;
+}
+
+.calendar {
+  /*private*/
+  z-index: var(--more-visible, 2);
+  display: flex;
+  flex-direction: column;
+
+  /*public*/
+  background-color: var(--ez-calendar__body--background-color);
+  padding: var(--ez-calendar__body--padding);
+  border-radius: var(--ez-calendar__body--border-radius);
+  box-shadow: var(--ez-calendar__body--shadow);
+}
+
+.calendar__header {
+  /*private*/
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: var(--space--small, 6px);
+  margin: 0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);
+
+  /*public*/
+  font-family: var(--ez-calendar--font-family);
+  color: var(--ez-calendar--color);
+  text-shadow: var(--ez-calendar--text-shadow);
+  border-bottom: solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);
+}
+
+.calendar__btn-next, .calendar__btn-previous {
+  /*private*/
+  outline: none;
+  border: none;
+  background-color: unset;
+  cursor: pointer;
+  padding: 0px;
+}
+
+.calendar__btn-next::after, .calendar__btn-previous::after {
+  /*private*/
+  content: '';
+  display: flex;
+
+  /*public*/
+  background-color: var(--ez-calendar__nav-btn--fill);
+  /*parece estranho, mas o bg funciona como fill pq aplicaremos a mascara.*/
+  width: var(--ez-calendar__nav-btn--width);
+  height: var(--ez-calendar__nav-btn--height);
+}
+
+.calendar__btn-previous::after {
+  /*public*/
+  -webkit-mask-image: var(--ez-calendar__nav-btn--previous-image);
+  mask-image: var(--ez-calendar__nav-btn--previous-image);
+}
+
+.calendar__btn-next::after {
+  /*public*/
+  -webkit-mask-image: var(--ez-calendar__nav-btn--next-image);
+  mask-image: var(--ez-calendar__nav-btn--next-image);
+}
+
+.calendar__btn-next:hover::after, .calendar__btn-previous:hover::after {
+  /*public*/
+  background-color: var(--ez-calendar__nav-btn--hover--fill);
+}
+
+.calendar__lbl-month {
+  /*private*/
+  font-weight: var(--text-weight--extra-large, 700);
+  font-size: var(--title--small, 14px);
+
+  /*public*/
+  font-family: var(--ez-calendar--font-family);
+  color: var(--ez-calendar--color);
+  text-shadow: var(--ez-calendar--text-shadow);
+}
+
+.calendar__line {
+  /*private*/
+  display: flex;
+  padding: 0px;
+  margin: 0px;
+}
+
+.calendar__cell {
+  /*private*/
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  cursor: pointer;
+  font-size: var(--text--extra-small, 10px);
+
+  /*public*/
+  font-family: var(--ez-calendar--font-family);
+  color: var(--ez-calendar--color);
+  text-shadow: var(--ez-calendar--text-shadow);
+  padding: var(--ez-calendar__cell--padding);
+  margin: var(--ez-calendar__cell--margin);
+  min-width: var(--ez-calendar__cell--width);
+  border-radius: var(--ez-calendar__cell--border-radius);
+}
+
+
+.calendar__cell:hover {
+  /*public*/
+  background-color: var(--ez-calendar__cell--over--background-color);
+  color: var(--ez-calendar__cell--over--color);
+}
+
+.calendar__cell--secondary {
+  /*public*/
+  color: var(--ez-calendar__cell--outset--color);
+}
+
+.calendar__cell--unselectable:hover {
+  /*private*/
+  background-color: unset;
+  border-radius: unset;
+  cursor: unset;
+}
+
+.calendar__cell--unselectable {
+  /*private*/
+  font-weight: var(--text-weight--large, 600);
+
+  /*public*/
+  font-family: var(--ez-calendar--font-family);
+  color: var(--ez-calendar--color);
+  text-shadow: var(--ez-calendar--text-shadow);
+}
+
+.calendar__cell--selected, .calendar__cell--selected:hover {
+  /*public*/
+  background-color: var(--ez-calendar__cell--selected--background-color);
+  color: var(--ez-calendar__cell--selected--color);
+}
+
+.calendar__footer {
+  /*private*/
+  display: flex;
+  flex-direction: column;
+}
+
+.calendar__btn-today {
+  /*private*/
+  border: none;
+  background-color: unset;
+  cursor: pointer;
+  font-weight: var(--text-weight--large, 600);
+  font-size: var(--title--extra-small, 12px);
+  padding: 0px;
+
+  /*public*/
+  font-family: var(--ez-calendar--font-family);
+  text-shadow: var(--ez-calendar--text-shadow);
+  color: var(--ez-calendar__btn-today--color);
+  border-radius: var(--ez-calendar__btn-today--border-radius);
+}
+
+.calendar__btn-today:hover {
+  /*public*/
+  background-color: var(--ez-calendar__btn-today--hover--background-color);
+}
+
+section{
+  display: flex;
+}
+
+.calendar-time {
+  /*private*/
+  margin-left: -10px;
+  display: flex;
+  flex-direction: column;
+  padding: 12px 0px 0px 10px;
+
+  /*public*/
+  /*TODO Criar variavel para color o calendar_time var(--ez-calendar__body-time--background-color)*/
+  background-color: var(--ez-calendar__time--background-color);
+  border-top-right-radius: var(--ez-calendar__body--border-radius);
+  border-bottom-right-radius: var(--ez-calendar__body--border-radius);
+  box-shadow: var(--ez-calendar__body--shadow);
+}
+.calendar__column {
+  height: 136px;
+  padding: 0px;
+  margin: 0px;
+  overflow: auto;
+}
+
+/* Scrollbar definido como 0 para não exibir o scroll mas permitir a rolagem */
+.calendar__column::-webkit-scrollbar {
+  width: 0px;
+  max-width: 0px;
+  min-width: 0px;
+}
+
+.calendar-time__header{
+  /*private*/
+  padding-left: var(--space--small, 6px);
+  padding-right: var(--space--small, 6px);
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: var(--space--small, 6px);
+  margin: 0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);
+  font-weight: var(--text-weight--extra-large, 700);
+  font-size: var(--title--small, 14px);
+
+  
+  /*public*/
+  font-family: var(--ez-calendar--font-family);
+  color: var(--ez-calendar--color);
+  text-shadow: var(--ez-calendar--text-shadow);
+  border-bottom: solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);
+  font-family: var(--ez-calendar--font-family);
+  color: var(--ez-calendar--color);
+  text-shadow: var(--ez-calendar--text-shadow);
+}
+
+.separatorTime{
+  color: #A2ABB9;
+  padding: 0px 1px;
+  line-height: 16px;
+  font-size: 17px;
+  font-weight: normal;
+}
+
+.endHidden {
+  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%);
+}
+
+.calendar__column .calendar__cell{
+  margin: 0px;
+  padding: 1.5px 1.5px;
+}