@zanichelli/albe-web-components 16.3.5 → 16.4.0-rc

package/dist/cjs/z-toast-notification-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-bab7a651.js');
+const index$1 = require('./index-daad5eae.js');
 
 const stylesCss = ":host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position=\"bottom-centre\"]),:host([position=\"bottom-right\"]),:host([position=\"bottom-left\"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"top-left\"]),:host([position=\"top-right\"]),:host([position=\"top-centre\"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position=\"top-centre\"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position=\"top-left\"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position=\"top-right\"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position=\"bottom-centre\"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position=\"bottom-right\"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"bottom-left\"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";
 const ZToastNotificationListStyle0 = stylesCss;

package/dist/cjs/z-toast-notification.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-bab7a651.js');
+const index$1 = require('./index-daad5eae.js');
 const breakpoints = require('./breakpoints-8a1e87e0.js');
 
 var hammer = {exports: {}};

package/dist/cjs/z-toggle-switch.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-bab7a651.js');
-const utils = require('./utils-257558ff.js');
+const index$1 = require('./index-daad5eae.js');
+const utils = require('./utils-24df887f.js');
 require('./breakpoints-8a1e87e0.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-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}";

package/dist/cjs/z-tooltip.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-bab7a651.js');
+const index$1 = require('./index-daad5eae.js');
 
 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 ZTooltipStyle0 = stylesCss;

package/dist/cjs/z-tr.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-30387c1f.js');
+const index = require('./index-59c3bcbe.js');
 require('./index-96af6326.js');
-require('./utils-257558ff.js');
-require('./index-bab7a651.js');
+require('./utils-24df887f.js');
+require('./index-daad5eae.js');
 require('./breakpoints-8a1e87e0.js');
-require('./index-b504fdc8.js');
-require('./index-0335126f.js');
+require('./index-97f9a3a0.js');
+require('./index-1bcf6013.js');
 
 
 

package/dist/collection/beans/index.js

@@ -239,6 +239,7 @@ export var TransitionDirection;
 (function (TransitionDirection) {
     TransitionDirection["LEFT"] = "left";
     TransitionDirection["RIGHT"] = "right";
+    TransitionDirection["UP"] = "up";
 })(TransitionDirection || (TransitionDirection = {}));
 export var OffCanvasVariant;
 (function (OffCanvasVariant) {

package/dist/collection/beans/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/beans/index.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,6BAAc,CAAA;IACd,mCAAoB,CAAA;IACpB,+BAAgB,CAAA;IAChB,kCAAmB,CAAA;AACrB,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAcD,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,gCAAiB,CAAA;IACjB,gCAAiB,CAAA;IACjB,kCAAmB,CAAA;IACnB,4BAAa,CAAA;AACf,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAyCD,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACnC,sDAAyB,CAAA;IACzB,kDAAqB,CAAA;AACvB,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC;AAED,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,iCAAW,CAAA;IACX,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,4BAKX;AALD,WAAY,4BAA4B;IACtC,kDAAkB,CAAA;IAClB,oDAAoB,CAAA;IACpB,8CAAc,CAAA;IACd,kDAAkB,CAAA;AACpB,CAAC,EALW,4BAA4B,KAA5B,4BAA4B,QAKvC;AAiBD,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,wCAAuB,CAAA;IACvB,sCAAqB,CAAA;AACvB,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB;AAED,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,+BAAiB,CAAA;AACnB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,yBAAW,CAAA;IACX,6BAAe,CAAA;IACf,iCAAmB,CAAA;AACrB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,8BAAe,CAAA;IACf,kCAAmB,CAAA;AACrB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,SAWX;AAXD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,kCAAqB,CAAA;IACrB,8BAAiB,CAAA;IACjB,4BAAe,CAAA;IACf,kCAAqB,CAAA;IACrB,kCAAqB,CAAA;IACrB,4BAAe,CAAA;IACf,wBAAW,CAAA;IACX,wBAAW,CAAA;IACX,8BAAiB,CAAA;AACnB,CAAC,EAXW,SAAS,KAAT,SAAS,QAWpB;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,8BAAe,CAAA;IACf,kCAAmB,CAAA;AACrB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,eAcX;AAdD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,0CAAuB,CAAA;IACvB,wCAAqB,CAAA;IACrB,gDAA6B,CAAA;IAC7B,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;IACvB,gDAA6B,CAAA;IAC7B,wCAAqB,CAAA;IACrB,8CAA2B,CAAA;AAC7B,CAAC,EAdW,eAAe,KAAf,eAAe,QAc1B;AAED,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACzB,mDAAO,CAAA;IACP,wDAAU,CAAA;IACV,oDAAQ,CAAA;IACR,wDAAU,CAAA;IACV,8DAAa,CAAA;IACb,kEAAe,CAAA;IACf,+DAAa,CAAA;IACb,0DAAW,CAAA;AACb,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B;AAED,MAAM,CAAN,IAAY,YAWX;AAXD,WAAY,YAAY;IACtB,2BAAW,CAAA;IACX,+BAAe,CAAA;IACf,8BAAc,CAAA;IACd,+BAAe,CAAA;IACf,oCAAoB,CAAA;IACpB,wCAAwB,CAAA;IACxB,uCAAuB,CAAA;IACvB,iCAAiB,CAAA;IACjB,0CAA0B,CAAA;IAC1B,wCAAwB,CAAA;AAC1B,CAAC,EAXW,YAAY,KAAZ,YAAY,QAWvB;AAWD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,8BAAe,CAAA;AACjB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,+CAAyB,CAAA;IACzB,2CAAqB,CAAA;AACvB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,4BAAW,CAAA;IACX,8BAAa,CAAA;AACf,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AACjB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAED,MAAM,CAAN,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,2BAAe,CAAA;IACf,+BAAmB,CAAA;AACrB,CAAC,EALW,QAAQ,KAAR,QAAQ,QAKnB;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,8CAAuB,CAAA;IACvB,oCAAa,CAAA;AACf,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;IACf,0CAAa,CAAA;AACf,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,gCAAe,CAAA;IACf,8BAAa,CAAA;AACf,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;AACrB,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAED,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,+BAAmB,CAAA;IACnB,mCAAuB,CAAA;AACzB,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AACjB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAED,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,gCAAmB,CAAA;IACnB,4BAAe,CAAA;AACjB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,2BAAiB,CAAA;IACjB,2BAAiB,CAAA;IACjB,6BAAmB,CAAA;IACnB,uCAA6B,CAAA;AAC/B,CAAC,EALW,MAAM,KAAN,MAAM,QAKjB;AAkBD,MAAM,CAAN,IAAY,iBAOX;AAPD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,oCAAe,CAAA;IACf,wCAAmB,CAAA;IACnB,wCAAmB,CAAA;AACrB,CAAC,EAPW,iBAAiB,KAAjB,iBAAiB,QAO5B;AAED,MAAM,CAAN,IAAY,2BASX;AATD,WAAY,2BAA2B;IACrC,8DAA+B,CAAA;IAC/B,gEAAiC,CAAA;IACjC,8DAA+B,CAAA;IAC/B,0DAA2B,CAAA;IAC3B,gEAAiC,CAAA;IACjC,kEAAmC,CAAA;IACnC,gEAAiC,CAAA;IACjC,4DAA6B,CAAA;AAC/B,CAAC,EATW,2BAA2B,KAA3B,2BAA2B,QAStC;AAED,MAAM,CAAN,IAAY,yBAOX;AAPD,WAAY,yBAAyB;IACnC,oDAAuB,CAAA;IACvB,kDAAqB,CAAA;IACrB,sDAAyB,CAAA;IACzB,0DAA6B,CAAA;IAC7B,wDAA2B,CAAA;IAC3B,4DAA+B,CAAA;AACjC,CAAC,EAPW,yBAAyB,KAAzB,yBAAyB,QAOpC;AAED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,kDAAyB,CAAA;IACzB,4CAAmB,CAAA;IACnB,sCAAa,CAAA;AACf,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,yCAAuB,CAAA;AACzB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,+CAA2B,CAAA;AAC7B,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;AACvB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,8BAAiB,CAAA;IACjB,4BAAe,CAAA;AACjB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,4BAGX;AAHD,WAAY,4BAA4B;IACtC,iDAAiB,CAAA;IACjB,+CAAe,CAAA;AACjB,CAAC,EAHW,4BAA4B,KAA5B,4BAA4B,QAGvC;AAED,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,0CAAuB,CAAA;IACvB,oCAAiB,CAAA;AACnB,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAED,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,iEAAU,CAAA;IACV,2EAAe,CAAA;IACf,qEAAY,CAAA;AACd,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,kCAAW,CAAA;IACX,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,iCAAa,CAAA;IACb,2CAAuB,CAAA;AACzB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAQD,MAAM,CAAN,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,2CAAqB,CAAA;IACrB,mDAA6B,CAAA;IAC7B,iDAA2B,CAAA;AAC7B,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,QAK7B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,uCAAW,CAAA;IACX,6CAAiB,CAAA;AACnB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,QAGnC;AAED,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,uCAAa,CAAA;IACb,2CAAiB,CAAA;AACnB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC;AAED,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,qCAAa,CAAA;IACb,2CAAmB,CAAA;AACrB,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B;AA4BD,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,gDAAyB,CAAA;AAC3B,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACnC,0CAAa,CAAA;IACb,0CAAa,CAAA;AACf,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;AACnB,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,6CAAyB,CAAA;AAC3B,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B","sourcesContent":["export type MyzLink = {\n  label: string;\n  img: string;\n  link: string;\n};\n\nexport enum LicenseType {\n  REAL = \"reale\",\n  VIRTUAL = \"virtuale\",\n  TRIAL = \"saggio\",\n  TEMP = \"reale_temp\",\n}\n\nexport type Card = {\n  id: string;\n  isbn: string;\n  volumeTitle: string;\n  operaTitle: string;\n  img: string;\n  authors: string;\n  actions: Action[];\n  isBookmark: boolean;\n  licenseType: LicenseType;\n};\n\nexport enum CardVariant {\n  BORDER = \"border\",\n  SHADOW = \"shadow\",\n  OVERLAY = \"overlay\",\n  TEXT = \"text\",\n}\n\nexport type Action = {\n  isLink: boolean;\n  value: string;\n  url?: string;\n};\n\nexport type ListItem = {\n  text: string;\n  link?: string;\n  linktarget?: string;\n  icon?: string;\n  listitemid?: string;\n};\n\nexport type FilterItem = {\n  name: string;\n  id: string;\n  isActive: boolean;\n  isfixed: boolean;\n};\n\nexport type MenuItem = {\n  id: string;\n  label: string;\n  link?: string;\n  icon?: string;\n  target?: string;\n  subMenu?: MenuItem[];\n};\n\nexport type TabItem = {\n  id: string;\n  label: string;\n  icon?: string;\n  size?: string;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\nexport enum NavigationTabsOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum NavigationTabsSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n}\n\nexport enum NavigationTabsKeyboardEvents {\n  LEFT = \"ArrowLeft\",\n  RIGHT = \"ArrowRight\",\n  UP = \"ArrowUp\",\n  DOWN = \"ArrowDown\",\n}\n\nexport type HeaderUserData = {\n  islogged: boolean;\n  id?: number;\n  name?: string;\n  usergroup: number;\n  userlinks: MenuItem[];\n};\n\nexport type ComboItem = {\n  id: string;\n  name: string;\n  checked: boolean;\n  category?: string;\n};\n\nexport enum ButtonVariant {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\",\n}\n\nexport enum ButtonType {\n  SUBMIT = \"submit\",\n  RESET = \"reset\",\n  BUTTON = \"button\",\n}\n\n/**\n * @deprecated Use ControlSize instead\n */\nexport enum ButtonSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum ControlSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum InputType {\n  TEXT = \"text\",\n  PASSWORD = \"password\",\n  NUMBER = \"number\",\n  EMAIL = \"email\",\n  TEXTAREA = \"textarea\",\n  CHECKBOX = \"checkbox\",\n  RADIO = \"radio\",\n  TEL = \"tel\",\n  URL = \"url\",\n  SEARCH = \"search\",\n}\n\nexport enum InputStatus {\n  SUCCESS = \"success\",\n  ERROR = \"error\",\n  WARNING = \"warning\",\n}\n\nexport enum PopoverPosition {\n  AUTO = \"auto\",\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\",\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n  RIGHT_TOP = \"right_top\",\n  RIGHT_BOTTOM = \"right_bottom\",\n  LEFT_TOP = \"left_top\",\n  LEFT_BOTTOM = \"left_bottom\",\n}\n\nexport enum KeyboardKeyCode {\n  TAB = 9,\n  SPACE = 32,\n  ESC = 27,\n  ENTER = 13,\n  ARROW_UP = 38,\n  ARROW_DOWN = 40,\n  BACKSPACE = 8,\n  DELETE = 46,\n}\n\nexport enum KeyboardCode {\n  TAB = \"Tab\",\n  SPACE = \"Space\",\n  ESC = \"Escape\",\n  ENTER = \"Enter\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_DOWN = \"ArrowDown\",\n  BACKSPACE = \"Backspace\",\n  DELETE = \"Delete\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_LEFT = \"ArrowLeft\",\n}\n\nexport type SelectItem = {\n  id: string;\n  name: string;\n  selected: boolean;\n  icon?: string;\n  disabled?: boolean;\n  category?: string;\n};\n\nexport enum ThemeVariant {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum DividerSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum DividerOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum SortDirection {\n  ASC = \"asc\",\n  DESC = \"desc\",\n}\n\nexport enum AvatarSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum ListSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  X_LARGE = \"x-large\",\n}\n\nexport enum ExpandableListStyle {\n  ACCORDION = \"accordion\",\n  MENU = \"menu\",\n}\n\nexport enum ExpandableListButtonAlign {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum LabelPosition {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum ListDividerType {\n  NONE = \"none\",\n  HEADER = \"header\",\n  ELEMENT = \"element\",\n}\n\nexport enum ListType {\n  NONE = \"none\",\n  ORDERED = \"ordered\",\n  UNORDERED = \"unordered\",\n}\n\nexport enum NotificationType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum AlertType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum Device {\n  MOBILE = \"mobile\",\n  TABLET = \"tablet\",\n  DESKTOP = \"desktop\",\n  DESKTOP_WIDE = \"desktop-wide\",\n}\n\nexport type DictionaryData = {\n  author: string;\n  year: string;\n  title: string;\n  description: string;\n  onlineLicense: DictionaryLicenseData;\n  offlineLicense: DictionaryLicenseData;\n};\n\nexport type DictionaryLicenseData = {\n  expiration: string;\n  expired: boolean;\n  expiring: boolean;\n  installations: string;\n};\n\nexport enum ToastNotification {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  ACCENT = \"accent\",\n  ERROR = \"error\",\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n}\n\nexport enum ToastNotificationTransition {\n  SLIDE_IN_LEFT = \"slide-in-left\",\n  SLIDE_IN_RIGHT = \"slide-in-right\",\n  SLIDE_IN_DOWN = \"slide-in-down\",\n  SLIDE_IN_UP = \"slide-in-up\",\n  SLIDE_OUT_LEFT = \"slide-out-left\",\n  SLIDE_OUT_RIGHT = \"slide-out-right\",\n  SLIDE_OUT_DOWN = \"slide-out-down\",\n  SLIDE_OUT_UP = \"slide-out-up\",\n}\n\nexport enum ToastNotificationPosition {\n  TOP_RIGHT = \"top-right\",\n  TOP_LEFT = \"top-left\",\n  TOP_CENTRE = \"top-centre\",\n  BOTTOM_RIGHT = \"bottom-right\",\n  BOTTOM_LEFT = \"bottom-left\",\n  BOTTOM_CENTRE = \"bottom-centre\",\n}\n\nexport enum ZTableRowExpandedType {\n  EXPANDABLE = \"expandable\",\n  PADDING = \"padding\",\n  NONE = \"none\",\n}\n\nexport enum ZAriaAlertMode {\n  POLITE = \"polite\",\n  ASSERTIVE = \"assertive\",\n}\n\nexport enum TransitionDirection {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n}\n\nexport enum OffCanvasVariant {\n  OVERLAY = \"overlay\",\n  PUSHCONTENT = \"pushcontent\",\n}\n\nexport enum ZFileUploadType {\n  DEFAULT = \"default\",\n  DRAGDROP = \"dragdrop\",\n}\n\nexport enum ZChipType {\n  DEFAULT = \"default\",\n  MEDIUM = \"medium\",\n  SMALL = \"small\",\n}\n\nexport enum ZSectionTitleDividerPosition {\n  BEFORE = \"before\",\n  AFTER = \"after\",\n}\n\nexport enum ZDatePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n  MONTHS = \"months\",\n}\n\nexport enum ZDatePickerModeValue {\n  DATE = 401,\n  DATE_TIME = 523,\n  MONTHS = 288,\n}\n\nexport enum ZDatePickerPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum ZRangePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n}\n\nexport type SkipToContentLink = {\n  label: string;\n  href: string;\n  ariaLabel?: string;\n};\n\nexport enum InfoRevealPosition {\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n}\n\nexport enum CoverHeroVariant {\n  OVERLAY = \"overlay\",\n  STACKED = \"stacked\",\n}\n\nexport enum CoverHeroContentPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselArrowsPosition {\n  OVER = \"over\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselProgressMode {\n  DOTS = \"dots\",\n  NUMBERS = \"numbers\",\n}\n\nexport type SearchbarItem = {\n  label: string;\n  id?: string;\n  icon?: string;\n  tag?: {icon?: string; text: string};\n  category?: string;\n  subcategory?: string;\n  children?: Omit<SearchbarItem, \"category\" | \"subcategory\">[];\n};\n\nexport type SearchbarGroupedItem = {\n  [key: string]: SearchbarGroup;\n};\n\nexport type SearchbarGroup = {\n  items: SearchbarItem[];\n  category?: string;\n  subcategory?: string;\n};\n\nexport type BreadcrumbPath = {\n  text?: string;\n  path?: string;\n  hasTooltip?: boolean;\n};\n\nexport enum BreadcrumbPathStyle {\n  SEMIBOLD = \"semibold\",\n  UNDERLINED = \"underlined\",\n}\n\nexport enum BreadcrumbHomepageVariant {\n  TEXT = \"text\",\n  ICON = \"icon\",\n}\n\nexport enum VisibilityCondition {\n  HOVER = \"hover\",\n  ALWAYS = \"always\",\n}\n\nexport enum BookCardVariant {\n  EXPANDED = \"expanded\",\n  COMPACT = \"compact\",\n  SEARCH = \"search\",\n}\n\nexport enum AccordionVariant {\n  DEFAULT = \"default\",\n  BACKGROUND = \"background\",\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/beans/index.tsx"],"names":[],"mappings":"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","sourcesContent":["export type MyzLink = {\n  label: string;\n  img: string;\n  link: string;\n};\n\nexport enum LicenseType {\n  REAL = \"reale\",\n  VIRTUAL = \"virtuale\",\n  TRIAL = \"saggio\",\n  TEMP = \"reale_temp\",\n}\n\nexport type Card = {\n  id: string;\n  isbn: string;\n  volumeTitle: string;\n  operaTitle: string;\n  img: string;\n  authors: string;\n  actions: Action[];\n  isBookmark: boolean;\n  licenseType: LicenseType;\n};\n\nexport enum CardVariant {\n  BORDER = \"border\",\n  SHADOW = \"shadow\",\n  OVERLAY = \"overlay\",\n  TEXT = \"text\",\n}\n\nexport type Action = {\n  isLink: boolean;\n  value: string;\n  url?: string;\n};\n\nexport type ListItem = {\n  text: string;\n  link?: string;\n  linktarget?: string;\n  icon?: string;\n  listitemid?: string;\n};\n\nexport type FilterItem = {\n  name: string;\n  id: string;\n  isActive: boolean;\n  isfixed: boolean;\n};\n\nexport type MenuItem = {\n  id: string;\n  label: string;\n  link?: string;\n  icon?: string;\n  target?: string;\n  subMenu?: MenuItem[];\n};\n\nexport type TabItem = {\n  id: string;\n  label: string;\n  icon?: string;\n  size?: string;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\nexport enum NavigationTabsOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum NavigationTabsSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n}\n\nexport enum NavigationTabsKeyboardEvents {\n  LEFT = \"ArrowLeft\",\n  RIGHT = \"ArrowRight\",\n  UP = \"ArrowUp\",\n  DOWN = \"ArrowDown\",\n}\n\nexport type HeaderUserData = {\n  islogged: boolean;\n  id?: number;\n  name?: string;\n  usergroup: number;\n  userlinks: MenuItem[];\n};\n\nexport type ComboItem = {\n  id: string;\n  name: string;\n  checked: boolean;\n  category?: string;\n};\n\nexport enum ButtonVariant {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\",\n}\n\nexport enum ButtonType {\n  SUBMIT = \"submit\",\n  RESET = \"reset\",\n  BUTTON = \"button\",\n}\n\n/**\n * @deprecated Use ControlSize instead\n */\nexport enum ButtonSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum ControlSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum InputType {\n  TEXT = \"text\",\n  PASSWORD = \"password\",\n  NUMBER = \"number\",\n  EMAIL = \"email\",\n  TEXTAREA = \"textarea\",\n  CHECKBOX = \"checkbox\",\n  RADIO = \"radio\",\n  TEL = \"tel\",\n  URL = \"url\",\n  SEARCH = \"search\",\n}\n\nexport enum InputStatus {\n  SUCCESS = \"success\",\n  ERROR = \"error\",\n  WARNING = \"warning\",\n}\n\nexport enum PopoverPosition {\n  AUTO = \"auto\",\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\",\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n  RIGHT_TOP = \"right_top\",\n  RIGHT_BOTTOM = \"right_bottom\",\n  LEFT_TOP = \"left_top\",\n  LEFT_BOTTOM = \"left_bottom\",\n}\n\nexport enum KeyboardKeyCode {\n  TAB = 9,\n  SPACE = 32,\n  ESC = 27,\n  ENTER = 13,\n  ARROW_UP = 38,\n  ARROW_DOWN = 40,\n  BACKSPACE = 8,\n  DELETE = 46,\n}\n\nexport enum KeyboardCode {\n  TAB = \"Tab\",\n  SPACE = \"Space\",\n  ESC = \"Escape\",\n  ENTER = \"Enter\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_DOWN = \"ArrowDown\",\n  BACKSPACE = \"Backspace\",\n  DELETE = \"Delete\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_LEFT = \"ArrowLeft\",\n}\n\nexport type SelectItem = {\n  id: string;\n  name: string;\n  selected: boolean;\n  icon?: string;\n  disabled?: boolean;\n  category?: string;\n};\n\nexport enum ThemeVariant {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum DividerSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum DividerOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum SortDirection {\n  ASC = \"asc\",\n  DESC = \"desc\",\n}\n\nexport enum AvatarSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum ListSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  X_LARGE = \"x-large\",\n}\n\nexport enum ExpandableListStyle {\n  ACCORDION = \"accordion\",\n  MENU = \"menu\",\n}\n\nexport enum ExpandableListButtonAlign {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum LabelPosition {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum ListDividerType {\n  NONE = \"none\",\n  HEADER = \"header\",\n  ELEMENT = \"element\",\n}\n\nexport enum ListType {\n  NONE = \"none\",\n  ORDERED = \"ordered\",\n  UNORDERED = \"unordered\",\n}\n\nexport enum NotificationType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum AlertType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum Device {\n  MOBILE = \"mobile\",\n  TABLET = \"tablet\",\n  DESKTOP = \"desktop\",\n  DESKTOP_WIDE = \"desktop-wide\",\n}\n\nexport type DictionaryData = {\n  author: string;\n  year: string;\n  title: string;\n  description: string;\n  onlineLicense: DictionaryLicenseData;\n  offlineLicense: DictionaryLicenseData;\n};\n\nexport type DictionaryLicenseData = {\n  expiration: string;\n  expired: boolean;\n  expiring: boolean;\n  installations: string;\n};\n\nexport enum ToastNotification {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  ACCENT = \"accent\",\n  ERROR = \"error\",\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n}\n\nexport enum ToastNotificationTransition {\n  SLIDE_IN_LEFT = \"slide-in-left\",\n  SLIDE_IN_RIGHT = \"slide-in-right\",\n  SLIDE_IN_DOWN = \"slide-in-down\",\n  SLIDE_IN_UP = \"slide-in-up\",\n  SLIDE_OUT_LEFT = \"slide-out-left\",\n  SLIDE_OUT_RIGHT = \"slide-out-right\",\n  SLIDE_OUT_DOWN = \"slide-out-down\",\n  SLIDE_OUT_UP = \"slide-out-up\",\n}\n\nexport enum ToastNotificationPosition {\n  TOP_RIGHT = \"top-right\",\n  TOP_LEFT = \"top-left\",\n  TOP_CENTRE = \"top-centre\",\n  BOTTOM_RIGHT = \"bottom-right\",\n  BOTTOM_LEFT = \"bottom-left\",\n  BOTTOM_CENTRE = \"bottom-centre\",\n}\n\nexport enum ZTableRowExpandedType {\n  EXPANDABLE = \"expandable\",\n  PADDING = \"padding\",\n  NONE = \"none\",\n}\n\nexport enum ZAriaAlertMode {\n  POLITE = \"polite\",\n  ASSERTIVE = \"assertive\",\n}\n\nexport enum TransitionDirection {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n  UP = \"up\",\n}\n\nexport enum OffCanvasVariant {\n  OVERLAY = \"overlay\",\n  PUSHCONTENT = \"pushcontent\",\n}\n\nexport enum ZFileUploadType {\n  DEFAULT = \"default\",\n  DRAGDROP = \"dragdrop\",\n}\n\nexport enum ZChipType {\n  DEFAULT = \"default\",\n  MEDIUM = \"medium\",\n  SMALL = \"small\",\n}\n\nexport enum ZSectionTitleDividerPosition {\n  BEFORE = \"before\",\n  AFTER = \"after\",\n}\n\nexport enum ZDatePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n  MONTHS = \"months\",\n}\n\nexport enum ZDatePickerModeValue {\n  DATE = 401,\n  DATE_TIME = 523,\n  MONTHS = 288,\n}\n\nexport enum ZDatePickerPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum ZRangePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n}\n\nexport type SkipToContentLink = {\n  label: string;\n  href: string;\n  ariaLabel?: string;\n};\n\nexport enum InfoRevealPosition {\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n}\n\nexport enum CoverHeroVariant {\n  OVERLAY = \"overlay\",\n  STACKED = \"stacked\",\n}\n\nexport enum CoverHeroContentPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselArrowsPosition {\n  OVER = \"over\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselProgressMode {\n  DOTS = \"dots\",\n  NUMBERS = \"numbers\",\n}\n\nexport type SearchbarItem = {\n  label: string;\n  id?: string;\n  icon?: string;\n  tag?: {icon?: string; text: string};\n  category?: string;\n  subcategory?: string;\n  children?: Omit<SearchbarItem, \"category\" | \"subcategory\">[];\n};\n\nexport type SearchbarGroupedItem = {\n  [key: string]: SearchbarGroup;\n};\n\nexport type SearchbarGroup = {\n  items: SearchbarItem[];\n  category?: string;\n  subcategory?: string;\n};\n\nexport type BreadcrumbPath = {\n  text?: string;\n  path?: string;\n  hasTooltip?: boolean;\n};\n\nexport enum BreadcrumbPathStyle {\n  SEMIBOLD = \"semibold\",\n  UNDERLINED = \"underlined\",\n}\n\nexport enum BreadcrumbHomepageVariant {\n  TEXT = \"text\",\n  ICON = \"icon\",\n}\n\nexport enum VisibilityCondition {\n  HOVER = \"hover\",\n  ALWAYS = \"always\",\n}\n\nexport enum BookCardVariant {\n  EXPANDED = \"expanded\",\n  COMPACT = \"compact\",\n  SEARCH = \"search\",\n}\n\nexport enum AccordionVariant {\n  DEFAULT = \"default\",\n  BACKGROUND = \"background\",\n}\n"]}

package/dist/collection/components/deprecated/z-app-header-deprecated/index.stories.js

@@ -521,8 +521,10 @@ export const Stuck = {
     ],
     parameters: {
         docs: {
-            inlineStories: false,
-            iframeHeight: "400px",
+            story: {
+                inline: false,
+                iframeHeight: "400px",
+            },
         },
     },
     render: (args) => html `<z-app-header-deprecated

package/dist/collection/components/deprecated/z-app-header-deprecated/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/deprecated/z-app-header-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta} from \"@storybook/web-components\";\nimport {html, type TemplateResult} from \"lit\";\nimport {ZAppHeaderDeprecated} from \".\";\nimport {CSSVarsArguments} from \"../../../utils/storybook-utils\";\nimport \"../z-menu-deprecated/index\";\nimport \"../z-menu-section-deprecated/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\ntype ZAppHeaderDeprecatedStoriesArgs = ZAppHeaderDeprecated & CSSVarsArguments<\"app-header-content-max-width\">;\n\nconst StoryMeta = {\n  title: \"Deprecated/ZAppHeaderDeprecated\",\n  component: \"z-app-header-deprecated\",\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  argTypes: {\n    flow: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"auto\", \"stack\", \"offcanvas\"],\n    },\n  },\n  args: {\n    \"--app-header-content-max-width\": \"100%\",\n    \"enableSearch\": false,\n    \"searchPageUrl\": \"\",\n    \"flow\": \"auto\",\n  },\n} satisfies Meta<ZAppHeaderDeprecatedStoriesArgs>;\n\nexport default StoryMeta;\n\nconst menuTemplate = (): TemplateResult => {\n  return html`\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <a href>Menu label</a>\n    </z-menu-deprecated>\n  `;\n};\n\nconst longMenuTemplate = (): TemplateResult => {\n  return html`\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Not so short menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n  `;\n};\n\ntype Story = Meta<ZAppHeaderDeprecatedStoriesArgs>;\n\nexport const Title = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Subtitle = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const TopSubtitle = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n      <h1 slot=\"title\">Applicazione</h1>\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Menu = {\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const LongTitle = {\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione con nome veramente lungo che fa andare il menu a capo</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const VeryLongMenu = {\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      flow=${args.flow}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const OffcanvasMenu = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=\"offcanvas\"\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Stuck = {\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">Scroll to see <code>stuck</code> prop in action.</div>\n      <div style=\"height: 200vh\">${Story()}</div>\n    `,\n  ],\n  parameters: {\n    docs: {\n      inlineStories: false,\n      iframeHeight: \"400px\",\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      stuck\n      .flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const MaxWidth = {\n  args: {\n    \"--app-header-content-max-width\": \"1366px\",\n  },\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">Scroll to see max width also in stuck header.</div>\n      <div style=\"height: 200vh\">${Story()}</div>\n    `,\n  ],\n  parameters: {\n    docs: {\n      inlineStories: false,\n      iframeHeight: \"400px\",\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      stuck\n      .flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0;\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const CoverHeroWithSlottedImage = {\n  args: {\n    overlay: true,\n    hero: \"\",\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      id=\"hero\"\n      .overlay=${args.overlay}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .hero=${args.hero}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n      flow=${args.flow}\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${args.hero\n        ? \"\"\n        : html`<img\n            slot=\"hero\"\n            src=\"https://miro.medium.com/max/2560/1*q8Lf442Gq2Wrb2aNr3urVg.jpeg\"\n            alt=\"\"\n          />`}\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Searchbar = {\n  parameters: {\n    controls: {\n      exclude: [\"searchPageUrl\", \"enableSearch\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      enable-search\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const SearchPageButton = {\n  parameters: {\n    controls: {\n      exclude: [\"searchPageUrl\", \"enableSearch\"],\n    },\n  },\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">\n        The prop <code>searchPageUrl</code> only affects the component in tablet and mobile viewports.\n      </div>\n      ${Story()}\n    `,\n  ],\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      enable-search\n      search-page-url=\"https://www.zanichelli.it\"\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/deprecated/z-app-header-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta} from \"@storybook/web-components\";\nimport {html, type TemplateResult} from \"lit\";\nimport {ZAppHeaderDeprecated} from \".\";\nimport {CSSVarsArguments} from \"../../../utils/storybook-utils\";\nimport \"../z-menu-deprecated/index\";\nimport \"../z-menu-section-deprecated/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\ntype ZAppHeaderDeprecatedStoriesArgs = ZAppHeaderDeprecated & CSSVarsArguments<\"app-header-content-max-width\">;\n\nconst StoryMeta = {\n  title: \"Deprecated/ZAppHeaderDeprecated\",\n  component: \"z-app-header-deprecated\",\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  argTypes: {\n    flow: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"auto\", \"stack\", \"offcanvas\"],\n    },\n  },\n  args: {\n    \"--app-header-content-max-width\": \"100%\",\n    \"enableSearch\": false,\n    \"searchPageUrl\": \"\",\n    \"flow\": \"auto\",\n  },\n} satisfies Meta<ZAppHeaderDeprecatedStoriesArgs>;\n\nexport default StoryMeta;\n\nconst menuTemplate = (): TemplateResult => {\n  return html`\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <a href>Menu label</a>\n    </z-menu-deprecated>\n  `;\n};\n\nconst longMenuTemplate = (): TemplateResult => {\n  return html`\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Not so short menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n    <z-menu-deprecated\n      slot=\"menu\"\n      floating\n    >\n      <h3>Menu label</h3>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 1</a\n      >\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 2</a\n      >\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 3</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 3.2</a\n        >\n      </z-menu-section-deprecated>\n      <z-menu-section-deprecated slot=\"item\">\n        <h3>Item 4</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 4.2</a\n        >\n      </z-menu-section-deprecated>\n      <a\n        href=\"\"\n        slot=\"item\"\n        >Item 5</a\n      >\n    </z-menu-deprecated>\n  `;\n};\n\ntype Story = Meta<ZAppHeaderDeprecatedStoriesArgs>;\n\nexport const Title = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Subtitle = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const TopSubtitle = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n      <h1 slot=\"title\">Applicazione</h1>\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Menu = {\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const LongTitle = {\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione con nome veramente lungo che fa andare il menu a capo</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const VeryLongMenu = {\n  render: (args) =>\n    html`<z-app-header-deprecated\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      flow=${args.flow}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const OffcanvasMenu = {\n  parameters: {\n    controls: {\n      exclude: [\"flow\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=\"offcanvas\"\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Stuck = {\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">Scroll to see <code>stuck</code> prop in action.</div>\n      <div style=\"height: 200vh\">${Story()}</div>\n    `,\n  ],\n  parameters: {\n    docs: {\n      story: {\n        inline: false,\n        iframeHeight: \"400px\",\n      },\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      stuck\n      .flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const MaxWidth = {\n  args: {\n    \"--app-header-content-max-width\": \"1366px\",\n  },\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">Scroll to see max width also in stuck header.</div>\n      <div style=\"height: 200vh\">${Story()}</div>\n    `,\n  ],\n  parameters: {\n    docs: {\n      inlineStories: false,\n      iframeHeight: \"400px\",\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      stuck\n      .flow=${args.flow}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0;\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const CoverHeroWithSlottedImage = {\n  args: {\n    overlay: true,\n    hero: \"\",\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      id=\"hero\"\n      .overlay=${args.overlay}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .hero=${args.hero}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n      flow=${args.flow}\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${args.hero\n        ? \"\"\n        : html`<img\n            slot=\"hero\"\n            src=\"https://miro.medium.com/max/2560/1*q8Lf442Gq2Wrb2aNr3urVg.jpeg\"\n            alt=\"\"\n          />`}\n      ${longMenuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Searchbar = {\n  parameters: {\n    controls: {\n      exclude: [\"searchPageUrl\", \"enableSearch\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      enable-search\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const SearchPageButton = {\n  parameters: {\n    controls: {\n      exclude: [\"searchPageUrl\", \"enableSearch\"],\n    },\n  },\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">\n        The prop <code>searchPageUrl</code> only affects the component in tablet and mobile viewports.\n      </div>\n      ${Story()}\n    `,\n  ],\n  render: (args) =>\n    html`<z-app-header-deprecated\n      flow=${args.flow}\n      enable-search\n      search-page-url=\"https://www.zanichelli.it\"\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header-deprecated>`,\n} satisfies Story;\n"]}

package/dist/collection/components/z-app-header/index.stories.js

@@ -197,8 +197,10 @@ export const Stuck = {
     ],
     parameters: {
         docs: {
-            inlineStories: false,
-            iframeHeight: "400px",
+            story: {
+                inline: false,
+                iframeHeight: "400px",
+            },
         },
         controls: {
             exclude: ["enableOffcanvas"],

package/dist/collection/components/z-app-header/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/z-app-header/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta} from \"@storybook/web-components\";\nimport {TemplateResult, html} from \"lit\";\nimport {ZAppHeader} from \".\";\nimport {CSSVarsArguments} from \"../../utils/storybook-utils\";\nimport \"../z-menu-section/index\";\nimport \"../z-menu/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\ntype ZAppHeaderStoriesArgs = ZAppHeader & CSSVarsArguments<\"app-header-content-max-width\">;\n\nconst StoryMeta = {\n  title: \"ZAppHeader\",\n  component: \"z-app-header\",\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  subcomponents: {\n    ZMenu: \"z-menu\",\n    ZMenuSection: \"z-menu-section\",\n  },\n  args: {\n    \"--app-header-content-max-width\": \"100%\",\n    \"enableSearch\": false,\n    \"searchPageUrl\": \"\",\n    \"enableZLogo\": false,\n    \"enableOffcanvas\": false,\n  },\n} satisfies Meta<ZAppHeaderStoriesArgs>;\n\nexport default StoryMeta;\n\nconst menuItemsTemplate = (): TemplateResult => {\n  return html`<a\n      href=\"\"\n      slot=\"item\"\n      >Item 1</a\n    >\n    <z-menu-section slot=\"item\">\n      <h3>Item 2</h3>\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 2.1</a\n      >\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 2.2</a\n      >\n    </z-menu-section>\n    <z-menu-section slot=\"item\">\n      <h3>Item 3</h3>\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 3.1</a\n      >\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 3.2</a\n      >\n    </z-menu-section>\n    <a\n      href=\"\"\n      slot=\"item\"\n      >Item 4</a\n    >\n    <z-menu-section slot=\"item\">\n      <h3>Item 5</h3>\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 5.1</a\n      >\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 5.2</a\n      >\n    </z-menu-section>`;\n};\n\nconst menuTemplate = (): TemplateResult => {\n  return html`\n    <z-menu slot=\"menu\">\n      <h3>Menu label 1</h3>\n      ${menuItemsTemplate()}\n    </z-menu>\n\n    <z-menu slot=\"menu\">\n      <a href>Menu label 2</a>\n    </z-menu>\n\n    <z-menu slot=\"menu\">\n      <h3>Menu label 3</h3>\n      ${menuItemsTemplate()}\n    </z-menu>\n\n    <z-menu slot=\"menu\">\n      <h3>Menu label 4</h3>\n      ${menuItemsTemplate()}\n    </z-menu>\n  `;\n};\n\ntype Story = Meta<ZAppHeaderStoriesArgs>;\n\nexport const Title = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .enableZLogo=${args.enableZLogo}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <a href=\"zanichelli.it\" slot=\"title\">Applicazione</h1>\n    </z-app-header>`,\n} satisfies Story;\n\nexport const ProductLogo = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .enableZLogo=${args.enableZLogo}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <div\n        class=\"story-product-logo\"\n        slot=\"product-logo\"\n      ></div>\n    </z-app-header>`,\n} satisfies Story;\n\nexport const TopTitle = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\", \"enableZLogo\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n      <h1 slot=\"title\">Applicazione</h1>\n    </z-app-header>`,\n} satisfies Story;\n\nexport const MenuWithTopTitle = {\n  parameters: {\n    controls: {\n      exclude: [\"enableZLogo\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableOffcanvas=${args.enableOffcanvas}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n      <h1 slot=\"title\">Applicazione</h1>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const LongTitle = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\", \"enableZLogo\", \"enableSearch\", \"searchPageUrl\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\">\n      <h1 slot=\"title\">Fondamenti di fisica 8e - Meccanica, Onde, Termodinamica, Elettromagnetismo, Ottica</h1>\n      <h2 slot=\"top-subtitle\">Jearl Walker, David Halliday, Robert Resnick</h2>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const OffcanvasMenu = {\n  args: {\n    enableOffcanvas: true,\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableOffcanvas=${args.enableOffcanvas}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .enableZLogo=${args.enableZLogo}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const Stuck = {\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">Scroll to see <code>stuck</code> prop in action.</div>\n      <div style=\"height: 200vh\">${Story()}</div>\n    `,\n  ],\n  parameters: {\n    docs: {\n      inlineStories: false,\n      iframeHeight: \"400px\",\n    },\n    controls: {\n      exclude: [\"enableOffcanvas\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      stuck\n      .enableZLogo=${args.enableZLogo}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0\"\n    >\n      <h1 slot=\"title\">Fondamenti di fisica 8e - Meccanica, Onde, Termodinamica, Elettromagnetismo, Ottica</h1>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const SearchPageButton = {\n  parameters: {\n    controls: {\n      exclude: [\"searchPageUrl\", \"enableSearch\", \"enableOffcanvas\"],\n    },\n  },\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">\n        The prop <code>searchPageUrl</code> only affects the component in tablet and mobile viewports.\n      </div>\n      ${Story()}\n    `,\n  ],\n  render: (args) =>\n    html`<z-app-header\n      enable-search\n      .enableZLogo=${args.enableZLogo}\n      search-page-url=\"https://www.zanichelli.it\"\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/z-app-header/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta} from \"@storybook/web-components\";\nimport {TemplateResult, html} from \"lit\";\nimport {ZAppHeader} from \".\";\nimport {CSSVarsArguments} from \"../../utils/storybook-utils\";\nimport \"../z-menu-section/index\";\nimport \"../z-menu/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\ntype ZAppHeaderStoriesArgs = ZAppHeader & CSSVarsArguments<\"app-header-content-max-width\">;\n\nconst StoryMeta = {\n  title: \"ZAppHeader\",\n  component: \"z-app-header\",\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  subcomponents: {\n    ZMenu: \"z-menu\",\n    ZMenuSection: \"z-menu-section\",\n  },\n  args: {\n    \"--app-header-content-max-width\": \"100%\",\n    \"enableSearch\": false,\n    \"searchPageUrl\": \"\",\n    \"enableZLogo\": false,\n    \"enableOffcanvas\": false,\n  },\n} satisfies Meta<ZAppHeaderStoriesArgs>;\n\nexport default StoryMeta;\n\nconst menuItemsTemplate = (): TemplateResult => {\n  return html`<a\n      href=\"\"\n      slot=\"item\"\n      >Item 1</a\n    >\n    <z-menu-section slot=\"item\">\n      <h3>Item 2</h3>\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 2.1</a\n      >\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 2.2</a\n      >\n    </z-menu-section>\n    <z-menu-section slot=\"item\">\n      <h3>Item 3</h3>\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 3.1</a\n      >\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 3.2</a\n      >\n    </z-menu-section>\n    <a\n      href=\"\"\n      slot=\"item\"\n      >Item 4</a\n    >\n    <z-menu-section slot=\"item\">\n      <h3>Item 5</h3>\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 5.1</a\n      >\n      <a\n        href=\"\"\n        slot=\"section\"\n        >Item 5.2</a\n      >\n    </z-menu-section>`;\n};\n\nconst menuTemplate = (): TemplateResult => {\n  return html`\n    <z-menu slot=\"menu\">\n      <h3>Menu label 1</h3>\n      ${menuItemsTemplate()}\n    </z-menu>\n\n    <z-menu slot=\"menu\">\n      <a href>Menu label 2</a>\n    </z-menu>\n\n    <z-menu slot=\"menu\">\n      <h3>Menu label 3</h3>\n      ${menuItemsTemplate()}\n    </z-menu>\n\n    <z-menu slot=\"menu\">\n      <h3>Menu label 4</h3>\n      ${menuItemsTemplate()}\n    </z-menu>\n  `;\n};\n\ntype Story = Meta<ZAppHeaderStoriesArgs>;\n\nexport const Title = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .enableZLogo=${args.enableZLogo}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <a href=\"zanichelli.it\" slot=\"title\">Applicazione</h1>\n    </z-app-header>`,\n} satisfies Story;\n\nexport const ProductLogo = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .enableZLogo=${args.enableZLogo}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <div\n        class=\"story-product-logo\"\n        slot=\"product-logo\"\n      ></div>\n    </z-app-header>`,\n} satisfies Story;\n\nexport const TopTitle = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\", \"enableZLogo\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n      <h1 slot=\"title\">Applicazione</h1>\n    </z-app-header>`,\n} satisfies Story;\n\nexport const MenuWithTopTitle = {\n  parameters: {\n    controls: {\n      exclude: [\"enableZLogo\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableOffcanvas=${args.enableOffcanvas}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n      <h1 slot=\"title\">Applicazione</h1>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const LongTitle = {\n  parameters: {\n    controls: {\n      exclude: [\"enableOffcanvas\", \"enableZLogo\", \"enableSearch\", \"searchPageUrl\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\">\n      <h1 slot=\"title\">Fondamenti di fisica 8e - Meccanica, Onde, Termodinamica, Elettromagnetismo, Ottica</h1>\n      <h2 slot=\"top-subtitle\">Jearl Walker, David Halliday, Robert Resnick</h2>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const OffcanvasMenu = {\n  args: {\n    enableOffcanvas: true,\n  },\n  render: (args) =>\n    html`<z-app-header\n      .enableOffcanvas=${args.enableOffcanvas}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      .enableZLogo=${args.enableZLogo}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const Stuck = {\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">Scroll to see <code>stuck</code> prop in action.</div>\n      <div style=\"height: 200vh\">${Story()}</div>\n    `,\n  ],\n  parameters: {\n    docs: {\n      story: {\n        inline: false,\n        iframeHeight: \"400px\",\n      },\n    },\n    controls: {\n      exclude: [\"enableOffcanvas\"],\n    },\n  },\n  render: (args) =>\n    html`<z-app-header\n      stuck\n      .enableZLogo=${args.enableZLogo}\n      .enableSearch=${args.enableSearch}\n      .searchPageUrl=${args.searchPageUrl}\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0\"\n    >\n      <h1 slot=\"title\">Fondamenti di fisica 8e - Meccanica, Onde, Termodinamica, Elettromagnetismo, Ottica</h1>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n\nexport const SearchPageButton = {\n  parameters: {\n    controls: {\n      exclude: [\"searchPageUrl\", \"enableSearch\", \"enableOffcanvas\"],\n    },\n  },\n  decorators: [\n    (Story) => html`\n      <div style=\"padding: 16px var(--grid-margin)\">\n        The prop <code>searchPageUrl</code> only affects the component in tablet and mobile viewports.\n      </div>\n      ${Story()}\n    `,\n  ],\n  render: (args) =>\n    html`<z-app-header\n      enable-search\n      .enableZLogo=${args.enableZLogo}\n      search-page-url=\"https://www.zanichelli.it\"\n      style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n    >\n      <h1 slot=\"title\">Applicazione</h1>\n      <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n      ${menuTemplate()}\n    </z-app-header>`,\n} satisfies Story;\n"]}

package/dist/collection/components/z-offcanvas/index.js

@@ -1,7 +1,10 @@
 import { h, Host } from "@stencil/core";
 import { OffCanvasVariant, TransitionDirection } from "../../beans";
 /**
- * @slot canvasContent - Slot for the main content.
+ * @slot canvasContent - Slot for the offcanvas content.
+ * @cssprop --z-offcanvas--top-space - Top offset of the offcanvas, for `overlay` variant. Useful when there is some fixed element above the offcanvas. Default: `0`.
+ * @cssprop --z-offcanvas--container-width - Width of the offcanvas for `left` and `right` direction. Default: `375px`.
+ * @cssprop --z-offcanvas--container-height - Height of the offcanvas for `up` direction. Default: `90%`.
  */
 export class ZOffcanvas {
     constructor() {
@@ -9,23 +12,44 @@ export class ZOffcanvas {
         this.open = false;
         this.transitiondirection = TransitionDirection.LEFT;
         this.skipLoadAnimation = false;
+        this.skipAnimation = this.open;
+    }
+    /**
+     * Hide the body overflow when the offcanvas is open.
+     */
+    handlePageOverflow() {
+        const overflow = this.variant === OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP
+            ? "overflow-y"
+            : "overflow-x";
+        document.body.style[overflow] = this.open ? "hidden" : "";
     }
     onOpenChanged() {
-        if (!this.open && this.skipLoadAnimation) {
-            this.skipLoadAnimation = false;
+        var _a;
+        this.canvasOpenStatusChanged.emit(this.open);
+        if (!this.open) {
+            // when the offcanvas is closing, wait for the transitionend event to end before handling the body overflow
+            const listenerCallback = () => {
+                this.handlePageOverflow();
+                this.canvasContainer.removeEventListener("transitionend", listenerCallback);
+            };
+            (_a = this.canvasContainer) === null || _a === void 0 ? void 0 : _a.addEventListener("transitionend", listenerCallback);
         }
+        else {
+            this.handlePageOverflow();
+        }
+    }
+    componentDidLoad() {
         this.handlePageOverflow();
-        this.canvasOpenStatusChanged.emit(this.open);
     }
-    handlePageOverflow() {
-        const overflow = this.variant === OffCanvasVariant.OVERLAY ? "overflow-y" : "overflow-x";
-        document.body.style[overflow] = this.open ? "hidden" : "";
+    connectedCallback() {
+        this.handlePageOverflow();
     }
     disconnectedCallback() {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'b4b8778755c76b6d77417626cee9edfb81f3e748', class: { "skip-animation": this.skipLoadAnimation } }, h("div", { key: 'cca04fcee0668ad15c7acc2431e70affb055e469', role: "presentation", class: "canvas-container", onTransitionEnd: () => this.handlePageOverflow() }, h("div", { key: '64d1f1ad2304b724f8d979286db3837b6c8bc6e1', role: "presentation", class: "canvas-content" }, h("slot", { key: 'df7cc12605c962d5bf8e3fc125bd7c5f73bd6f43', name: "canvasContent" }))), this.variant == OffCanvasVariant.OVERLAY && (h("div", { key: 'c9bba05a384e29cf2883bc17dfb60abb2ec23e54', class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: '45ac2ddb26f46cc0d5dfd4890f5e1205810a4500', "skip-animation": this.skipAnimation, inert: !this.open }, h("div", { key: 'd8e0ef738c69136ac191f7bcaa7de4fbbef24a4a', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: 'c26ec571b2b2817424d867982db9f0d718aa227d', class: "canvas-content", role: "presentation" }, h("slot", { key: 'bbba40d69f03546234f7d822a2e583e90f4aad8b', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) &&
+            this.open && (h("div", { key: '2d6ad79a5b901f27a2647b83bc9acd19fd95bfcb', class: "canvas-background", onClick: () => (this.open = false) }))));
     }
     static get is() { return "z-offcanvas"; }
     static get encapsulation() { return "scoped"; }
@@ -59,7 +83,7 @@ export class ZOffcanvas {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Offcanvas variant.\nCan be one `overlay` or `pushcontent`.\nDefault variant: pushcontent"
+                    "text": "Offcanvas variant.\n- `overlay`: The offcanvas covers the page content putting an overlay.\n- `pushcontent`: The offcanvas isn't absolutely positioned and \"pushes\" the page content.\n> NB: `pushcontent` variant may need some extra style tuning of the context around the component to work properly."
                 },
                 "attribute": "variant",
                 "reflect": true,
@@ -88,7 +112,7 @@ export class ZOffcanvas {
                 "mutable": false,
                 "complexType": {
                     "original": "TransitionDirection",
-                    "resolved": "TransitionDirection.LEFT | TransitionDirection.RIGHT",
+                    "resolved": "TransitionDirection.LEFT | TransitionDirection.RIGHT | TransitionDirection.UP",
                     "references": {
                         "TransitionDirection": {
                             "location": "import",
@@ -101,7 +125,7 @@ export class ZOffcanvas {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "open content transitioning in a specified direction left | right. Default: left"
+                    "text": "Open the content transitioning to a specified direction.\nThe `up` direction always show the `overlay`, also when the variant is `pushcontent`."
                 },
                 "attribute": "transitiondirection",
                 "reflect": true,
@@ -109,7 +133,7 @@ export class ZOffcanvas {
             },
             "skipLoadAnimation": {
                 "type": "boolean",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "boolean",
                     "resolved": "boolean",
@@ -118,8 +142,11 @@ export class ZOffcanvas {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "Whether to skip the initial animation.\nUseful when the initial value of the `open` prop is set to `true`."
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": "This prop is not needed anymore, the component will automatically skip the transition\nwhen it starts with `open` set to `true`. Only exists for Typescript backward compatibility."
+                        }],
+                    "text": "Skip the opening transition when the offcanvas is already open at the first render."
                 },
                 "attribute": "skip-load-animation",
                 "reflect": false,
@@ -127,6 +154,11 @@ export class ZOffcanvas {
             }
         };
     }
+    static get states() {
+        return {
+            "skipAnimation": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "canvasOpenStatusChanged",
@@ -147,6 +179,9 @@ export class ZOffcanvas {
     }
     static get watchers() {
         return [{
+                "propName": "variant",
+                "methodName": "handlePageOverflow"
+            }, {
                 "propName": "open",
                 "methodName": "onOpenChanged"
             }];

package/dist/collection/components/z-offcanvas/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-offcanvas/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAClE;;GAEG;AAOH,MAAM,OAAO,UAAU;;uBAOQ,gBAAgB,CAAC,WAAW;oBAIlD,KAAK;mCAIgC,mBAAmB,CAAC,IAAI;iCAOhD,KAAK;;IAOzB,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QACjC,CAAC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAEO,kBAAkB;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAC;YACrD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,kBAAkB,EACxB,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;gBAEhD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,gBAAgB;oBAEtB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACF;YACL,IAAI,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,IAAI,CAC3C,4DACE,KAAK,EAAC,mBAAmB,iBACb,kBAAkB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAC7B,CACR,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\";\nimport {OffCanvasVariant, TransitionDirection} from \"../../beans\";\n/**\n * @slot canvasContent - Slot for the main content.\n */\n@Component({\n  tag: \"z-offcanvas\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZOffcanvas {\n  /**\n   * Offcanvas variant.\n   * Can be one `overlay` or `pushcontent`.\n   * Default variant: pushcontent\n   */\n  @Prop({reflect: true})\n  variant?: OffCanvasVariant = OffCanvasVariant.PUSHCONTENT;\n\n  /** Whether the offcanvas is open. Default: false */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /** open content transitioning in a specified direction left | right. Default: left */\n  @Prop({reflect: true})\n  transitiondirection?: TransitionDirection = TransitionDirection.LEFT;\n\n  /**\n   * Whether to skip the initial animation.\n   * Useful when the initial value of the `open` prop is set to `true`.\n   */\n  @Prop({mutable: true})\n  skipLoadAnimation = false;\n\n  /** emitted when `open` prop changes */\n  @Event()\n  canvasOpenStatusChanged: EventEmitter;\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (!this.open && this.skipLoadAnimation) {\n      this.skipLoadAnimation = false;\n    }\n\n    this.handlePageOverflow();\n    this.canvasOpenStatusChanged.emit(this.open);\n  }\n\n  private handlePageOverflow(): void {\n    const overflow = this.variant === OffCanvasVariant.OVERLAY ? \"overflow-y\" : \"overflow-x\";\n    document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n  }\n\n  disconnectedCallback(): void {\n    this.open = false;\n  }\n\n  render(): HTMLZOffcanvasElement {\n    return (\n      <Host class={{\"skip-animation\": this.skipLoadAnimation}}>\n        <div\n          role=\"presentation\"\n          class=\"canvas-container\"\n          onTransitionEnd={() => this.handlePageOverflow()}\n        >\n          <div\n            role=\"presentation\"\n            class=\"canvas-content\"\n          >\n            <slot name=\"canvasContent\"></slot>\n          </div>\n        </div>\n        {this.variant == OffCanvasVariant.OVERLAY && (\n          <div\n            class=\"canvas-background\"\n            data-action=\"canvasBackground\"\n            onClick={() => (this.open = false)}\n          ></div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-offcanvas/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAElE;;;;;GAKG;AAOH,MAAM,OAAO,UAAU;;uBAQQ,gBAAgB,CAAC,WAAW;oBAIlD,KAAK;mCAOgC,mBAAmB,CAAC,IAAI;iCAQhD,KAAK;6BAQD,IAAI,CAAC,IAAI;;IAIjC;;OAEG;IAEK,kBAAkB;QACxB,MAAM,QAAQ,GACZ,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,IAAI,IAAI,CAAC,mBAAmB,KAAK,mBAAmB,CAAC,EAAE;YAC9F,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,YAAY,CAAC;QAEnB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,CAAC;IAGD,aAAa;;QACX,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE7C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,2GAA2G;YAC3G,MAAM,gBAAgB,GAAG,GAAS,EAAE;gBAClC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;YAC9E,CAAC,CAAC;YAEF,MAAA,IAAI,CAAC,eAAe,0CAAE,gBAAgB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;QAC5E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uEACa,IAAI,CAAC,aAAa,EAClC,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI;YAEjB,4DACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;gBAExC,4DACE,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,cAAc;oBAEnB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACF;YACL,CAAC,IAAI,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,IAAI,IAAI,CAAC,mBAAmB,KAAK,mBAAmB,CAAC,EAAE,CAAC;gBAChG,IAAI,CAAC,IAAI,IAAI,CACX,4DACE,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAC7B,CACR,CACE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\";\nimport {OffCanvasVariant, TransitionDirection} from \"../../beans\";\n\n/**\n * @slot canvasContent - Slot for the offcanvas content.\n * @cssprop --z-offcanvas--top-space - Top offset of the offcanvas, for `overlay` variant. Useful when there is some fixed element above the offcanvas. Default: `0`.\n * @cssprop --z-offcanvas--container-width - Width of the offcanvas for `left` and `right` direction. Default: `375px`.\n * @cssprop --z-offcanvas--container-height - Height of the offcanvas for `up` direction. Default: `90%`.\n */\n@Component({\n  tag: \"z-offcanvas\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZOffcanvas {\n  /**\n   * Offcanvas variant.\n   * - `overlay`: The offcanvas covers the page content putting an overlay.\n   * - `pushcontent`: The offcanvas isn't absolutely positioned and \"pushes\" the page content.\n   * > NB: `pushcontent` variant may need some extra style tuning of the context around the component to work properly.\n   */\n  @Prop({reflect: true})\n  variant?: OffCanvasVariant = OffCanvasVariant.PUSHCONTENT;\n\n  /** Whether the offcanvas is open. Default: false */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * Open the content transitioning to a specified direction.\n   * The `up` direction always show the `overlay`, also when the variant is `pushcontent`.\n   */\n  @Prop({reflect: true})\n  transitiondirection?: TransitionDirection = TransitionDirection.LEFT;\n\n  /**\n   * Skip the opening transition when the offcanvas is already open at the first render.\n   * @deprecated This prop is not needed anymore, the component will automatically skip the transition\n   *  when it starts with `open` set to `true`. Only exists for Typescript backward compatibility.\n   */\n  @Prop()\n  skipLoadAnimation = false;\n\n  /** emitted when `open` prop changes */\n  @Event()\n  canvasOpenStatusChanged: EventEmitter;\n\n  /** Used to skip the opening transition when the offcanvas is already open at the first render. */\n  @State()\n  private skipAnimation = this.open;\n\n  private canvasContainer: HTMLElement;\n\n  /**\n   * Hide the body overflow when the offcanvas is open.\n   */\n  @Watch(\"variant\")\n  private handlePageOverflow(): void {\n    const overflow =\n      this.variant === OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP\n        ? \"overflow-y\"\n        : \"overflow-x\";\n\n    document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    this.canvasOpenStatusChanged.emit(this.open);\n\n    if (!this.open) {\n      // when the offcanvas is closing, wait for the transitionend event to end before handling the body overflow\n      const listenerCallback = (): void => {\n        this.handlePageOverflow();\n        this.canvasContainer.removeEventListener(\"transitionend\", listenerCallback);\n      };\n\n      this.canvasContainer?.addEventListener(\"transitionend\", listenerCallback);\n    } else {\n      this.handlePageOverflow();\n    }\n  }\n\n  componentDidLoad(): void {\n    this.handlePageOverflow();\n  }\n\n  connectedCallback(): void {\n    this.handlePageOverflow();\n  }\n\n  disconnectedCallback(): void {\n    this.open = false;\n  }\n\n  render(): HTMLZOffcanvasElement {\n    return (\n      <Host\n        skip-animation={this.skipAnimation}\n        inert={!this.open}\n      >\n        <div\n          class=\"canvas-container\"\n          role=\"presentation\"\n          ref={(el) => (this.canvasContainer = el)}\n        >\n          <div\n            class=\"canvas-content\"\n            role=\"presentation\"\n          >\n            <slot name=\"canvasContent\"></slot>\n          </div>\n        </div>\n        {(this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) &&\n          this.open && (\n            <div\n              class=\"canvas-background\"\n              onClick={() => (this.open = false)}\n            ></div>\n          )}\n      </Host>\n    );\n  }\n}\n"]}