@zanichelli/albe-web-components 2.33.4 → 2.34.0

package/dist/collection/beans/index.js

@@ -137,14 +137,6 @@ export var DividerOrientation;
   DividerOrientation["horizontal"] = "horizontal";
   DividerOrientation["vertical"] = "vertical";
 })(DividerOrientation || (DividerOrientation = {}));
-export var TableHeaderSize;
-(function (TableHeaderSize) {
-  TableHeaderSize["x-small"] = "x-small";
-  TableHeaderSize["small"] = "small";
-  TableHeaderSize["medium"] = "medium";
-  TableHeaderSize["large"] = "large";
-  TableHeaderSize["special"] = "special";
-})(TableHeaderSize || (TableHeaderSize = {}));
 export var SortDirectionEnum;
 (function (SortDirectionEnum) {
   SortDirectionEnum["asc"] = "asc";
@@ -172,6 +164,14 @@ export var ListSize;
   ListSize["large"] = "large";
   ListSize["x-large"] = "x-large";
 })(ListSize || (ListSize = {}));
+export var Size;
+(function (Size) {
+  Size["x-small"] = "x-small";
+  Size["small"] = "small";
+  Size["medium"] = "medium";
+  Size["large"] = "large";
+  Size["special"] = "special";
+})(Size || (Size = {}));
 export var ExpandableListStyle;
 (function (ExpandableListStyle) {
   ExpandableListStyle["accordion"] = "accordion";

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

@@ -1,8 +1,10 @@
 import { Component, Element, h, Host, Prop, State } from "@stencil/core";
-import { ButtonVariantEnum, ButtonSizeEnum } from "../../../beans";
+import { ButtonVariantEnum, ButtonSizeEnum, Size } from "../../../beans";
 import classNames from "classnames";
 export class ZRegistroTableCell {
   constructor() {
+    /** Set padding size of cell, if special 0px padding will be set */
+    this.padding = Size.medium;
     this.isMenuOpened = false;
   }
   handleMenu() {
@@ -49,6 +51,29 @@ export class ZRegistroTableCell {
       },
       "attribute": "show-button",
       "reflect": false
+    },
+    "padding": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "Size",
+        "resolved": "Size.large | Size.medium | Size.small | Size.special | typeof Size[\"x-small\"]",
+        "references": {
+          "Size": {
+            "location": "import",
+            "path": "../../../beans"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Set padding size of cell, if special 0px padding will be set"
+      },
+      "attribute": "padding",
+      "reflect": true,
+      "defaultValue": "Size.medium"
     }
   }; }
   static get states() { return {

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

@@ -1,6 +1,5 @@
 :host {
   display: table-cell;
-  padding: calc(var(--space-unit) * 2);
   background-color: var(--color-white);
   border-bottom: var(--border-size-small) solid var(--bg-grey-200);
   font-family: var(--dashboard-font);
@@ -37,3 +36,22 @@
 .contextual-menu-container.visible {
   display: initial;
 }
+
+:host([padding="x-small"]) {
+  padding: calc(var(--space-unit) * 0.5);
+}
+:host([padding="small"]) {
+  padding: calc(var(--space-unit));
+}
+
+:host([padding="medium"]) {
+  padding: calc(var(--space-unit) * 2);
+}
+
+:host([padding="large"]) {
+  padding: calc(var(--space-unit) * 2.5);
+}
+
+:host([padding="special"]) {
+  padding: 0;
+}

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

@@ -1,11 +1,11 @@
 import { Component, Element, Event, h, Host, Listen, Prop, State, } from "@stencil/core";
 import classNames from "classnames";
-import { ButtonSizeEnum, ButtonVariantEnum, PopoverPosition, SortDirectionEnum, TableHeaderSize, } from "../../../beans";
+import { ButtonSizeEnum, ButtonVariantEnum, PopoverPosition, Size, SortDirectionEnum, } from "../../../beans";
 import { getElementTree } from "../../../utils/utils";
 export class ZRegistroTableHeader {
   constructor() {
-    /** [Optional] Padding of the header */
-    this.size = TableHeaderSize["medium"];
+    /** Set padding size of cell, if special 0px padding will be set */
+    this.padding = Size.medium;
     /** [Optional] Default sort order */
     this.defaultSortDirection = SortDirectionEnum.asc;
     this.sortDirection = SortDirectionEnum.none;
@@ -15,7 +15,7 @@ export class ZRegistroTableHeader {
   emitOnSort() {
     this.sort.emit({
       columnId: this.columnId,
-      sortDirection: this.sortDirection
+      sortDirection: this.sortDirection,
     });
   }
   handleSort() {
@@ -24,10 +24,14 @@ export class ZRegistroTableHeader {
     }
     this.sortDirection = (() => {
       switch (this.sortDirection) {
-        case (SortDirectionEnum.asc): return SortDirectionEnum.desc;
-        case (SortDirectionEnum.desc): return SortDirectionEnum.asc;
-        case (SortDirectionEnum.none): return this.defaultSortDirection;
-        default: return SortDirectionEnum.none;
+        case SortDirectionEnum.asc:
+          return SortDirectionEnum.desc;
+        case SortDirectionEnum.desc:
+          return SortDirectionEnum.asc;
+        case SortDirectionEnum.none:
+          return this.defaultSortDirection;
+        default:
+          return SortDirectionEnum.none;
       }
     })();
     this.emitOnSort();
@@ -58,7 +62,7 @@ export class ZRegistroTableHeader {
     this.host.setAttribute("role", "columnheader");
   }
   render() {
-    return (h(Host, { class: classNames(`size-${this.size}`, {
+    return (h(Host, { class: classNames({
         sortable: this.sortable,
       }), onClick: () => this.handleSort() },
       h("div", { class: classNames("container") },
@@ -100,28 +104,28 @@ export class ZRegistroTableHeader {
       "attribute": "column-id",
       "reflect": false
     },
-    "size": {
+    "padding": {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "TableHeaderSize",
-        "resolved": "TableHeaderSize.large | TableHeaderSize.medium | TableHeaderSize.small | TableHeaderSize.special | typeof TableHeaderSize[\"x-small\"]",
+        "original": "Size",
+        "resolved": "Size.large | Size.medium | Size.small | Size.special | typeof Size[\"x-small\"]",
         "references": {
-          "TableHeaderSize": {
+          "Size": {
             "location": "import",
             "path": "../../../beans"
           }
         }
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
-        "text": "[Optional] Padding of the header"
+        "text": "Set padding size of cell, if special 0px padding will be set"
       },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "TableHeaderSize[\"medium\"]"
+      "attribute": "padding",
+      "reflect": true,
+      "defaultValue": "Size.medium"
     },
     "sortable": {
       "type": "boolean",

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

@@ -17,27 +17,23 @@
   cursor: pointer;
 }
 
-/*
-Padding
-*/
-:host(.size-x-small) {
-  padding: calc(var(--space-unit) / 2);
+:host([padding="x-small"]) {
+  padding: calc(var(--space-unit) * 0.5);
 }
-
-:host(.size-small) {
-  padding: var(--space-unit);
+:host([padding="small"]) {
+  padding: calc(var(--space-unit));
 }
 
-:host(.size-medium) {
+:host([padding="medium"]) {
   padding: calc(var(--space-unit) * 2);
 }
 
-:host(.size-large) {
-  padding: calc(var(--space-unit) * 3);
+:host([padding="large"]) {
+  padding: calc(var(--space-unit) * 2.5);
 }
 
-:host(.size-special) {
-  padding: 20px 40px;
+:host([padding="special"]) {
+  padding: 0;
 }
 
 /*

package/dist/esm/_commonjsHelpers-8b28c6fa.js

@@ -0,0 +1,15 @@
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { createCommonjsModule as c };

package/dist/esm/{hammer-c807d0b5.js → hammer-501342a9.js}

@@ -1,16 +1,4 @@
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
+import { c as createCommonjsModule } from './_commonjsHelpers-8b28c6fa.js';
 
 var hammer = createCommonjsModule(function (module) {
 /*! Hammer.JS - v2.0.7 - 2016-04-22
@@ -2657,4 +2645,4 @@ if (typeof undefined$1 === 'function' && undefined$1.amd) {
 })(window, document, 'Hammer');
 });
 
-export { createCommonjsModule as c, hammer as h };
+export { hammer as h };