@sankhyalabs/ezui 1.1.8 → 1.1.9

package/dist/cjs/ez-action-chip.cjs.entry.js

@@ -6,47 +6,47 @@ const index = require('./index-9403fe8f.js');
 
 const ezActionChipCss = ":host{--ac--height:36px;--ac--width:100%;--ac__icon--width:48px;--ac--border-radius:var(--border--radius-large, 24px);--ac--font-size:var(--text--medium, 14px);--ac--font-family:var(--font-pattern, Arial);--ac--font-weight:var(--text-weight--large, 500);--ac--space--medium:var(--space--medium, 6px);--ac__border:1px solid;--ac__border-color-strokes:var(--color--strokes, #DCE0E8);--ac__label--title--primary:var(--title--primary, #919191);--ac__label--color-primary:var(--color--primary, #008561);--ac__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ac__label--background-color:#0085610F;--ac__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ac__label__default--border-color--hover:var(--color--primary-600, #007a5a);--ac__label--text--disabled:var(--text--disable, #AFB6C0);--ac__label--text--primary:var(--text--primary, #626e82);--ac__message_box--font-size:var(--text--small, 12px);--ac__message_box--info--color:var(--color--success, #22085d);--ac__message_box--error--color:var(--color--error, #FF0000);width:100%}.padding-right--small{padding-right:var(--ac--space--medium)}.padding-left--small{padding-left:var(--ac--space--medium)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;color:var(--ac__label--title--primary);fill:var(--ac__label--title--primary);border:var(--ac__border);border-radius:var(--ac--border-radius);border-color:var( --ac__border-color-strokes);padding-right:var(--space--large, 12px);padding-left:var(--space--large, 12px);cursor:pointer}.label__container:hover{border-color:var(--ac__label__default--border-color--hover);background-color:var(--ac__label__default--background-color--hover)}.label__container--active:hover{border-color:var(--ac__label__active--background-color--hover);background-color:var(--ac__label__active--background-color--hover)}label{display:flex;align-items:center;width:calc(100% - var(--ac__icon--width));width:fit-content;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ac--height);font-family:var(--ac--font-family);font-size:var(--ac--font-size)}";
 
-const EzLabelChip = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.actionClick = index.createEvent(this, "actionClick", 7);
-    /**
-     * Deixa o componente disponível ou não para seleção.
-     */
-    this.enabled = true;
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  handleSlotChange(ev) {
-    const slot = ev.target;
-    const content = slot.assignedElements()[0];
-    if (content) {
-      content.style.position = "absolute";
-      content.style.display = "flex";
-      content.style.alignItems = "center";
-      content.style.justifyContent = "center";
-      content.style.overflow = "hidden";
-      content.style.top = "0px";
-      content.style.width = "var(--ac__icon--width)";
-      content.style.height = "var(--ac--height)";
-      if (slot.name == "leftIcon") {
-        content.style.left = "0px";
-        this._labelElem.classList.add('padding-left--small');
-      }
-      else if (slot.name == "rightIcon") {
-        content.style.right = "0px";
-        this._labelElem.classList.add('padding-right--small');
-      }
-    }
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  render() {
-    return (index.h("div", { onClick: () => this.actionClick.emit(), class: "label__container" }, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), index.h("label", { ref: (el) => this._labelElem = el }, this.label), index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
-  }
-};
+const EzLabelChip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+    /**
+     * Deixa o componente disponível ou não para seleção.
+     */
+    this.enabled = true;
+  }
+  //---------------------------------------------
+  // Event handlers
+  //---------------------------------------------
+  handleSlotChange(ev) {
+    const slot = ev.target;
+    const content = slot.assignedElements()[0];
+    if (content) {
+      content.style.position = "absolute";
+      content.style.display = "flex";
+      content.style.alignItems = "center";
+      content.style.justifyContent = "center";
+      content.style.overflow = "hidden";
+      content.style.top = "0px";
+      content.style.width = "var(--ac__icon--width)";
+      content.style.height = "var(--ac--height)";
+      if (slot.name == "leftIcon") {
+        content.style.left = "0px";
+        this._labelElem.classList.add('padding-left--small');
+      }
+      else if (slot.name == "rightIcon") {
+        content.style.right = "0px";
+        this._labelElem.classList.add('padding-right--small');
+      }
+    }
+  }
+  //---------------------------------------------
+  // Lifecycle web component
+  //---------------------------------------------
+  render() {
+    return (index.h("div", { onClick: () => this.actionClick.emit(), class: "label__container" }, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), index.h("label", { ref: (el) => this._labelElem = el }, this.label), index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+  }
+};
 EzLabelChip.style = ezActionChipCss;
 
 exports.ez_action_chip = EzLabelChip;