@zanichelli/delta_share 3.2.5 → 4.0.0

package/dist/wc/esm/z-toggle-button.entry.js

@@ -1,16 +1,15 @@
-import { r as registerInstance, c as createEvent, h } from './index-1b01fa0e.js';
+import { r as registerInstance, c as createEvent, h } from './index-b69e88d4.js';
 
-const stylesCss = "button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled02);fill:var(--color-disabled02)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
+const stylesCss = "button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
 
 const ZToggleButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.toggleClick = createEvent(this, "toggleClick", 7);
-    /** disabled status flag (optional) */
+    this.label = undefined;
     this.isdisabled = false;
-    /** open by default (optional) */
+    this.avoidclick = undefined;
     this.opened = false;
-    /**  aria-label for the button */
     this.ariaLabel = "";
   }
   emitToggleClick() {
@@ -21,10 +20,10 @@ const ZToggleButton = class {
     this.toggleClick.emit(this.opened);
   }
   render() {
-    return (h("button", { tabindex: this.avoidclick ? "-1" : "0", class: {
+    return (h("button", { key: 'ff8e644553c0ebb8e943a7be38308fcebcbb9f74', tabindex: this.avoidclick ? "-1" : "0", class: {
         "isopen": this.opened,
         "avoid-clicks": this.avoidclick,
-      }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+      }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '75be11bb4f5f880aa057a1f519956e683ce4601f', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
   }
 };
 ZToggleButton.style = stylesCss;

package/dist/wc/esm/z-toggle-switch.entry.js

@@ -1,21 +1,17 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-1b01fa0e.js';
-import { r as randomId } from './utils-bc5ea6f7.js';
-import { L as LabelPosition } from './index-9d240d39.js';
-import './breakpoints-3c3dbb8c.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b69e88d4.js';
+import { L as LabelPosition } from './index-74e0ef99.js';
+import { r as randomId } from './utils-1f351a57.js';
+import './breakpoints-9229197d.js';
 
-const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-text01);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
+const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
 
 const ZToggleSwitch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.toggleClick = createEvent(this, "toggleClick", 7);
-    /** Disabled flag */
     this.disabled = false;
-    /** Label position */
     this.labelPosition = LabelPosition.LEFT;
-    /** Checked state */
     this.checked = false;
-    /** HTML id attribute to set to the internal checkbox */
     this.htmlid = `toggle-switch-id-${randomId()}`;
   }
   emitToggleClick() {
@@ -32,14 +28,14 @@ const ZToggleSwitch = class {
     this.emitToggleClick();
   }
   render() {
-    return (h(Host, null, h("input", { id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { htmlFor: this.htmlid, class: {
+    return (h(Host, { key: '362b31e90ab912df5167446dfd415dfe8f16beaa' }, h("input", { key: '0fe79cb376f214a1ef2f7bfeb70e8538db0bf4be', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'e98eb52726eae27cdf4df9c46c96259f77b708ea', htmlFor: this.htmlid, class: {
         [this.labelPosition]: true,
         disabled: this.disabled,
-      } }, h("span", null, h("slot", null)), h("span", { class: {
+      } }, h("span", { key: 'a0b1627779aa98080777b817a3930d750904afc9' }, h("slot", { key: 'cd44ff95db14fc84f360f64aa08180972cb8d532' })), h("span", { key: '070a6d688fd1899554c4a6913ea3df1e5a395403', class: {
         container: true,
         disabled: this.disabled,
         checked: this.checked,
-      } }, h("span", { class: "circle" }, this.checked && (h("z-icon", { width: 12, height: 12, name: "checkmark" })))))));
+      } }, h("span", { key: '0ff0eced728bbc43d0a754374dc233c88abe4603', class: "circle" }, this.checked && (h("z-icon", { key: 'bce3b5b876c813e2f9b8c9715a973133ecd3863b', width: 12, height: 12, name: "checkmark" })))))));
   }
 };
 ZToggleSwitch.style = stylesCss;

package/dist/wc/esm/z-tooltip.entry.js

@@ -1,31 +1,22 @@
-import { r as registerInstance, h } from './index-1b01fa0e.js';
-import { P as PopoverPosition } from './index-9d240d39.js';
+import { r as registerInstance, h } from './index-b69e88d4.js';
+import { P as PopoverPosition } from './index-74e0ef99.js';
 
-const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
+const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
 
 const ZTooltip = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Tooltip position. */
     this.position = PopoverPosition.AUTO;
-    /** Enable tooltip dark mode. */
     this.dark = false;
-    /**
-     * The open state of the tooltip.
-     */
     this.open = false;
-    /**
-     * Reflects `closable` prop of the popover.
-     * "If true, the popover can be closed by clicking outside of it or pressing the escape key.
-     * Otherwise, it will be closed only programmatically (by setting `open` to `false`)."
-     */
+    this.bindTo = undefined;
     this.closable = true;
   }
   onPopoverOpenChange() {
     this.open = this.popoverEl.open;
   }
   render() {
-    return (h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", null)));
+    return (h("z-popover", { key: '055811eac8115dde60dadaf79951780df2ff64ae', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'bf96152d1131f62d93afbfe155ed0e80ad001385' })));
   }
 };
 ZTooltip.style = stylesCss;

package/dist/wc/esm/z-tr.entry.js

@@ -1,7 +1,7 @@
-export { Z as z_tr } from './index-cfd5ec9b.js';
-import './index-1b01fa0e.js';
-import './utils-bc5ea6f7.js';
-import './index-9d240d39.js';
-import './breakpoints-3c3dbb8c.js';
-import './index-ff4885bf.js';
-import './index-ce7e02a3.js';
+export { Z as z_tr } from './index-02968d97.js';
+import './index-b69e88d4.js';
+import './utils-1f351a57.js';
+import './index-74e0ef99.js';
+import './breakpoints-9229197d.js';
+import './index-cd166cda.js';
+import './index-477f3c77.js';

package/dist/wc/esm/z-visually-hidden.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-1b01fa0e.js';
+import { r as registerInstance, h } from './index-b69e88d4.js';
 
 const stylesCss = ":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 
@@ -7,7 +7,7 @@ const ZVisuallyHidden = class {
     registerInstance(this, hostRef);
   }
   render() {
-    return h("slot", null);
+    return h("slot", { key: '3f4358dfc989f8813ff2aa14180b8ec23ce55494' });
   }
 };
 ZVisuallyHidden.style = stylesCss;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zanichelli/delta_share",
-  "version": "3.2.5",
+  "version": "4.0.0",
   "description": "",
   "main": "./dist/react/index.js",
   "module": "./dist/react/index.js",

package/dist/wc/cjs/breakpoints-e7c8838e.js

@@ -1,9 +0,0 @@
-'use strict';
-
-const mobileBreakpoint = 767;
-const tabletBreakpoint = 1052;
-const desktopBreakpoint = 1365;
-
-exports.desktopBreakpoint = desktopBreakpoint;
-exports.mobileBreakpoint = mobileBreakpoint;
-exports.tabletBreakpoint = tabletBreakpoint;