@zanichelli/albe-web-components 2.33.0 → 2.33.1

package/www/build/p-e64c06a4.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as a,g as o}from"./p-904a85e4.js";import{r as s,s as e}from"./p-65c08b33.js";const r=class{constructor(i){t(this,i),this.orientation=s.horizontal,this.size=e.big,this.direction=this.orientation==s.vertical?"Top":"Left",this.dimension=this.orientation==s.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}checkScrollEnabled(){this.tabsNav&&(this.canNavigateNext=this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]<this.tabsNav[`scroll${this.dimension}`],this.canNavigatePrev=this.tabsNav[`scroll${this.direction}`]>0)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}

package/www/build/p-f113a03a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as e,g as i}from"./p-904a85e4.js";const r=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation="horizontal",this.size="big"}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}render(){return e("button",{disabled:this.disabled,role:"tab"},e("slot",{name:"icon"}),"horizontal"===this.orientation&&e("slot",{name:"label"}))}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};r.style="button{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}*::before,*::after{box-sizing:border-box}:host(:hover:not([disabled])) button,:host([selected]) button{color:var(--color-hover-secondary);fill:currentColor}:host(:hover:not([disabled])) button::after,:host([selected]) button::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover) button::after,:host([orientation='horizontal'][selected]) button::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}:host([orientation='horizontal']) ::slotted(z-icon){margin-right:var(--space-unit)}:host(:hover:not([disabled])) button{background-color:var(--color-background)}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled]) button{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small']) button{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal']) button{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover) button::after,:host([size='small'][orientation='horizontal'][selected]) button::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) ::slotted(z-icon){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical']) button{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled])) button::after,:host([orientation='vertical'][selected]) button::after{width:var(--border-size-large);height:100%;top:0;right:0}:host([orientation='vertical']) ::slotted([slot='label']){display:none}::slotted(z-icon){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:0}";export{r as z_navigation_tab}

package/www/build/p-fcf19092.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as s,g as e}from"./p-904a85e4.js";import{u as i}from"./p-65c08b33.js";const n=class{constructor(o){t(this,o),this.newestontop=!0,this.slotChangeHandler=()=>{const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}render(){return o(s,{class:this.position?this.position:i.topRight},o("slot",{name:"toasts"}))}get hostElement(){return e(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::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}}";export{n as z_toast_notification_list}