@sankhyalabs/ezui 1.1.8 → 1.1.9

package/dist/collection/components/ez-form/subcomponents/structure/FormSheet.js

@@ -1,40 +1,40 @@
-import { h } from "@stencil/core";
-import { NavigationBar } from "./NavigationBar";
-import { selectCurrentTab, selectVisibleButtons } from "../../store/Form.selectors";
-import { changeTab } from "../../store/Form.actions";
-import { FieldSet } from "./FieldSet";
-import { Field } from "./Field";
-function buildFormItem(source, formName, store, dataUnit) {
-  if ("fields" in source) {
-    return h(FieldSet, { source: source, store: store, formName: formName, dataUnit: dataUnit });
-  }
-  const errorMsg = dataUnit.getErrorMessage(source.name);
-  const forceScroll = errorMsg === undefined || errorMsg === null || errorMsg === "" ? false : true;
-  return h(Field, { source: source, dataUnit: dataUnit, forceScroll: forceScroll });
-}
-export const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitBuilder }) => {
-  const selectedTab = selectCurrentTab(store.getState(), parentName);
-  const tabs = source.length > 1 ? source.map(form => h("ez-tab", { label: form.label, tabKey: form.name })) : null;
-  const { subForms, items, name } = source[selectedTab];
-  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit);
-  source[selectedTab].dataUnit = dataUnit;
-  const hasSubForms = subForms && subForms.length > 0;
-  const changeTabHandler = (index) => {
-    store.dispatch(changeTab(parentName, index));
-  };
-  //todos os campos e subformulários precisam estar ligados a um DU
-  const currentDU = dataUnit || parentDataUnit;
-  let buttons = selectVisibleButtons(store.getState());
-  if (currentDU.cardinality === "1") {
-    buttons.addVisible = false;
-    buttons.removeVisible = false;
-    buttons.nextVisible = false;
-    buttons.previousVisible = false;
-  }
-  return h("div", { class: "form-sheet" },
-    tabs ? h("ez-tabselector", { selectedindex: selectedTab, selectedtab: name, onChange: (evt) => changeTabHandler(evt.target.selectedindex) }, tabs) : null,
-    dataUnit ? h(NavigationBar, { dataUnit: dataUnit, buttonProps: buttons }) : null,
-    h("div", { class: "tab__container" },
-      items ? items.map(item => buildFormItem(item, name, store, currentDU)) : null,
-      hasSubForms ? h(FormSheet, { store: store, source: subForms, parentName: name, parentDataUnit: currentDU, dataUnitBuilder: dataUnitBuilder }) : null));
-};
+import { h } from "@stencil/core";
+import { NavigationBar } from "./NavigationBar";
+import { selectCurrentTab, selectVisibleButtons } from "../../store/Form.selectors";
+import { changeTab } from "../../store/Form.actions";
+import { FieldSet } from "./FieldSet";
+import { Field } from "./Field";
+function buildFormItem(source, formName, store, dataUnit) {
+  if ("fields" in source) {
+    return h(FieldSet, { source: source, store: store, formName: formName, dataUnit: dataUnit });
+  }
+  const errorMsg = dataUnit.getErrorMessage(source.name);
+  const forceScroll = errorMsg === undefined || errorMsg === null || errorMsg === "" ? false : true;
+  return h(Field, { source: source, dataUnit: dataUnit, forceScroll: forceScroll });
+}
+export const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitBuilder }) => {
+  const selectedTab = selectCurrentTab(store.getState(), parentName);
+  const tabs = source.length > 1 ? source.map(form => h("ez-tab", { label: form.label, tabKey: form.name })) : null;
+  const { subForms, items, name } = source[selectedTab];
+  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit, parentDataUnit);
+  source[selectedTab].dataUnit = dataUnit;
+  const hasSubForms = subForms && subForms.length > 0;
+  const changeTabHandler = (index) => {
+    store.dispatch(changeTab(parentName, index));
+  };
+  //todos os campos e subformulários precisam estar ligados a um DU
+  const currentDU = dataUnit || parentDataUnit;
+  let buttons = selectVisibleButtons(store.getState());
+  if (currentDU.cardinality === "1") {
+    buttons.addVisible = false;
+    buttons.removeVisible = false;
+    buttons.nextVisible = false;
+    buttons.previousVisible = false;
+  }
+  return h("div", { class: "form-sheet" },
+    tabs ? h("ez-tabselector", { selectedindex: selectedTab, selectedtab: name, onChange: (evt) => changeTabHandler(evt.target.selectedindex) }, tabs) : null,
+    dataUnit ? h(NavigationBar, { dataUnit: dataUnit, buttonProps: buttons }) : null,
+    h("div", { class: "tab__container" },
+      items ? items.map(item => buildFormItem(item, name, store, currentDU)) : null,
+      hasSubForms ? h(FormSheet, { store: store, source: subForms, parentName: name, parentDataUnit: currentDU, dataUnitBuilder: dataUnitBuilder }) : null));
+};

package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js

@@ -1,27 +1,27 @@
-import { h } from "@stencil/core";
-function removeHandler(dataUnit) {
-  if (confirm("Tem certeza que deseja Remover?")) {
-    dataUnit.remove();
-  }
-}
-export const NavigationBar = ({ dataUnit: du, buttonProps }) => {
-  if (buttonProps.previousVisible
-    || buttonProps.nextVisible
-    || buttonProps.addVisible
-    || buttonProps.removeVisible
-    || buttonProps.saveVisible
-    || buttonProps.cancelVisible
-    || buttonProps.reloadVisible) {
-    return h("div", { class: "col col--sd-12 align--right" },
-      buttonProps.previousVisible ? h("ez-button", { title: "Registro anterior", mode: "icon", enabled: du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.nextVisible ? h("ez-button", { title: "Pr\u00F3ximo registro", mode: "icon", enabled: du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.removeVisible ? h("ez-button", { title: "Remover " + du.unitLabel, mode: "icon", enabled: du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.addVisible ? h("ez-button", { label: "Criar " + du.unitLabel, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.reloadVisible ? h("ez-button", { title: "Recarregar", mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.cancelVisible ? h("ez-button", { label: "Cancelar", enabled: du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.saveVisible ? h("ez-button", { label: "Salvar", enabled: du.hasChanges(), onClick: () => du.save(), class: "button--primary margin-right--medium" }) : null);
-  }
-  else {
-    return null;
-  }
-};
+import { h } from "@stencil/core";
+function removeHandler(dataUnit) {
+  if (confirm("Tem certeza que deseja Remover?")) {
+    dataUnit.remove();
+  }
+}
+export const NavigationBar = ({ dataUnit: du, buttonProps }) => {
+  if (buttonProps.previousVisible
+    || buttonProps.nextVisible
+    || buttonProps.addVisible
+    || buttonProps.removeVisible
+    || buttonProps.saveVisible
+    || buttonProps.cancelVisible
+    || buttonProps.reloadVisible) {
+    return h("div", { class: "col col--sd-12 align--right" },
+      buttonProps.previousVisible ? h("ez-button", { title: "Registro anterior", mode: "icon", enabled: du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.nextVisible ? h("ez-button", { title: "Pr\u00F3ximo registro", mode: "icon", enabled: du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.removeVisible ? h("ez-button", { title: "Remover " + du.unitLabel, mode: "icon", enabled: du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.addVisible ? h("ez-button", { label: "Criar " + du.unitLabel, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.reloadVisible ? h("ez-button", { title: "Recarregar", mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.cancelVisible ? h("ez-button", { label: "Cancelar", enabled: du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.saveVisible ? h("ez-button", { label: "Salvar", enabled: du.hasChanges(), onClick: () => du.save(), class: "button--primary margin-right--medium" }) : null);
+  }
+  else {
+    return null;
+  }
+};

package/dist/collection/components/ez-icon/ez-icon.css

@@ -1,37 +1,37 @@
-:host {
-  display: block;
-  overflow: hidden;
-  position: relative;
-}
-
-svg {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  fill: var(--color--icon);
-}
-
-.x-small {
-  width: 12px;
-  height: 12px;
-}
-
-.small {
-  width: 16px;
-  height: 16px;
-}
-
-.medium {
-  width: 20px;
-  height: 20px;
-}
-
-.large {
-  width: 24px;
-  height: 24px;
-}
-
-.x-large {
-  width: 30px;
-  height: 30px;
+:host {
+  display: block;
+  overflow: hidden;
+  position: relative;
+}
+
+svg {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  fill: var(--color--icon);
+}
+
+.x-small {
+  width: 12px;
+  height: 12px;
+}
+
+.small {
+  width: 16px;
+  height: 16px;
+}
+
+.medium {
+  width: 20px;
+  height: 20px;
+}
+
+.large {
+  width: 24px;
+  height: 24px;
+}
+
+.x-large {
+  width: 30px;
+  height: 30px;
 }

package/dist/collection/components/ez-icon/ez-icon.js

@@ -1,56 +1,56 @@
-import { Component, h, Prop } from '@stencil/core';
-export class EzIcon {
-  constructor() {
-    /*Tamanho do icone*/
-    this.size = 'medium';
-  }
-  render() {
-    return (h("svg", { class: this.size, role: "img" },
-      h("use", { xlinkHref: this.href })));
-  }
-  static get is() { return "ez-icon"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-icon.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-icon.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "'medium'"
-    },
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "href",
-      "reflect": true
-    }
-  }; }
-}
+import { Component, h, Prop } from '@stencil/core';
+export class EzIcon {
+  constructor() {
+    /*Tamanho do icone*/
+    this.size = 'medium';
+  }
+  render() {
+    return (h("svg", { class: this.size, role: "img" },
+      h("use", { xlinkHref: this.href })));
+  }
+  static get is() { return "ez-icon"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ez-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ez-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": true,
+      "defaultValue": "'medium'"
+    },
+    "href": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "href",
+      "reflect": true
+    }
+  }; }
+}

package/dist/collection/components/ez-label-chip/ez-label-chip.css

@@ -1,117 +1,117 @@
-:host {
-  /* dimensions */
-  --lc--height: 36px;
-  --lc--width: 100%;
-  --lc__icon--width: 48px;
-  /* general */
-  --lc--border-radius: var(--border--radius-large, 24px);
-  --lc--font-size: var(--text--medium, 14px);
-  --lc--font-family: var(--font-pattern, Arial);
-  --lc--font-weight: var(--text-weight--large, 500);
-  --lc--space--medium: var(--space--medium, 6px);
-  --lc__border: 1px solid;
-  --lc__border-color-strokes: var(--color--strokes, #DCE0E8);
-  /* label */
-  --lc__label--title--primary: var(--title--primary, #919191);
-  --lc__label--color-primary: var(--color--primary, #008561);
-  --lc__label-color--disable-secondary: var(--color--disable-secondary, #F2F5F8);
-  --lc__label--background-color: #0085610F;
-  --lc__label__default--background-color--hover: var(--color--primary-200, #f2faf8);
-  --lc__label__default--border-color--hover: var(--color--primary-600, #007a5a);
-  --lc__label--text--disabled: var(--text--disable, #AFB6C0);
-  --lc__label--text--primary: var(--text--primary, #626e82);
-  /* message box */
-  --lc__message_box--font-size: var(--text--small, 12px);
-  --lc__message_box--info--color: var(--color--success, #22085d);
-  --lc__message_box--error--color: var(--color--error, #FF0000);
-  /***************
-     host style  
-  ***************/
-  /*public*/
-  width: 100%;
-}
-
-.padding-right--small {
-  padding-right: var(--lc--space--medium);
-}
-
-.padding-left--small {
-  padding-left: var(--lc--space--medium);
-}
-
-.label__container {
-  /*private*/
-  width: fit-content;
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-  align-items: center;
-  align-self: center;
-  color: var(--lc__label--title--primary);
-  fill: var(--lc__label--title--primary);
-  border: var(--lc__border);
-  border-radius: var(--lc--border-radius);
-  border-color: var( --lc__border-color-strokes);
-  padding-right: var(--space--large, 12px);
-  padding-left: var(--space--large, 12px);
-}
-
-.label__container:hover {
-  border-color:  var(--lc__label__default--border-color--hover);
-  background-color: var(--lc__label__default--background-color--hover);
-}
-
-.label__container--active {
-  /*private*/
-  width: fit-content;
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-  align-items: center;
-  align-self: center;
-  border: var(--lc__border);
-  border-radius: var(--lc--border-radius);
-  padding-right: var(--space--large, 12px);
-  padding-left: var(--space--large, 12px);
-  fill: var(--lc__label--color-primary);
-  color: var(--lc__label--color-primary);
-  border-color: var(--lc__label--background-color);
-  background-color: var(--lc__label--background-color);
-}
-
-
-.label__container--disabled {
-  width: fit-content;
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-  align-items: center;
-  align-self: center;
-  border: var(--lc__border);
-  border-color: var(--lc__label-color--disable-secondary);
-  border-radius: var(--lc--border-radius);
-  padding-right: var(--space--large, 12px);
-  padding-left: var(--space--large, 12px);
-  fill: var(--lc__label--text--disabled);
-  color: var(--lc__label--text--disabled);
-  background-color: var(--lc__label-color--disable-secondary);
-}
-
-label {
-  /*private*/
-  display: flex;
-  align-items: center;
-  width: calc(100% - var(--lc__icon--width));
-  width: fit-content;
-  font-weight: var(--text-weight--large, 600);
-  cursor: pointer;
-  /*public*/
-  height: var(--lc--height);
-  font-family: var(--lc--font-family);
-  font-size: var(--lc--font-size);
-}
-
-.label__icon {
-  display: flex;
-  cursor: pointer;
-}
+:host {
+  /* dimensions */
+  --lc--height: 36px;
+  --lc--width: 100%;
+  --lc__icon--width: 48px;
+  /* general */
+  --lc--border-radius: var(--border--radius-large, 24px);
+  --lc--font-size: var(--text--medium, 14px);
+  --lc--font-family: var(--font-pattern, Arial);
+  --lc--font-weight: var(--text-weight--large, 500);
+  --lc--space--medium: var(--space--medium, 6px);
+  --lc__border: 1px solid;
+  --lc__border-color-strokes: var(--color--strokes, #DCE0E8);
+  /* label */
+  --lc__label--title--primary: var(--title--primary, #919191);
+  --lc__label--color-primary: var(--color--primary, #008561);
+  --lc__label-color--disable-secondary: var(--color--disable-secondary, #F2F5F8);
+  --lc__label--background-color: #0085610F;
+  --lc__label__default--background-color--hover: var(--color--primary-200, #f2faf8);
+  --lc__label__default--border-color--hover: var(--color--primary-600, #007a5a);
+  --lc__label--text--disabled: var(--text--disable, #AFB6C0);
+  --lc__label--text--primary: var(--text--primary, #626e82);
+  /* message box */
+  --lc__message_box--font-size: var(--text--small, 12px);
+  --lc__message_box--info--color: var(--color--success, #22085d);
+  --lc__message_box--error--color: var(--color--error, #FF0000);
+  /***************
+     host style  
+  ***************/
+  /*public*/
+  width: 100%;
+}
+
+.padding-right--small {
+  padding-right: var(--lc--space--medium);
+}
+
+.padding-left--small {
+  padding-left: var(--lc--space--medium);
+}
+
+.label__container {
+  /*private*/
+  width: fit-content;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  align-items: center;
+  align-self: center;
+  color: var(--lc__label--title--primary);
+  fill: var(--lc__label--title--primary);
+  border: var(--lc__border);
+  border-radius: var(--lc--border-radius);
+  border-color: var( --lc__border-color-strokes);
+  padding-right: var(--space--large, 12px);
+  padding-left: var(--space--large, 12px);
+}
+
+.label__container:hover {
+  border-color:  var(--lc__label__default--border-color--hover);
+  background-color: var(--lc__label__default--background-color--hover);
+}
+
+.label__container--active {
+  /*private*/
+  width: fit-content;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  align-items: center;
+  align-self: center;
+  border: var(--lc__border);
+  border-radius: var(--lc--border-radius);
+  padding-right: var(--space--large, 12px);
+  padding-left: var(--space--large, 12px);
+  fill: var(--lc__label--color-primary);
+  color: var(--lc__label--color-primary);
+  border-color: var(--lc__label--background-color);
+  background-color: var(--lc__label--background-color);
+}
+
+
+.label__container--disabled {
+  width: fit-content;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  align-items: center;
+  align-self: center;
+  border: var(--lc__border);
+  border-color: var(--lc__label-color--disable-secondary);
+  border-radius: var(--lc--border-radius);
+  padding-right: var(--space--large, 12px);
+  padding-left: var(--space--large, 12px);
+  fill: var(--lc__label--text--disabled);
+  color: var(--lc__label--text--disabled);
+  background-color: var(--lc__label-color--disable-secondary);
+}
+
+label {
+  /*private*/
+  display: flex;
+  align-items: center;
+  width: calc(100% - var(--lc__icon--width));
+  width: fit-content;
+  font-weight: var(--text-weight--large, 600);
+  cursor: pointer;
+  /*public*/
+  height: var(--lc--height);
+  font-family: var(--lc--font-family);
+  font-size: var(--lc--font-size);
+}
+
+.label__icon {
+  display: flex;
+  cursor: pointer;
+}