@zanichelli/albe-web-components 2.31.0 → 2.31.1

package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/index.js

@@ -1,37 +1,37 @@
-import { Component, Prop, Host, h } from "@stencil/core";
-export class ZRegistroTableHeaderRow {
-  _renderExpandHeader() {
-    return h("z-registro-table-header", null);
-  }
-  render() {
-    return (h(Host, { role: "row" },
-      this.expandable && this._renderExpandHeader(),
-      h("slot", null)));
-  }
-  static get is() { return "z-registro-table-header-row"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "expandable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "expandable",
-      "reflect": true
-    }
-  }; }
-}
+import { Component, Prop, Host, h } from "@stencil/core";
+export class ZRegistroTableHeaderRow {
+  _renderExpandHeader() {
+    return h("z-registro-table-header", null);
+  }
+  render() {
+    return (h(Host, { role: "row" },
+      this.expandable && this._renderExpandHeader(),
+      h("slot", null)));
+  }
+  static get is() { return "z-registro-table-header-row"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get properties() { return {
+    "expandable": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "expandable",
+      "reflect": true
+    }
+  }; }
+}

package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/styles.css

@@ -1,13 +1,13 @@
-z-registro-table-header-row {
-  display: table-row;
-}
-
-z-registro-table-header-row[expandable] > z-registro-table-header:first-child {
-  width: 40px;
-  user-select: none;
-  box-sizing: border-box;
-}
-
-z-registro-table-header-row[expandable] > z-registro-table-header:nth-child(2) {
-  padding-left: 8px;
-}
+z-registro-table-header-row {
+  display: table-row;
+}
+
+z-registro-table-header-row[expandable] > z-registro-table-header:first-child {
+  width: 40px;
+  user-select: none;
+  box-sizing: border-box;
+}
+
+z-registro-table-header-row[expandable] > z-registro-table-header:nth-child(2) {
+  padding-left: 8px;
+}

package/dist/collection/snowflakes/registro-table/z-registro-table-row/index.js

@@ -1,86 +1,86 @@
-import { Component, Prop, State, Host, h, Event, } from "@stencil/core";
-import { ZRegistroTableRowExpandedType } from "../../../beans";
-export class ZRegistroTableRow {
-  constructor() {
-    this.expandedType = ZRegistroTableRowExpandedType.none;
-    this.expanded = false;
-  }
-  emitOnExpand() {
-    this.expand.emit({ expanded: this.expanded });
-  }
-  handleExpand() {
-    this.expanded = !this.expanded;
-    this.emitOnExpand();
-  }
-  renderExpandButton() {
-    if (this.expandedType == ZRegistroTableRowExpandedType.expandable) {
-      return (h("z-registro-table-cell", { style: { borderRight: "none" } },
-        h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
-    }
-    return (h("z-registro-table-cell", { style: { borderRight: "none" } },
-      h("div", { class: "z-icon-placeholder" })));
-  }
-  render() {
-    return (h(Host, { role: "row", expanded: this.expanded, onClick: (event) => {
-        const contextualMenuClick = event.target.nodeName === 'Z-CONTEXTUAL-MENU';
-        const isExpandable = this.expandedType === ZRegistroTableRowExpandedType.expandable;
-        if (isExpandable && !contextualMenuClick) {
-          this.handleExpand();
-        }
-      } },
-      this.expandedType !== ZRegistroTableRowExpandedType.none &&
-        this.renderExpandButton(),
-      h("slot", null)));
-  }
-  static get is() { return "z-registro-table-row"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "expandedType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ZRegistroTableRowExpandedType",
-        "resolved": "ZRegistroTableRowExpandedType.expandable | ZRegistroTableRowExpandedType.none | ZRegistroTableRowExpandedType.padding",
-        "references": {
-          "ZRegistroTableRowExpandedType": {
-            "location": "import",
-            "path": "../../../beans"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "expanded-type",
-      "reflect": true,
-      "defaultValue": "ZRegistroTableRowExpandedType.none"
-    }
-  }; }
-  static get states() { return {
-    "expanded": {}
-  }; }
-  static get events() { return [{
-      "method": "expand",
-      "name": "expand",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-}
+import { Component, Prop, State, Host, h, Event, } from "@stencil/core";
+import { ZRegistroTableRowExpandedType } from "../../../beans";
+export class ZRegistroTableRow {
+  constructor() {
+    this.expandedType = ZRegistroTableRowExpandedType.none;
+    this.expanded = false;
+  }
+  emitOnExpand() {
+    this.expand.emit({ expanded: this.expanded });
+  }
+  handleExpand() {
+    this.expanded = !this.expanded;
+    this.emitOnExpand();
+  }
+  renderExpandButton() {
+    if (this.expandedType == ZRegistroTableRowExpandedType.expandable) {
+      return (h("z-registro-table-cell", { style: { borderRight: "none" } },
+        h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
+    }
+    return (h("z-registro-table-cell", { style: { borderRight: "none" } },
+      h("div", { class: "z-icon-placeholder" })));
+  }
+  render() {
+    return (h(Host, { role: "row", expanded: this.expanded, onClick: (event) => {
+        const contextualMenuClick = event.target.nodeName === 'Z-CONTEXTUAL-MENU';
+        const isExpandable = this.expandedType === ZRegistroTableRowExpandedType.expandable;
+        if (isExpandable && !contextualMenuClick) {
+          this.handleExpand();
+        }
+      } },
+      this.expandedType !== ZRegistroTableRowExpandedType.none &&
+        this.renderExpandButton(),
+      h("slot", null)));
+  }
+  static get is() { return "z-registro-table-row"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get properties() { return {
+    "expandedType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ZRegistroTableRowExpandedType",
+        "resolved": "ZRegistroTableRowExpandedType.expandable | ZRegistroTableRowExpandedType.none | ZRegistroTableRowExpandedType.padding",
+        "references": {
+          "ZRegistroTableRowExpandedType": {
+            "location": "import",
+            "path": "../../../beans"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "expanded-type",
+      "reflect": true,
+      "defaultValue": "ZRegistroTableRowExpandedType.none"
+    }
+  }; }
+  static get states() { return {
+    "expanded": {}
+  }; }
+  static get events() { return [{
+      "method": "expand",
+      "name": "expand",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/collection/snowflakes/registro-table/z-registro-table-row/styles.css

@@ -1,54 +1,54 @@
-z-registro-table-row {
-  display: table-row;
-  font-family: var(--font-family-sans);
-}
-
-z-registro-table-row[expanded-type="expandable"]:hover {
-  cursor: pointer;
-}
-
-z-registro-table-row[expanded-type="expandable"]
-  > z-registro-table-cell:first-child,
-z-registro-table-row[expanded-type="padding"]
-  > z-registro-table-cell:first-child {
-  --z-icon-width: 16px;
-  --z-icon-height: 16px;
-
-  width: 24px;
-  padding-left: 16px;
-  padding-right: 0px;
-  box-sizing: border-box;
-  text-align: center;
-
-  fill: var(--gray800);
-
-  user-select: none;
-}
-
-.z-icon-placeholder {
-  width: 24px;
-  padding-right: 0px;
-}
-
-z-registro-table-row[expanded-type="expandable"]
-  > z-registro-table-cell:nth-child(2),
-z-registro-table-row[expanded-type="padding"]
-  > z-registro-table-cell:nth-child(2) {
-  padding-left: 8px;
-}
-
-z-registro-table-row[expanded-type]:hover > z-registro-table-cell:first-child {
-  fill: var(--myz-blue-dark);
-}
-
-z-registro-table-row[expanded] > z-registro-tale-cell {
-  background-color: var(--gray50);
-}
-
-z-registro-table-row[expanded] + z-registro-table-expanded-row {
-  display: table-row;
-}
-
-z-registro-table-row[expanded] > z-registro-table-cell {
-  border-bottom: none;
-}
+z-registro-table-row {
+  display: table-row;
+  font-family: var(--font-family-sans);
+}
+
+z-registro-table-row[expanded-type="expandable"]:hover {
+  cursor: pointer;
+}
+
+z-registro-table-row[expanded-type="expandable"]
+  > z-registro-table-cell:first-child,
+z-registro-table-row[expanded-type="padding"]
+  > z-registro-table-cell:first-child {
+  --z-icon-width: 16px;
+  --z-icon-height: 16px;
+
+  width: 24px;
+  padding-left: 16px;
+  padding-right: 0px;
+  box-sizing: border-box;
+  text-align: center;
+
+  fill: var(--gray800);
+
+  user-select: none;
+}
+
+.z-icon-placeholder {
+  width: 24px;
+  padding-right: 0px;
+}
+
+z-registro-table-row[expanded-type="expandable"]
+  > z-registro-table-cell:nth-child(2),
+z-registro-table-row[expanded-type="padding"]
+  > z-registro-table-cell:nth-child(2) {
+  padding-left: 8px;
+}
+
+z-registro-table-row[expanded-type]:hover > z-registro-table-cell:first-child {
+  fill: var(--myz-blue-dark);
+}
+
+z-registro-table-row[expanded] > z-registro-tale-cell {
+  background-color: var(--gray50);
+}
+
+z-registro-table-row[expanded] + z-registro-table-expanded-row {
+  display: table-row;
+}
+
+z-registro-table-row[expanded] > z-registro-table-cell {
+  border-bottom: none;
+}

package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/index.js

@@ -1,17 +1,17 @@
-import { Component, h } from '@stencil/core';
-/**
- * @slot - table sticky footer content
- */
-export class ZRegistroTableStickyFooter {
-  render() {
-    return (h("slot", null));
-  }
-  static get is() { return "z-registro-table-sticky-footer"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-}
+import { Component, h } from '@stencil/core';
+/**
+ * @slot - table sticky footer content
+ */
+export class ZRegistroTableStickyFooter {
+  render() {
+    return (h("slot", null));
+  }
+  static get is() { return "z-registro-table-sticky-footer"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+}

package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/styles.css

@@ -1,11 +1,11 @@
-:host {
-  display: block;
-  position: sticky;
-  left: 0;
-  padding: var(--basex2);
-  background-color: var(--bg-white);
-  border-style: solid;
-  border-color: var(--gray200);
-  border-width: var(--border-size-small) 0 var(--border-base);
-  font-weight: var(--font-rg);
+:host {
+  display: block;
+  position: sticky;
+  left: 0;
+  padding: var(--basex2);
+  background-color: var(--bg-white);
+  border-style: solid;
+  border-color: var(--gray200);
+  border-width: var(--border-size-small) 0 var(--border-base);
+  font-weight: var(--font-rg);
 }

package/dist/collection/themes/index.story.js

@@ -1,18 +1,18 @@
-export function getCssColorVars() {
-  const styleSheet = [...document.styleSheets].find((sheet) =>
-    sheet.href?.includes("web-components-library")
-  );
-
-  const themeVariables = [...styleSheet.cssRules]
-    .filter(
-      (rule) =>
-        // only take the declarations for :root and containing `--color`
-        rule.selectorText === ":root" &&
-        Object.values(rule.style).some((decl) => decl.startsWith("--color"))
-    )
-    .map((rule) => Object.values(rule.style))
-    .flat()
-    .filter((i) => i);
-  // return removing duplicates
-  return [...new Set(themeVariables)];
-}
+export function getCssColorVars() {
+  const styleSheet = [...document.styleSheets].find((sheet) =>
+    sheet.href?.includes("web-components-library")
+  );
+
+  const themeVariables = [...styleSheet.cssRules]
+    .filter(
+      (rule) =>
+        // only take the declarations for :root and containing `--color`
+        rule.selectorText === ":root" &&
+        Object.values(rule.style).some((decl) => decl.startsWith("--color"))
+    )
+    .map((rule) => Object.values(rule.style))
+    .flat()
+    .filter((i) => i);
+  // return removing duplicates
+  return [...new Set(themeVariables)];
+}

package/dist/collection/utils/utils.js

@@ -1,82 +1,82 @@
-import { keybordKeyCodeEnum, DeviceEnum } from "../beans/index";
-import { mobileBreakpoint, tabletBreakpoint } from "../constants/breakpoints";
-export function format(first, middle, last) {
-  return ((first || "") + (middle ? ` ${middle}` : "") + (last ? ` ${last}` : ""));
-}
-export function retrieveAsset(assetName) {
-  return assetName && "assets/images/png/" + assetName;
-}
-export function randomId() {
-  return Math.random().toString(36).replace("0.", "");
-}
-export function handleKeyboardSubmit(ev, callback, ...args) {
-  if (ev.keyCode === keybordKeyCodeEnum.ENTER ||
-    ev.keyCode === keybordKeyCodeEnum.SPACE) {
-    ev.preventDefault();
-    callback(...args);
-  }
-}
-export function getClickedElement(elem = null) {
-  if (!elem)
-    elem = document.activeElement;
-  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
-    elem = elem.shadowRoot.activeElement;
-    return getClickedElement(elem);
-  }
-  return elem;
-}
-export function getElementTree(elem, tree = []) {
-  tree.push(elem);
-  if (elem.parentElement) {
-    elem = elem.parentElement;
-    return getElementTree(elem, tree);
-    // @ts-ignore
-  }
-  else if (elem.parentNode && elem.parentNode.host) {
-    // @ts-ignore
-    elem = elem.parentNode.host;
-    return getElementTree(elem, tree);
-  }
-  return tree;
-}
-export function getSiblings(elem) {
-  let siblings = [];
-  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {
-    return siblings;
-  }
-  elem.parentNode.childNodes.forEach((child) => {
-    if (child.nodeType === 1 && child !== elem) {
-      siblings.push(child);
-    }
-  });
-  return siblings;
-}
-export function getDevice() {
-  switch (true) {
-    case window.innerWidth <= mobileBreakpoint:
-      return DeviceEnum.mobile;
-    case window.innerWidth <= tabletBreakpoint:
-      return DeviceEnum.tablet;
-    default:
-      return DeviceEnum.desktop;
-  }
-}
-export function convertJson(data) {
-  try {
-    return JSON.parse(data);
-  }
-  catch (e) {
-    return false;
-  }
-}
-const prefix = 'avatar-C'; // prefix for color vars name
-const colorsCount = 19; // available colors
-export function colorFromId(id) {
-  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);
-  let color = Math.ceil(colorsCount * (seed % 1));
-  // if result of mc is 0
-  // es.: 3895229
-  if (color === 0)
-    color = 1;
-  return `${prefix}${color.toString().padStart(2, '0')}`;
-}
+import { keybordKeyCodeEnum, DeviceEnum } from "../beans/index";
+import { mobileBreakpoint, tabletBreakpoint } from "../constants/breakpoints";
+export function format(first, middle, last) {
+  return ((first || "") + (middle ? ` ${middle}` : "") + (last ? ` ${last}` : ""));
+}
+export function retrieveAsset(assetName) {
+  return assetName && "assets/images/png/" + assetName;
+}
+export function randomId() {
+  return Math.random().toString(36).replace("0.", "");
+}
+export function handleKeyboardSubmit(ev, callback, ...args) {
+  if (ev.keyCode === keybordKeyCodeEnum.ENTER ||
+    ev.keyCode === keybordKeyCodeEnum.SPACE) {
+    ev.preventDefault();
+    callback(...args);
+  }
+}
+export function getClickedElement(elem = null) {
+  if (!elem)
+    elem = document.activeElement;
+  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
+    elem = elem.shadowRoot.activeElement;
+    return getClickedElement(elem);
+  }
+  return elem;
+}
+export function getElementTree(elem, tree = []) {
+  tree.push(elem);
+  if (elem.parentElement) {
+    elem = elem.parentElement;
+    return getElementTree(elem, tree);
+    // @ts-ignore
+  }
+  else if (elem.parentNode && elem.parentNode.host) {
+    // @ts-ignore
+    elem = elem.parentNode.host;
+    return getElementTree(elem, tree);
+  }
+  return tree;
+}
+export function getSiblings(elem) {
+  let siblings = [];
+  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {
+    return siblings;
+  }
+  elem.parentNode.childNodes.forEach((child) => {
+    if (child.nodeType === 1 && child !== elem) {
+      siblings.push(child);
+    }
+  });
+  return siblings;
+}
+export function getDevice() {
+  switch (true) {
+    case window.innerWidth <= mobileBreakpoint:
+      return DeviceEnum.mobile;
+    case window.innerWidth <= tabletBreakpoint:
+      return DeviceEnum.tablet;
+    default:
+      return DeviceEnum.desktop;
+  }
+}
+export function convertJson(data) {
+  try {
+    return JSON.parse(data);
+  }
+  catch (e) {
+    return false;
+  }
+}
+const prefix = 'avatar-C'; // prefix for color vars name
+const colorsCount = 19; // available colors
+export function colorFromId(id) {
+  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);
+  let color = Math.ceil(colorsCount * (seed % 1));
+  // if result of mc is 0
+  // es.: 3895229
+  if (color === 0)
+    color = 1;
+  return `${prefix}${color.toString().padStart(2, '0')}`;
+}

package/dist/esm/{breakpoints-14432d05.js → breakpoints-c386984e.js}

@@ -1,4 +1,4 @@
-const mobileBreakpoint = 767;
+const mobileBreakpoint = 767;
 const tabletBreakpoint = 1023;
 
 export { mobileBreakpoint as m, tabletBreakpoint as t };