@zanichelli/albe-web-components 2.47.3 → 3.0.0

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

@@ -1 +0,0 @@
-import{r as t,c as o,h as e,g as i}from"./p-98268a57.js";import{N as r,p as a}from"./p-42c37977.js";import{i as n}from"./p-571e9db9.js";const s=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=r.horizontal,this.size=a.big}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.selected=!0}onSelected(){this.selected&&this.emitSelected.emit()}renderIcon(){let t=this.icon;const o=`${t.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(n).includes(o)&&(t=o),e("z-icon",{name:t})}render(){return e("a",{role:"tab",href:!this.disabled&&this.href,title:this.htmlTitle,target:this.target},e("slot",{name:"icon"},this.icon&&this.renderIcon()),"horizontal"===this.orientation&&this.label)}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};s.style=":host>button,:host>a{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:auto;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}:host>a{text-decoration:none}:host *::before,:host *::after{box-sizing:border-box}:host(:not([disabled]):hover)>*,:host([selected])>*{color:var(--color-hover-secondary);fill:currentColor}:host(:not([disabled]):hover)>*::after,:host([selected])>*::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover)>*::after,:host([orientation='horizontal'][selected])>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}slot[name=\"icon\"] z-icon,::slotted([slot=\"icon\"]){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}:host([orientation='horizontal']) slot[name=\"icon\"] z-icon,:host([orientation='horizontal']) ::slotted([slot=\"icon\"]){margin-right:var(--space-unit)}:host(:not([disabled]):hover)>*{background-color:var(--color-background)}:host>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled])>*{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small'])>*{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal'])>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover)>*::after,:host([size='small'][orientation='horizontal'][selected])>*::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) slot[name=\"icon\"] z-icon,:host([size='small']:not([orientation='vertical'])) ::slotted([slot=\"icon\"]){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical'])>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled]))>*::after,:host([orientation='vertical'][selected])>*::after{width:var(--border-size-large);height:100%;top:0;right:0}";export{s as z_navigation_tab_link}

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

@@ -1 +0,0 @@
-import{r as i,c as o,h as a,g as l}from"./p-98268a57.js";import{n as s,b as n}from"./p-42c37977.js";const t=class{constructor(a){i(this,a),this.loginSubmit=o(this,"loginSubmit",7),this.statusUpdate=o(this,"statusUpdate",7),this.signupClick=o(this,"signupClick",7),this.zainoDigitaleClick=o(this,"zainoDigitaleClick",7),this.heading="Entra in MyZanichelli",this.externalProviderCheck=!1}componentDidLoad(){this.externalProviderCheck=!!this.hostElement.querySelectorAll('[slot="provider"]').length}emitLoginSubmit(){const i=this.hostElement.querySelector("z-input#username"),o=this.hostElement.querySelector("z-input#password");if(!i||!o)return;let a=i.value,l=o.value;a&&l?(a=this.cleanUsername(a),this.loginSubmit.emit({username:a,password:l,originalUsername:i.value})):this.status=s.error}emitStatusUpdate(i){this.statusUpdate.emit(i)}emitSignupClick(){this.signupClick.emit()}emitZainoDigitaleClick(){this.zainoDigitaleClick.emit()}handleInputKeyUp(i){"Enter"===i.code&&this.emitLoginSubmit()}handleInputChange(){this.status=null,this.emitStatusUpdate(this.status)}cleanUsername(i){return i=i.trim().toLowerCase(),/^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g.test(i)&&(i=i.replace(/[- .)(]/g,""),/^[\d ]*$/.test(i)&&(i="+39"+i)),i}renderZainoDigitaleButton(){return a("z-button",{variant:n.secondary,onClick:()=>this.emitZainoDigitaleClick(),class:"zainoDigitale"},a("div",{class:"zd"},a("svg",{width:"18px",height:"24px",viewBox:"0 0 18 24"},a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},a("g",{transform:"translate(-313.000000, -329.000000)",fill:"#E2001A","fill-rule":"nonzero"},a("g",{transform:"translate(25.000000, 191.000000)"},a("g",null,a("g",{transform:"translate(0.000000, 100.000000)"},a("g",null,a("g",{transform:"translate(276.000000, 28.000000)"},a("path",{d:"M29.8953704,30.5632326 C29.9143039,30.3327754 29.5356326,30.0447041 29.1380277,29.8142469 C29.2516291,28.7963947 29.4409647,26.9719425 29.2705626,26.3189807 C29.0433598,25.416357 28.3428178,24.8018047 28.380685,23.822362 C28.4185521,22.8429193 28.1913493,16.5437582 27.0364017,15.1802202 C26.1654576,14.162368 25.4649156,12.8372396 23.4390239,12.2418921 C23.4390239,12.0498445 23.4390239,11.8770016 23.4200903,11.7425683 C23.3822232,10.9167637 21.9622056,10.090959 21.6214014,10.0525495 C21.2805972,10.01414 20.371786,9.95652568 20.0309818,10.0525495 C19.6901775,10.1293685 19.0464362,11.128016 18.7434992,11.4352922 C18.5920306,11.5889302 18.5541635,11.9538207 18.5730971,12.3187111 C17.437083,12.6836015 16.1306669,13.4325871 15.4490584,14.9497631 C14.2941108,17.676839 13.4799674,18.9251483 13.6693031,24.1680477 C13.5935688,25.1090809 13.2906318,25.6084046 13.1012961,25.6852237 C12.9119604,25.7620427 12.798359,25.9156808 12.7604919,26.1077284 C12.7226247,26.2805712 12.5522226,28.37389 12.7415583,29.8718612 C12.3818205,30.1023183 12.0788834,30.3519802 12.097817,30.5632326 C12.1546177,31.0625563 11.8516806,31.7731324 12.097817,32.0612038 C12.230352,32.2148419 12.7226247,32.5413228 13.3284989,32.8293942 C13.6125024,33.4631512 14.199443,33.9240655 15.467992,33.9816797 C18.1565586,34.0584988 26.2601254,33.8664512 26.5630625,33.9048607 C26.847066,33.9432702 28.4374857,34.0008845 28.683622,32.8293942 C29.2894962,32.5413228 29.781769,32.2148419 29.9143039,32.0612038 C30.1415067,31.7731324 29.8385697,31.0625563 29.8953704,30.5632326 Z M12.0319858,31.2 C12.1173988,31.1230769 12.3736379,31.0461538 12.743761,31 C12.857645,31.3230769 12.914587,31.6615385 13,32 C12.4021089,31.8153846 11.8611598,31.5692308 12.0319858,31.2 Z M21.1618497,12.8394441 C21.1618497,12.8394441 20.6763006,12.8165075 20,13 L20,12.9770634 C20,12.5642053 20.3121387,11.3256309 20.3988439,11.1192018 C20.4855491,10.9127728 21.265896,11.0274556 21.8554913,11.0733287 C22.6358382,11.0503922 22.4624277,11.2568212 22.8092486,11.9907912 C22.9306358,12.2889666 22.982659,12.6559516 23,13 C22.4797688,12.8623806 21.8728324,12.8165075 21.1618497,12.8394441 Z M28.3324094,30 C28.6648189,30.0833333 28.9085858,30.2222222 28.9750677,30.3888889 C29.1301921,31.1666667 28.5318551,31.6388889 28,32 C28.0221606,31.5 28.0664819,31.1111111 28.0664819,31.1111111 L28.2437669,30.6111111 L28.3324094,30 Z M21.8571429,23 L21.8571429,23.8 L22.7142857,23.8 L22.7142857,24.6 L23.5714286,24.6 L23.5714286,25.4 L24.4285714,25.4 L24.4285714,26.2 L25.2857143,26.2 L25.2857143,27 L26.1428571,27 L26.1428571,27.8 L27,27.8 L27,28.6 L24.4285714,28.6 L24.4285714,29.4 L25.2857143,29.4 L25.2857143,31 L24.4285714,31 L24.4285714,30.2 L23.5714286,30.2 L23.5714286,29.4 L22.7142857,29.4 L22.7142857,30.2 L21.8571429,30.2 L21.8571429,31 L21,31 L21,23 L21.8571429,23 Z"}))))))))),a("span",null,"ZAINO DIGITALE")))}render(){return a("z-modal",{modaltitle:this.heading},a("div",{class:"wrapper",slot:"modalContent"},a("form",{method:"post"},a("div",{class:"username"},a("slot",{name:"username"},a("z-input",{id:"username",label:"email o numero di cellulare",placeholder:"Inserisci l'email o il cellulare",autocomplete:"username",name:"username",status:this.status,message:this.message,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("div",{class:"password"},a("slot",{name:"password"},a("z-input",{id:"password",label:"password",placeholder:"Inserisci la tua password",type:"password",name:"password",autocomplete:"current-password",status:this.status,message:this.pwdmessage,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("z-link",{class:"forget",href:this.forgotPasswordUrl},"Password dimenticata?"),a("div",{class:"login"},a("slot",{name:"login"},a("z-button",{variant:n.primary,onClick:()=>this.emitLoginSubmit()},"Accedi")))),a("hr",null),a("z-body",{class:"signup",level:4,variant:"semibold"},"Non hai ancora un account?"),a("div",{class:"signup"},a("slot",{name:"signup"},a("z-button",{variant:n.secondary,onClick:()=>this.emitSignupClick()},"Registrati"))),!this.externalProviderCheck&&a("div",{class:"providers"},a("z-body",{class:"provider",level:5,variant:"regular"},"OPPURE ACCEDI CON:"),a("slot",{name:"provider"},this.renderZainoDigitaleButton(),a("z-link",{icon:"informationsource",href:"https://www.zainodigitale.it/#/landing"},"Cos'è Zaino Digitale?")))))}get hostElement(){return l(this)}};t.style='.sc-z-modal-login-h{font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{color:var(--text-grey-800);padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2)\n    calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}z-button.sc-z-modal-login,z-input.sc-z-modal-login,.sc-z-modal-login-s>z-button,.sc-z-modal-login-s>z-input{display:inline-block;width:100%}z-link.sc-z-modal-login,.sc-z-modal-login-s>z-link{font-size:12px}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}div.wrapper>form>div.username.sc-z-modal-login-s>z-input,div.wrapper>form>div.password.sc-z-modal-login-s>z-input,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.username.sc-z-modal-login z-input.sc-z-modal-login,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.password.sc-z-modal-login z-input.sc-z-modal-login{margin-bottom:var(--space-unit)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>z-link.forget.sc-z-modal-login{font-size:12px;align-self:flex-end}div.wrapper>form>div.login.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.login.sc-z-modal-login z-button.sc-z-modal-login{margin:calc(var(--space-unit) * 3) 0;align-self:flex-start}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;margin-bottom:calc(var(--space-unit) * 3);border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);margin-block-start:unset}div.wrapper>div.signup.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.signup.sc-z-modal-login z-button.sc-z-modal-login{display:inline-block;margin:calc(var(--space-unit) * 2) 0}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}slot-fb[name="provider"].sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-top:calc(var(--space-unit) * 2)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login>svg.sc-z-modal-login{margin-right:var(--space-unit)}@media only screen and (min-width: 768px){z-button.sc-z-modal-login,.sc-z-modal-login-s>z-button{width:initial}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:396px;padding:calc(var(--space-unit) * 3)}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{grid-column-start:1;grid-column-end:3;padding-bottom:var(--space-unit)}.sc-z-modal-login-s>[slot="provider"]{width:100%}slot-fb[name="provider"].sc-z-modal-login{grid-column-start:1;grid-column-end:3;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}slot-fb[name="provider"].sc-z-modal-login>*.sc-z-modal-login{width:100%}}@media only screen and (min-width: 1366px){.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:477px;padding:calc(var(--space-unit) * 4)}}';export{t as z_modal_login}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as l,g as i}from"./p-98268a57.js";import{b as r,c as o}from"./p-42c37977.js";import{m as s}from"./p-d69e14fb.js";const d=class{constructor(a){t(this,a),this.callToAction=e(this,"callToAction",7),this.callToActionTwo=e(this,"callToActionTwo",7),this.errorMessage="Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto",this.bordered=!1,this.columnSticky=!1,this.empty=!1,this.error=!1,this.headerSticky=!1,this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare",this.subtitle=""}handleResize(){this.isMobile=window.innerWidth<=s}handleOrientationChange(){this.isMobile=screen.width<=s}componentWillLoad(){var t;this.isMobile=window.innerWidth<=s;const e=this.host.querySelector('[slot="table-body"]');this.hasTableBody=!!(null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.length),e&&!this.hasTableBody&&e.remove()}componentWillRender(){this.host.setAttribute("role","table")}renderError(t){const e=this.lines?`calc(40px * ${this.lines})`:"auto";return a(l,null,a("div",{class:t},a("slot",{name:"table-header"})),a("z-table-error",null,a("div",{class:"error-content",style:{minHeight:e}},a("slot",{name:"error-image"}),a("div",{class:"text"},a("z-body",{class:"error-message",level:3,variant:"semibold"},this.errorMessage),a("slot",{name:"error-action"})))))}renderEmpty(t){const e=this.isMobile?o.small:o.big,i=this.hasTableBody?"table-content":"";return this.hasTableBody?a(l,null,a("div",{class:t},a("slot",{name:"table-header"}),a("div",{class:i},a("slot",{name:"table-body"}),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:r.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:r.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel))))):a(l,null,a("div",{class:t},a("slot",{name:"table-header"})),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:r.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:r.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel)))}render(){const t=`table ${this.empty?"table-empty":""} ${this.bordered?"table-bordered":""}\n    ${this.columnSticky?"table-column-sticky":""}\n    ${this.headerSticky?"table-header-sticky":""}`;return this.error?this.renderError(t):this.empty?this.renderEmpty(t):a(l,null,a("div",{class:t},a("slot",null)),a("slot",{name:"sticky-footer"}))}static get assetsDirs(){return["assets"]}get host(){return i(this)}};d.style="z-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg);background-color:var(--color-white)}z-table>div.table{display:table;width:100%;border-collapse:separate}z-table>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-table>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{z-index:2}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--bg-grey-200)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--bg-grey-200)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;flex-direction:row;width:100%}.error-content{font-family:var(--dashboard-font);padding:calc(var(--space-unit) * 3);display:flex}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";export{d as z_table}

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

@@ -1 +0,0 @@
-import{r as t,c as o,h as e,g as i}from"./p-98268a57.js";import{N as r,p as n}from"./p-42c37977.js";import{i as a}from"./p-571e9db9.js";const s=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=r.horizontal,this.size=n.big}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}renderIcon(){let t=this.icon;const o=`${t.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(a).includes(o)&&(t=o),e("z-icon",{name:t})}render(){return e("button",{role:"tab",disabled:this.disabled,title:this.htmlTitle},e("slot",{name:"icon"},this.icon&&this.renderIcon()),"horizontal"===this.orientation&&this.label)}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};s.style=":host>button,:host>a{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:auto;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}:host>a{text-decoration:none}:host *::before,:host *::after{box-sizing:border-box}:host(:not([disabled]):hover)>*,:host([selected])>*{color:var(--color-hover-secondary);fill:currentColor}:host(:not([disabled]):hover)>*::after,:host([selected])>*::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover)>*::after,:host([orientation='horizontal'][selected])>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}slot[name=\"icon\"] z-icon,::slotted([slot=\"icon\"]){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}:host([orientation='horizontal']) slot[name=\"icon\"] z-icon,:host([orientation='horizontal']) ::slotted([slot=\"icon\"]){margin-right:var(--space-unit)}:host(:not([disabled]):hover)>*{background-color:var(--color-background)}:host>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled])>*{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small'])>*{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal'])>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover)>*::after,:host([size='small'][orientation='horizontal'][selected])>*::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) slot[name=\"icon\"] z-icon,:host([size='small']:not([orientation='vertical'])) ::slotted([slot=\"icon\"]){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical'])>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled]))>*::after,:host([orientation='vertical'][selected])>*::after{width:var(--border-size-large);height:100%;top:0;right:0}";export{s as z_navigation_tab}