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

package/dist/esm/ApplicationUtils-d9a34a16.js

@@ -0,0 +1,160 @@
+import { D as DialogType } from './DialogType-54a62731.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.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.WARN, options);
+  }
+  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.CRITICAL, options);
+  }
+  static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.SUCCESS, options);
+  }
+  static async confirm(title, message, icon = null, 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.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
+};
+
+export { ApplicationUtils as A };

package/dist/esm/CSSVarsUtils-a97cfa29.js

@@ -0,0 +1,75 @@
+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);
+    }
+  }
+}
+
+export { CSSVarsUtils as C };

package/dist/esm/CheckMode-bdb2ec19.js

@@ -0,0 +1,7 @@
+var CheckMode;
+(function (CheckMode) {
+  CheckMode["REGULAR"] = "REGULAR";
+  CheckMode["SWITCH"] = "SWITCH";
+})(CheckMode || (CheckMode = {}));
+
+export { CheckMode as C };

package/dist/esm/DialogType-54a62731.js

@@ -0,0 +1,9 @@
+var DialogType;
+(function (DialogType) {
+  DialogType["WARN"] = "warn";
+  DialogType["CRITICAL"] = "critical";
+  DialogType["SUCCESS"] = "success";
+  DialogType["DEFAULT"] = "default";
+})(DialogType || (DialogType = {}));
+
+export { DialogType as D };

package/dist/esm/EzScrollDirection-2df26c93.js

@@ -0,0 +1,8 @@
+var EzScrollDirection;
+(function (EzScrollDirection) {
+  EzScrollDirection["HORIZONTAL"] = "horizontal";
+  EzScrollDirection["VERTICAL"] = "vertical";
+  EzScrollDirection["BOTH"] = "both";
+})(EzScrollDirection || (EzScrollDirection = {}));
+
+export { EzScrollDirection as E };

package/dist/esm/RecordValidationProcessor-abc814af.js

@@ -0,0 +1,99 @@
+import { UserInterface } from '@sankhyalabs/core';
+import { A as ApplicationUtils } from './ApplicationUtils-d9a34a16.js';
+
+const buildFieldMetadata = (descriptor, config) => {
+  let { name, label, group } = Object.assign({}, config);
+  let { readOnly, required } = Object.assign({}, config);
+  let props;
+  let userInterface;
+  if (descriptor) {
+    label = label || descriptor.label;
+    name = name || descriptor.name;
+    required = descriptor.required || (config === null || config === void 0 ? void 0 : config.required);
+    readOnly = descriptor.readOnly || (config === null || config === void 0 ? void 0 : config.readOnly);
+    props = descriptor.properties;
+    userInterface = descriptor.userInterface;
+  }
+  return {
+    name, label, group,
+    readOnly, required,
+    props,
+    userInterface: userInterface || UserInterface.SHORTTEXT
+  };
+};
+
+class RecordValidationProcessor {
+  constructor(dataUnit, validationSource, validator) {
+    this._dataUnit = dataUnit;
+    this._validationSource = validationSource;
+    this._validator = validator;
+  }
+  validate() {
+    return new Promise((accept, reject) => {
+      const records = this._dataUnit.getModifiedRecords();
+      for (let i = 0; i < records.length; i++) {
+        const record = records[i];
+        const invalidResults = [];
+        let validationResult = this.validateRequired(record);
+        if (validationResult && !validationResult.isValid) {
+          invalidResults.push(validationResult);
+        }
+        if (this._validator) {
+          validationResult = this._validator.validateRecord(record);
+          if (validationResult && !validationResult.isValid) {
+            invalidResults.push(validationResult);
+          }
+        }
+        if (invalidResults.length > 0) {
+          this.processValidationResult(invalidResults, record.__record__id__);
+          reject();
+          break;
+        }
+      }
+      return accept();
+    });
+  }
+  validateRequired(record) {
+    const requiredFields = this._validationSource.getRequiredFields();
+    const invalidFields = [];
+    new Set(requiredFields).forEach(field => {
+      const value = record[field];
+      if (value == undefined || value === "") {
+        const errorMessage = this._validationSource.getMessageForField(field, record.__record__id__);
+        if (errorMessage) {
+          invalidFields.push({ name: field, message: errorMessage });
+        }
+        else {
+          invalidFields.push({ name: field, message: "Essa informação é obrigatória" });
+        }
+      }
+    });
+    if (invalidFields.length > 0) {
+      return { isValid: false, invalidFields, infoMessage: "Há pelo menos um campo obrigatório não preenchido." };
+    }
+    return undefined;
+  }
+  processValidationResult(validationResult, recordId) {
+    validationResult.forEach(invalidResult => {
+      const invalidFields = invalidResult.invalidFields;
+      if (invalidFields) {
+        invalidFields.forEach(field => {
+          this.markAsInvalid(field, recordId);
+        });
+      }
+      if (invalidResult.infoMessage) {
+        ApplicationUtils.info(invalidResult.infoMessage);
+      }
+      if (invalidResult.errorMessage) {
+        const { errorTitle, errorMessage } = invalidResult;
+        ApplicationUtils.error(errorTitle, errorMessage);
+      }
+    });
+  }
+  markAsInvalid(field, recordId) {
+    this._dataUnit.setInvalidField(field.name, field.message, recordId);
+    this._validationSource.markAsInvalid(field, recordId);
+  }
+}
+
+export { RecordValidationProcessor as R, buildFieldMetadata as b };

package/dist/esm/constants-6dab64f7.js

@@ -0,0 +1,4 @@
+const REQUIRED_INFO = " (obrigatório) *";
+const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';
+
+export { DISTINCT_FILTER_NAME_PREFIX as D, REQUIRED_INFO as R };

package/dist/esm/ez-actions-button.entry.js

@@ -0,0 +1,208 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-296b8458.js';
+import { FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
+import './ApplicationUtils-d9a34a16.js';
+import { C as CSSVarsUtils } from './CSSVarsUtils-a97cfa29.js';
+import './DialogType-54a62731.js';
+import './CheckMode-bdb2ec19.js';
+
+const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
+
+const EzActionsButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezAction = createEvent(this, "ezAction", 7);
+    this._arrowOffset = 5;
+    this.innerClickCheck = (floatingContainer, node) => {
+      var _a;
+      if (node && floatingContainer) {
+        if (node === floatingContainer) {
+          return true;
+        }
+        const children = floatingContainer.children;
+        for (let i = 0; i < children.length; i++) {
+          if ((_a = children[i].shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(node)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+    this._selectedAction = undefined;
+    this.enabled = true;
+    this.actions = undefined;
+    this.size = "medium";
+    this.showLabel = false;
+    this.displayIcon = undefined;
+    this.checkOption = false;
+    this.value = undefined;
+    this.isTransparent = false;
+    this.arrowActive = false;
+  }
+  /**
+   * Oculta a lista de ações.
+   */
+  async hideActions() {
+    if (this._floatingID != undefined) {
+      FloatingManager.close(this._floatingID);
+    }
+    this._floatingID = undefined;
+  }
+  /**
+   * Verifica se a lista de ações está aberta.
+   */
+  async isOpened() {
+    return this._floatingID != undefined;
+  }
+  getFloatOptions() {
+    return {
+      autoClose: true,
+      innerClickTest: this.innerClickCheck,
+      isFixed: true,
+      top: this.getPositionTop(),
+      left: this.getPositionLeft()
+    };
+  }
+  getSideLimit() {
+    var _a;
+    const docWidth = document.body.clientWidth;
+    const boundingList = (_a = this._actionsList) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    if ((boundingList === null || boundingList === void 0 ? void 0 : boundingList.right) > docWidth) {
+      return (docWidth - boundingList.width) + "px";
+    }
+    return;
+  }
+  showActions() {
+    if (!this.enabled) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
+      FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
+    }
+    window.requestAnimationFrame(() => {
+      this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    });
+  }
+  updatePosition() {
+    if (!this.enabled || this._floatingID == undefined) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
+    }
+    FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
+  }
+  getPositionTop() {
+    var _a;
+    const boundingHost = (_a = this._element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    if (boundingHost == undefined) {
+      return null;
+    }
+    return (boundingHost.y + boundingHost.height) + "px";
+  }
+  getBoundingLeft() {
+    var _a;
+    const boundingHost = (_a = this._element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    if (boundingHost == undefined) {
+      return null;
+    }
+    const arrowOffset = this.arrowActive ? this._arrowOffset : 0;
+    return (boundingHost.x - arrowOffset) + "px";
+  }
+  getPositionLeft() {
+    const boundingLeft = this.getBoundingLeft();
+    if (boundingLeft) {
+      return boundingLeft;
+    }
+    else if (this.arrowActive) {
+      return `-${this._arrowOffset}px`;
+    }
+    return null;
+  }
+  hasLabelOrCheckOption() {
+    var _a;
+    return (this.showLabel || this.checkOption) && ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) > 0;
+  }
+  hasIconName() {
+    var _a;
+    return (_a = this.actions) === null || _a === void 0 ? void 0 : _a.some(action => action.iconName != undefined);
+  }
+  controlScrollPage() {
+    window.removeEventListener("scroll", this.updatePosition.bind(this));
+    window.addEventListener("scroll", this.updatePosition.bind(this));
+  }
+  //---------------------------------------------
+  // Event handlers
+  //---------------------------------------------
+  handlerButtonClick() {
+    this.showActions();
+  }
+  actionClick(action) {
+    this._selectedAction = action;
+    this.hideActions();
+    this.ezAction.emit(action);
+  }
+  //---------------------------------------------
+  // Lifecycle web component
+  //---------------------------------------------
+  componentWillLoad() {
+    if (this.actions == undefined) {
+      this.actions = [];
+      const optionsTags = this._element.querySelectorAll("action");
+      if (optionsTags) {
+        optionsTags.forEach((e) => {
+          let label = e.innerText;
+          let value = e.getAttribute("value");
+          let enabled = !(e.getAttribute("enabled") === "false");
+          if (!value) {
+            value = label;
+          }
+          this.actions.push({ label, value, enabled });
+          e.hidden = true;
+        });
+      }
+    }
+  }
+  componentDidLoad() {
+    CSSVarsUtils.applyVarsButton(this._element, this._button);
+    ElementIDUtils.addIDInfo(this._element);
+    this.controlScrollPage();
+  }
+  componentDidRender() {
+    if (this._floatingID == undefined) {
+      this._actionsList.remove();
+    }
+    if (this.hasLabelOrCheckOption()) {
+      if (!!this.value) {
+        this._selectedAction = this.actions.find((action) => action.value === this.value);
+      }
+      else if (!!!this._selectedAction) {
+        this._selectedAction = this.actions[0];
+      }
+    }
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("ez-button", { ref: elem => this._button = elem, class: (this.isTransparent ? "ez-actions-button__btn-transparent" : "") +
+        (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
+      h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
+      h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
+          (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
+        (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
+      var _a;
+      return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
+          (this.checkOption || this.hasIconName() ? " ez-actions-button__btn-action--spaced" : "") }, this.checkOption && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.value) === action.value &&
+        h("ez-icon", { class: "ez-actions-button__icon-check", slot: "leftIcon", size: "small", iconName: "check" }), !this.checkOption && action.iconName &&
+        h("ez-icon", { class: "ez-actions-button__icon-item", slot: "leftIcon", size: "small", iconName: action.iconName }));
+    })))));
+  }
+  get _element() { return getElement(this); }
+};
+EzActionsButton.style = ezActionsButtonCss;
+
+export { EzActionsButton as ez_actions_button };

package/dist/esm/ez-alert.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-296b8458.js';
+import { ElementIDUtils } from '@sankhyalabs/core';
+
+const ezAlertCss = ":host{--ez-alert-alert-container--padding-up-down:var(--space--small, 6px);--ez-alert-alert-container--padding-right-left:var(--space--medium, 12px);--ez-alert-alert-container--gap:var(--space--medium, 12px);--ez-alert-alert-container--border-radius:var(--border--radius-medium, 12px);--ez-alert-alert-container--font-color-warn:var(--color--alert-warning-900, #8C6B00);--ez-alert-alert-container--icon-warn:var(--color--alert-warning-900, #8C6B00);--ez-alert-alert-container--background-color-warn:var(--color--alert-warning-200, #FFF7D5);--ez-alert-alert-container--font-color-critical:var(--color--alert-error, #BD0025);--ez-alert-alert-container--icon-critical:var(--color--alert-error, #BD0025);--ez-alert-alert-container--background-color-critical:var(--color--alert-error-200, #F7E0E5);--ez-alert-alert-container--font-color-success:var(--color--alert-success, #157A00);--ez-alert-alert-container--icon-success:var(--color--alert-success, #157A00);--ez-alert-alert-container--background-color-success:var(--color--alert-success-200, #E7F6E0);font-size:var(--text--small, 12px);font-family:var(--font-pattern, \"Roboto\");width:100%;hyphens:auto;display:block}.alert-container{display:flex;align-items:center;gap:var(--ez-alert-alert-container--gap);padding:var(--ez-alert-alert-container--padding-up-down) var(--ez-alert-alert-container--padding-right-left);border-radius:var(--ez-alert-alert-container--border-radius)}.warn{background-color:var(--ez-alert-alert-container--background-color-warn);color:var(--ez-alert-alert-container--font-color-warn)}.critical{background-color:var(--ez-alert-alert-container--background-color-critical);color:var(--ez-alert-alert-container--font-color-critical)}.success{background-color:var(--ez-alert-alert-container--background-color-success);color:var(--ez-alert-alert-container--font-color-success)}ez-icon{--ez-icon--color:inherit}.alert-container__icon-warn{--ez-icon--color:var(--ez-alert-alert-container--icon-warn)}.alert-container__icon-critical{--ez-icon--color:var(--ez-alert-alert-container--icon-critical)}.alert-container__icon-success{--ez-icon--color:var(--ez-alert-alert-container--icon-success)}";
+
+const iconMap = {
+  warn: "warning_triangle",
+  critical: "close",
+  success: "check"
+};
+const EzAlert = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.alertType = 'success';
+  }
+  componentWillRender() {
+    this.dataElementId = ElementIDUtils.addIDInfo(this._element);
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `alert-container ${this.alertType}` }, h("div", null, h("ez-icon", Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: this.dataElementId }, { class: `alert-container__icon-${this.alertType}`, size: "large", iconName: iconMap[this.alertType] }))), h("div", Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${this.dataElementId}_text` }), h("slot", null)))));
+  }
+  get _element() { return getElement(this); }
+};
+EzAlert.style = ezAlertCss;
+
+export { EzAlert as ez_alert };

package/dist/esm/ez-application.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, c as createEvent, h } from './index-296b8458.js';
+
+const ezApplicationCss = "";
+
+const EzApplication = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.applicationLoaded = createEvent(this, "applicationLoaded", 7);
+  }
+  componentWillLoad() {
+    //Initizalize application
+  }
+  componentDidLoad() {
+    this.applicationLoaded.emit(true);
+  }
+  render() {
+    return (h("div", null));
+  }
+};
+EzApplication.style = ezApplicationCss;
+
+export { EzApplication as ez_application };