@zanichelli/albe-web-components 17.0.5-RC2 → 17.0.5

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

@@ -1,2 +0,0 @@
-import{r as t,c as a,h as e,g as r}from"./p-75c4a726.js";import{f as i,s as n,v as o,i as l,a as p}from"./p-05f6053f.js";import{G as c,F as s,I as d,f}from"./p-b34993de.js";const h='.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;-ms-flex-wrap:wrap;flex-wrap:wrap}.flatpickr-monthSelect-month{background:none;border:1px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:0.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%}.flatpickr-monthSelect-month.flatpickr-disabled{color:#eee}.flatpickr-monthSelect-month.flatpickr-disabled:hover,.flatpickr-monthSelect-month.flatpickr-disabled:focus{cursor:not-allowed;background:none !important}.flatpickr-monthSelect-theme-dark{background:#3f4458}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255, 255, 255, 0.95)}.flatpickr-monthSelect-month.today{border-color:#959ea9}.flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-month.inRange.today,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;border-color:#e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c}.flatpickr-monthSelect-month.today:hover,.flatpickr-monthSelect-month.today:focus{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-monthSelect-month.startRange{border-radius:50px 0 0 50px}.flatpickr-monthSelect-month.endRange{border-radius:0 50px 50px 0}.flatpickr-monthSelect-month.startRange.endRange{border-radius:50px}.flatpickr-monthSelect-month.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-range-picker--toggle-height:0}z-date-picker{position:relative}z-date-picker>div>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:-ms-flexbox !important;display:flex !important;width:-webkit-fill-available;width:-moz-available;width:fill-available;height:calc(var(--space-unit) * 6);-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:-ms-flexbox;display:flex;height:calc(var(--space-unit) * 5.5) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:-ms-flexbox;display:flex;gap:16px}';const m=h;const k=class{constructor(e){t(this,e);this.dateSelect=a(this,"dateSelect",7);this.rangePickerId=undefined;this.firstAriaLabel=undefined;this.firstLabel=undefined;this.secondAriaLabel=undefined;this.secondLabel=undefined;this.mode=c.DATE;this.firstPickerReadOnly=false;this.lastPickerReadOnly=false;this.firstPickerPlaceholder="";this.lastPickerPlaceholder="";this.flatpickrPosition=s.BOTTOM;this.activeInput="start-input";this.firstInputError=false;this.lastInputError=false}handleClick(){this.getFocusedInput()}handleKeyDown(t){var a,e,r,i,n,o;const l=this.activeInput==="start-input"?this.firstPicker:this.lastPicker;this.getFocusedInput();if(t.key==="Escape"){document.activeElement.classList.contains(`${this.rangePickerId}-1`)&&((a=this.firstPicker)===null||a===void 0?void 0:a.close());document.activeElement.classList.contains(`${this.rangePickerId}-2`)&&((e=this.lastPicker)===null||e===void 0?void 0:e.close())}if(t.key==="Enter"||t.key===" "){if(document.activeElement.classList.contains(`${this.rangePickerId}-1`)||document.activeElement.classList.contains(`${this.rangePickerId}-2`)){l===null||l===void 0?void 0:l.open()}const a=document.activeElement.classList.contains("reset-icon");if(a){if(this.activeInput==="start-input"){this.firstInputError=false;(r=this.firstPicker)===null||r===void 0?void 0:r.clear();this.printDate(null,((i=this.lastPicker)===null||i===void 0?void 0:i.selectedDates[0])||null)}if(this.activeInput==="end-input"){this.lastInputError=false;(n=this.firstPicker)===null||n===void 0?void 0:n.clear();this.printDate(((o=this.firstPicker)===null||o===void 0?void 0:o.selectedDates[0])||null,null)}}const e=document.activeElement.classList.contains("flatpickr-prev-month");const p=document.activeElement.classList.contains("flatpickr-next-month");const c=e||p;c&&t.key===" "&&t.preventDefault();e&&(l===null||l===void 0?void 0:l.changeMonth(-1));p&&(l===null||l===void 0?void 0:l.changeMonth(1))}}componentDidLoad(){this.setupPickers()}setupFirstPickersReadOnly(){var t;(t=this.firstPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.firstPickerReadOnly)}setupLastPickersReadOnly(){var t;(t=this.lastPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.lastPickerReadOnly)}setupPickers(){const t={enableTime:this.mode===c.DATE_TIME,locale:l.exports.Italian,allowInput:true,wrap:true,dateFormat:this.mode===c.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:"d F Y",minuteIncrement:1,time_24hr:true,onValueUpdate:()=>{const t=this.activeInput==="start-input";const a=this.firstPicker.selectedDates[0];const e=this.lastPicker.selectedDates[0];if(+a>+e){if(t){this.firstInputError=true;this.printDate(null,e||null)}else{this.lastInputError=true;this.printDate(a||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(a||null,e||null)}this.setRangeStyle(0);this.setRangeStyle(1)},onChange:(t,a,e)=>{this.onDateSelect();this.setRangeStyle(e.input.classList.contains("start-input")?0:1)},onOpen:(t,a,e)=>{n(this.element,this.mode);this.flatpickrPosition=p(this.element,this.mode);this.setRangeStyle(e.input.classList.contains("start-input")?0:1);this.getFocusedInput()},onYearChange:(t,a,e)=>{this.setRangeStyle(e.input.classList.contains("start-input")?0:1)},onMonthChange:(t,a,e)=>{this.setRangeStyle(e.input.classList.contains("start-input")?0:1)},onKeyDown:()=>{n(this.element,this.mode)}};this.firstPicker=i(`.${this.rangePickerId}-1-container`,Object.assign(Object.assign({},Object.assign(Object.assign({},t),{clickOpens:!this.firstPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(`.${this.rangePickerId}-1-wrapper`)}));this.lastPicker=i(`.${this.rangePickerId}-2-container`,Object.assign(Object.assign({},Object.assign(Object.assign({},t),{clickOpens:!this.lastPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(`.${this.rangePickerId}-2-wrapper`)}));this.element.querySelectorAll(".flatpickr-weekday").forEach((t=>{t.innerHTML=t.innerHTML.trim().charAt(0)}))}onDateSelect(){const t=this.activeInput==="start-input";const a=this.firstPicker.selectedDates[0];const e=this.lastPicker.selectedDates[0];if(+a>+e){if(t){this.firstInputError=true;this.printDate(null,e||null)}else{this.lastInputError=true;this.printDate(a||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(a||null,e||null)}}disableDates(t,a){const e=this.element.getElementsByClassName("flatpickr-calendar")[a];Array.from(e.getElementsByClassName("flatpickr-day")).forEach((e=>{const r=this.getDateWithoutTime(this.replaceMonths(e.ariaLabel,null));const i=this.getDateWithoutTime(t);const n=a===0?r>i:r<i;if(n){e.classList.toggle("flatpickr-disabled",true)}else{e.classList.toggle("flatpickr-disabled",false)}}));n(this.element,this.mode)}formatDate(t){if(this.mode===c.DATE){return`${i.formatDate(t,"d-m-Y")}`}return`${i.formatDate(t,"d-m-Y - H:i")}`}printDate(t,a){const e=t?this.formatDate(t):null;const r=a?this.formatDate(a):null;this.dateSelect.emit([e,r])}getDateWithoutTime(t){const a=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0);return a}replaceMonths(t,a){const e=t.split(" ")[1];const r={Gennaio:"01",Febbraio:"02",Marzo:"03",Aprile:"04",Maggio:"05",Giugno:"06",Luglio:"07",Agosto:"08",Settembre:"09",Ottobre:"10",Novembre:"11",Dicembre:"12"};const i=t.replace(e,r[e]).split(" ");return new Date(parseInt(i[2]),parseInt(i[1])-1,parseInt(i[0]),a?parseInt(a.split(":")[0]):0,a?parseInt(a.split(":")[1]):0)}getFocusedInput(){const t=document.activeElement.closest("z-input");if(!t){return}if(t===null||t===void 0?void 0:t.classList.contains("start-input")){this.activeInput="start-input"}else if(t.classList.contains("end-input")){this.activeInput="end-input"}}setRangeStyle(t){Array.from(this.element.getElementsByClassName("flatpickr-calendar")).forEach((a=>{Array.from(a.getElementsByClassName("flatpickr-day")).forEach((a=>{const e=this.firstPicker.selectedDates.length===1;const r=this.lastPicker.selectedDates.length===1;let i;let n;const o=this.getDateWithoutTime(this.replaceMonths(a.ariaLabel,null));if(e){i=this.getDateWithoutTime(this.firstPicker.selectedDates[0]);if(+o===+i){a.classList.toggle("startRange",true)}else{a.classList.toggle("startRange",false)}}if(r){n=this.getDateWithoutTime(this.lastPicker.selectedDates[0]);if(+o===+n){a.classList.toggle("endRange",true)}else{a.classList.toggle("endRange",false)}}if(e&&r){if(o>i&&o<n){a.classList.toggle("inRange",true)}else{a.classList.toggle("inRange",false)}}if(t===0&&r){this.disableDates(this.lastPicker.selectedDates[0],t)}if(t===1&&e){this.disableDates(this.firstPicker.selectedDates[0],t)}}))}))}onStopTyping(t){const a=t.detail.value.replace("/","-");const e=a.split("-");const r=this.mode===c.DATE_TIME?`T${e[3]}:00`:"";const i=`${e[2]}-${e[1]}-${e[0]}${r}`.split(" ").join("");const n=o(a,this.mode===c.DATE_TIME);const l=Date.parse(i).toString();if(this.activeInput==="start-input"){if(a===""){this.firstInputError=false;this.firstPicker.setDate([]);this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(!n){this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(n){if(this.lastPicker.selectedDates.length===1){if(+l<=+this.lastPicker.selectedDates[0]){this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),this.lastPicker.selectedDates[0])}else{this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0])}}else{this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),null)}}}else if(a===""){this.lastInputError=false;this.lastPicker.setDate([]);this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(!n){this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(n){if(this.firstPicker.selectedDates.length===1){if(+l>=+this.firstPicker.selectedDates[0]){this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(this.firstPicker.selectedDates[0],new Date(i))}else{this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0],null)}}else{this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(null,new Date(i))}}this.setRangeStyle(this.activeInput==="start-input"?0:1)}render(){const t={type:d.TEXT,icon:"event",tabindex:"0",message:false,onStopTyping:this.onStopTyping.bind(this),value:""};return e("div",{key:"a53d148ab03744a1f3db628f7b246c24c5974c64",class:{["range-pickers-container"]:true,[this.mode]:true,[this.activeInput]:true,[this.flatpickrPosition]:true}},e("div",{key:"b48ad8c0946dbf4d293ab727d48434377754bcd2",class:`${this.rangePickerId}-1-wrapper`},e("div",{key:"fdf59e2f5910fa066ab81ad9e43af5e88f26ec17",class:`${this.rangePickerId}-1-container`},e("z-input",Object.assign({key:"d850efc6a9d2d1405b201fc200cd1b624e0fd3db"},t,{placeholder:this.firstPickerPlaceholder,readonly:this.firstPickerReadOnly,"data-input":"data-input",class:`start-input ${this.rangePickerId}-1`,ariaLabel:this.firstAriaLabel,label:this.firstLabel,status:this.firstInputError&&f.ERROR,onStartTyping:()=>{this.firstInputError=false}})))),e("div",{key:"5d033db058bb143ac0cca9020605f6ab9153cc0d",class:`${this.rangePickerId}-2-wrapper`},e("div",{key:"eabdc4b1a5703a349c8b3d978970b77278352a53",class:`${this.rangePickerId}-2-container`},e("z-input",Object.assign({key:"bfd97975a2dd54710ce8da89c8debb68b7fc3af3"},t,{placeholder:this.lastPickerPlaceholder,readonly:this.lastPickerReadOnly,"data-input":"data-input",class:`end-input ${this.rangePickerId}-2`,ariaLabel:this.secondAriaLabel,label:this.secondLabel,status:this.lastInputError&&f.ERROR,onStartTyping:()=>{this.lastInputError=false}})))))}get element(){return r(this)}static get watchers(){return{firstPickerReadOnly:["setupFirstPickersReadOnly"],lastPickerReadOnly:["setupLastPickersReadOnly"],mode:["setupPickers"]}}};k.style=m;export{k as z_range_picker};
-//# sourceMappingURL=p-a10e0cb5.entry.js.map

package/www/build/p-a10e0cb5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZRangePickerStyle0","ZRangePicker","ZRangePickerMode","DATE","ZDatePickerPosition","BOTTOM","handleClick","this","getFocusedInput","handleKeyDown","ev","currentPicker","activeInput","firstPicker","lastPicker","key","document","activeElement","classList","contains","rangePickerId","_a","close","_b","open","isCrossIconEntered","firstInputError","_c","clear","printDate","_d","selectedDates","lastInputError","_e","_f","isPrevArrowEntered","isNextArrowEntered","arrowPressed","preventDefault","changeMonth","componentDidLoad","setupPickers","setupFirstPickersReadOnly","set","firstPickerReadOnly","setupLastPickersReadOnly","lastPickerReadOnly","config","enableTime","mode","DATE_TIME","locale","Italian","allowInput","wrap","dateFormat","ariaDateFormat","minuteIncrement","time_24hr","onValueUpdate","firstInputActive","firstDate","lastDate","setRangeStyle","onChange","_selectedDates","_dateStr","instance","onDateSelect","input","onOpen","setAriaOptions","element","flatpickrPosition","setFlatpickrPosition","onYearChange","onMonthChange","onKeyDown","flatpickr","Object","assign","clickOpens","appendTo","querySelector","querySelectorAll","forEach","innerHTML","trim","charAt","disableDates","date","index","calendar","getElementsByClassName","Array","from","calendarDate","getDateWithoutTime","replaceMonths","ariaLabel","breakpoint","inRange","toggle","formatDate","firstDateString","lastDateString","dateSelect","emit","newDate","Date","getFullYear","getMonth","getDate","time","month","split","months","Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre","pieces","replace","parseInt","focusedZInput","closest","hasFirstDate","length","hasLastDate","onStopTyping","value","text","detail","englishData","englishParsedData","join","isValidDate","validateDate","parse","toString","setDate","render","zInputProps","type","InputType","TEXT","icon","tabindex","message","bind","h","class","placeholder","firstPickerPlaceholder","readonly","firstAriaLabel","label","firstLabel","status","InputStatus","ERROR","onStartTyping","lastPickerPlaceholder","secondAriaLabel","secondLabel"],"sources":["src/components/date-picker/styles.css?tag=z-range-picker","src/components/date-picker/z-range-picker/index.tsx"],"sourcesContent":["@import \"~flatpickr/dist/flatpickr.min.css\";\n@import \"~flatpickr/dist/plugins/monthSelect/style.css\";\n\n/* stylelint-disable selector-class-pattern -- we have no control over flatpickr css classes naming */\n\n:host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-range-picker--toggle-height: 0;\n}\n\nz-date-picker {\n  position: relative;\n}\n\nz-date-picker > div > * {\n  cursor: pointer !important;\n}\n\nz-range-picker {\n  position: relative;\n}\n\n.flatpickr-toggle-container {\n  width: fit-content;\n}\n\n.range-pickers-container > div {\n  position: relative;\n}\n\n.hidden-input {\n  position: absolute;\n  bottom: 0;\n  width: 0;\n  height: 0;\n  visibility: hidden !important;\n}\n\n/* Calendar container selectors */\n.flatpickr-calendar::before,\n.flatpickr-calendar::after {\n  display: none;\n}\n\n.flatpickr-calendar {\n  position: absolute !important;\n  top: var(--z-range-picker--toggle-height) !important;\n  left: 0 !important;\n  padding-top: calc(var(--space-unit) * 2);\n  border-radius: 2px;\n  box-shadow: var(--shadow-2);\n  font-family: var(--font-family-sans) !important;\n}\n\n.months.top > .flatpickr-calendar {\n  top: -288px !important;\n}\n\n.date.top > .flatpickr-calendar,\n.date.top > div > .flatpickr-calendar {\n  top: -401px !important;\n}\n\n.date-time.top > .flatpickr-calendar,\n.date-time.top > div > .flatpickr-calendar {\n  top: -523px !important;\n}\n\n.flatpickr-calendar,\n.flatpickr-innerContainer,\n.flatpickr-days,\n.dayContainer,\n.flatpickr-rContainer,\n.flatpickr-monthSelect-months {\n  width: calc(var(--space-unit) * 42) !important;\n  max-width: calc(var(--space-unit) * 42) !important;\n}\n\n.flatpickr-monthSelect-months {\n  box-sizing: border-box;\n  padding: 0 !important;\n  margin: calc(var(--space-unit) * 2) 0 !important;\n}\n\n/* Months and year row containers selectors */\n.flatpickr-months {\n  position: relative;\n  height: calc(var(--space-unit) * 6) !important;\n  align-items: center;\n  margin-bottom: var(--space-unit) 0 !important;\n}\n\n.flatpickr-month {\n  overflow: visible !important;\n  height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-current-month {\n  left: 0 !important;\n  display: flex !important;\n  width: fill-available;\n  height: calc(var(--space-unit) * 6);\n  align-items: baseline;\n  justify-content: space-evenly;\n  padding-top: 0;\n}\n\n/* Months arrows selectors */\n.flatpickr-next-month,\n.flatpickr-prev-month {\n  position: static !important;\n  display: flex;\n  width: calc(var(--space-unit) * 4) !important;\n  height: calc(var(--space-unit) * 4) !important;\n  align-items: center;\n  justify-content: center;\n  padding: 0 !important;\n}\n\n.flatpickr-prev-month {\n  margin-left: var(--space-unit);\n}\n\n.flatpickr-next-month {\n  margin-right: var(--space-unit);\n}\n\n.flatpickr-next-month > svg,\n.flatpickr-prev-month > svg {\n  width: calc(var(--space-unit) * 2) !important;\n  height: calc(var(--space-unit) * 2) !important;\n  fill: var(--color-primary01);\n}\n\n.flatpickr-next-month:hover,\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:focus,\n.flatpickr-prev-month:focus {\n  border: none !important;\n  border-color: var(--color-primary03) !important;\n  background-color: var(--color-primary03) !important;\n  border-radius: var(--border-radius);\n  color: var(--color-hover-primary) !important;\n  outline: none !important;\n}\n\n.flatpickr-next-month:hover svg,\n.flatpickr-prev-month:hover svg {\n  fill: var(--color-hover-primary) !important;\n}\n\n.flatpickr-next-month:active,\n.flatpickr-prev-month:active {\n  border-color: var(--color-surface01) !important;\n  background-color: var(--color-surface01) !important;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2) !important;\n  color: var(--color-primary01) !important;\n}\n\n.flatpickr-next-month:focus svg,\n.flatpickr-prev-month:focus svg {\n  fill: var(--color-primary01) !important;\n}\n\n/* Months dropdown selectors */\n.flatpickr-monthDropdown-months {\n  width: 108px !important;\n  height: calc(var(--space-unit) * 5.5) !important;\n  padding-left: var(--space-unit) !important;\n  background: var(--color-surface01) !important;\n  color: var(--color-default-text) !important;\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  outline: 1px solid black !important;\n}\n\n.flatpickr-monthDropdown-months:hover,\n.flatpickr-monthDropdown-months:focus {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n/* Year toggle selectors */\n.flatpickr-current-month > .numInputWrapper {\n  display: flex;\n  width: calc(var(--space-unit) * 10);\n  height: calc(var(--space-unit) * 5.5) !important;\n  background: var(--color-surface01) !important;\n  color: var(--color-default-text);\n  outline: 1px solid black !important;\n}\n\n.flatpickr-current-month > .numInputWrapper:hover,\n.flatpickr-current-month > .numInputWrapper:focus-within {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n.flatpickr-current-month > .numInputWrapper > input {\n  padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  text-align: center;\n}\n\n/* Weekdays selectors */\n.flatpickr-weekdays {\n  height: calc(var(--space-unit) * 6);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n.flatpickr-weekday {\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n}\n\n/* Calendar days and months selectors */\n.flatpickr-day,\n.flatpickr-monthSelect-month {\n  width: calc(var(--space-unit) * 6) !important;\n  max-width: 100% !important;\n  height: calc(var(--space-unit) * 6) !important;\n  border: none;\n  margin: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  font-size: var(--font-size-3) !important;\n  line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-day {\n  width: calc(var(--space-unit) * 6) !important;\n  border: none;\n  line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-monthSelect-month {\n  width: calc(var(--space-unit) * 14) !important;\n  padding: 0 !important;\n  border: 2px solid var(--color-surface01) !important;\n  line-height: calc(var(--space-unit) * 5) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled):hover,\n.flatpickr-day:not(.flatpickr-disabled):active,\n.flatpickr-day:not(.flatpickr-disabled):focus,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,\n.flatpickr-day:not(.flatpickr-disabled).selected:hover,\n.flatpickr-day:not(.flatpickr-disabled).selected:active,\n.flatpickr-day:not(.flatpickr-disabled).selected:focus,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:active,\n.flatpickr-monthSelect-month:focus {\n  border-color: var(--color-hover-primary) !important;\n  background-color: var(--color-hover-primary) !important;\n  color: var(--color-text-inverse) !important;\n}\n\n.flatpickr-day.today,\n.flatpickr-monthSelect-month.today {\n  border: 2px solid var(--color-hover-primary) !important;\n}\n\n.flatpickr-day.selected:not(.flatpickr-disabled),\n.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled) {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-weekday:nth-child(6),\n.flatpickr-weekday:nth-child(7),\n.flatpickr-day:nth-child(7n + 6),\n.flatpickr-day:nth-child(7n + 7) {\n  font-weight: var(--font-sb) !important;\n}\n\n/* Date and time selectors */\n.flatpickr-time {\n  display: block;\n  height: 90px !important;\n  max-height: 90px !important;\n  text-align: left;\n}\n\n.flatpickr-time::before {\n  display: block;\n  width: 100%;\n  padding-left: var(--space-unit);\n  color: var(--color-default-text) !important;\n  content: \"Orario\";\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n}\n\n.flatpickr-time.time24hr {\n  margin: calc(var(--space-unit) * 2) !important;\n}\n\n.flatpickr-time.time24hr > .numInputWrapper > input:hover,\n.flatpickr-time.time24hr > .numInputWrapper > input:focus,\n.flatpickr-time.time24hr > .numInputWrapper:hover {\n  background-color: var(--color-surface01) !important;\n}\n\n.flatpickr-time.time24hr > div {\n  width: calc(var(--space-unit) * 10) !important;\n  height: calc(var(--space-unit) * 5.5) !important;\n  margin-right: var(--space-unit) !important;\n  margin-left: var(--space-unit) !important;\n}\n\n.flatpickr-time-separator {\n  display: flex;\n  height: calc(var(--space-unit) * 5.5) !important;\n  align-items: center;\n  justify-content: center;\n  font-weight: unset !important;\n}\n\n.flatpickr-minute,\n.flatpickr-hour {\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  outline: 1px solid black !important;\n}\n\n.numInputWrapper:hover .flatpickr-minute,\n.numInputWrapper:hover .flatpickr-hour,\n.flatpickr-minute:focus,\n.flatpickr-hour:focus {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n/* toggle arrows selectors */\n.arrowUp,\n.arrowDown {\n  width: calc(var(--space-unit) * 2) !important;\n  height: calc(var(--space-unit) * 2) !important;\n  padding: 0 !important;\n  border: none !important;\n  opacity: 1 !important;\n}\n\n.arrowUp {\n  margin-top: calc(var(--space-unit) / 2) !important;\n  margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowDown {\n  top: auto !important;\n  margin-top: calc(var(--space-unit) * 3) !important;\n  margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowUp:hover,\n.arrowDown:hover {\n  border-color: var(--color-primary03) !important;\n  background-color: var(--color-primary03) !important;\n  border-radius: var(--border-radius);\n  color: var(--color-hover-primary) !important;\n}\n\n.arrowUp:active,\n.arrowDown:active {\n  border-color: var(--color-surface01) !important;\n  background-color: var(--color-surface01) !important;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2) !important;\n  color: var(--color-primary01) !important;\n}\n\n.arrowUp::after,\n.arrowDown::after {\n  padding: 2.5px !important;\n  border: solid var(--color-primary01) !important;\n  border-width: 0 1px 1px 0 !important;\n}\n\n.arrowUp::after {\n  top: 0 !important;\n  margin-top: 6px !important;\n  margin-left: 5.5px !important;\n  transform: rotate(-135deg);\n}\n\n.arrowDown::after {\n  top: 0 !important;\n  left: 5.5px !important;\n  margin-top: 4px !important;\n  transform: rotate(45deg);\n}\n\n/* range-date-picker selectors */\n\n.flatpickr-day:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,\n.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover {\n  border-color: var(--color-hover-primary) !important;\n  background-color: var(--color-hover-primary) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).inRange,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange {\n  border-color: var(--color-primary03);\n  background-color: var(--color-primary03);\n}\n\n.flatpickr-day:not(.flatpickr-disabled).startRange,\n.flatpickr-day:not(.flatpickr-disabled).endRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-range.second-input {\n  cursor: pointer;\n}\n\n.range-pickers-container {\n  display: flex;\n  gap: 16px;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\nimport flatpickr from \"flatpickr\";\nimport {Italian} from \"flatpickr/dist/l10n/it.js\";\n\nimport {InputStatus, InputType, ZDatePickerPosition, ZRangePickerMode} from \"../../../beans\";\nimport {setAriaOptions, setFlatpickrPosition, validateDate} from \"../utils\";\n\n@Component({\n  tag: \"z-range-picker\",\n  styleUrl: \"../styles.css\",\n  shadow: false,\n})\nexport class ZRangePicker {\n  @Element() element: HTMLZRangePickerElement;\n\n  /** unique id */\n  @Prop()\n  rangePickerId: string;\n\n  /** first z-input aria label */\n  @Prop()\n  firstAriaLabel?: string;\n\n  /** first z-input label */\n  @Prop()\n  firstLabel?: string;\n\n  /** second z-input aria label */\n  @Prop()\n  secondAriaLabel?: string;\n\n  /** second z-input label */\n  @Prop()\n  secondLabel?: string;\n\n  /** [Optional] datepicker mode: date or datetime */\n  @Prop()\n  mode: ZRangePickerMode = ZRangePickerMode.DATE;\n\n  /** readonly mode */\n  @Prop()\n  firstPickerReadOnly = false;\n\n  /** readonly mode */\n  @Prop()\n  lastPickerReadOnly = false;\n\n  /** readonly mode */\n  @Prop()\n  firstPickerPlaceholder = \"\";\n\n  /** readonly mode */\n  @Prop()\n  lastPickerPlaceholder = \"\";\n\n  @State()\n  flatpickrPosition: ZDatePickerPosition = ZDatePickerPosition.BOTTOM;\n\n  @State()\n  activeInput = \"start-input\";\n\n  @State()\n  firstInputError = false;\n\n  @State()\n  lastInputError = false;\n\n  private firstPicker;\n\n  private lastPicker;\n\n  /** emitted when date changes, returns an array with the two selected dates */\n  @Event()\n  dateSelect: EventEmitter;\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleClick(): void {\n    this.getFocusedInput();\n  }\n\n  @Listen(\"keyup\", {target: \"body\", capture: true})\n  handleKeyDown(ev: KeyboardEvent): void {\n    const currentPicker = this.activeInput === \"start-input\" ? this.firstPicker : this.lastPicker;\n\n    this.getFocusedInput();\n\n    if (ev.key === \"Escape\") {\n      document.activeElement.classList.contains(`${this.rangePickerId}-1`) && this.firstPicker?.close();\n\n      document.activeElement.classList.contains(`${this.rangePickerId}-2`) && this.lastPicker?.close();\n    }\n\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      if (\n        document.activeElement.classList.contains(`${this.rangePickerId}-1`) ||\n        document.activeElement.classList.contains(`${this.rangePickerId}-2`)\n      ) {\n        currentPicker?.open();\n      }\n\n      const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n\n      if (isCrossIconEntered) {\n        if (this.activeInput === \"start-input\") {\n          this.firstInputError = false;\n          this.firstPicker?.clear();\n          this.printDate(null, this.lastPicker?.selectedDates[0] || null);\n        }\n        if (this.activeInput === \"end-input\") {\n          this.lastInputError = false;\n          this.firstPicker?.clear();\n          this.printDate(this.firstPicker?.selectedDates[0] || null, null);\n        }\n      }\n\n      const isPrevArrowEntered = document.activeElement.classList.contains(\"flatpickr-prev-month\");\n      const isNextArrowEntered = document.activeElement.classList.contains(\"flatpickr-next-month\");\n      const arrowPressed = isPrevArrowEntered || isNextArrowEntered;\n\n      arrowPressed && ev.key === \" \" && ev.preventDefault();\n\n      isPrevArrowEntered && currentPicker?.changeMonth(-1);\n      isNextArrowEntered && currentPicker?.changeMonth(1);\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setupPickers();\n  }\n\n  @Watch(\"firstPickerReadOnly\")\n  setupFirstPickersReadOnly(): void {\n    this.firstPicker?.set(\"clickOpens\", !this.firstPickerReadOnly);\n  }\n\n  @Watch(\"lastPickerReadOnly\")\n  setupLastPickersReadOnly(): void {\n    this.lastPicker?.set(\"clickOpens\", !this.lastPickerReadOnly);\n  }\n\n  @Watch(\"mode\")\n  setupPickers(): void {\n    const config = {\n      enableTime: this.mode === ZRangePickerMode.DATE_TIME,\n      locale: Italian,\n      allowInput: true,\n      wrap: true,\n      dateFormat: this.mode === ZRangePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n      ariaDateFormat: \"d F Y\",\n      minuteIncrement: 1,\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      time_24hr: true,\n      onValueUpdate: () => {\n        const firstInputActive = this.activeInput === \"start-input\";\n        const firstDate = this.firstPicker.selectedDates[0];\n        const lastDate = this.lastPicker.selectedDates[0];\n\n        if (+firstDate > +lastDate) {\n          if (firstInputActive) {\n            this.firstInputError = true;\n            this.printDate(null, lastDate || null);\n          } else {\n            this.lastInputError = true;\n            this.printDate(firstDate || null, null);\n          }\n        } else {\n          this.lastInputError = false;\n          this.firstInputError = false;\n          this.printDate(firstDate || null, lastDate || null);\n        }\n        this.setRangeStyle(0);\n        this.setRangeStyle(1);\n      },\n      onChange: (_selectedDates, _dateStr, instance) => {\n        this.onDateSelect();\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n      },\n      onOpen: (_selectedDates, _dateStr, instance) => {\n        setAriaOptions(this.element, this.mode);\n        this.flatpickrPosition = setFlatpickrPosition(this.element, this.mode);\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n        this.getFocusedInput();\n      },\n      onYearChange: (_selectedDates, _dateStr, instance) => {\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n      },\n      onMonthChange: (_selectedDates, _dateStr, instance) => {\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n      },\n      onKeyDown: () => {\n        setAriaOptions(this.element, this.mode);\n      },\n    };\n\n    this.firstPicker = flatpickr(`.${this.rangePickerId}-1-container`, {\n      ...{...config, clickOpens: !this.firstPickerReadOnly},\n      mode: \"single\",\n      appendTo: this.element.querySelector(`.${this.rangePickerId}-1-wrapper`),\n    });\n    this.lastPicker = flatpickr(`.${this.rangePickerId}-2-container`, {\n      ...{...config, clickOpens: !this.lastPickerReadOnly},\n      mode: \"single\",\n      appendTo: this.element.querySelector(`.${this.rangePickerId}-2-wrapper`),\n    });\n\n    this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n      element.innerHTML = element.innerHTML.trim().charAt(0);\n    });\n  }\n\n  private onDateSelect(): void {\n    const firstInputActive = this.activeInput === \"start-input\";\n    const firstDate = this.firstPicker.selectedDates[0];\n    const lastDate = this.lastPicker.selectedDates[0];\n\n    if (+firstDate > +lastDate) {\n      if (firstInputActive) {\n        this.firstInputError = true;\n        this.printDate(null, lastDate || null);\n      } else {\n        this.lastInputError = true;\n        this.printDate(firstDate || null, null);\n      }\n    } else {\n      this.lastInputError = false;\n      this.firstInputError = false;\n      this.printDate(firstDate || null, lastDate || null);\n    }\n  }\n\n  private disableDates(date, index): void {\n    const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[index];\n\n    Array.from(calendar.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n      const calendarDate = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n      const breakpoint = this.getDateWithoutTime(date);\n      const inRange = index === 0 ? calendarDate > breakpoint : calendarDate < breakpoint;\n\n      if (inRange) {\n        element.classList.toggle(\"flatpickr-disabled\", true);\n      } else {\n        element.classList.toggle(\"flatpickr-disabled\", false);\n      }\n    });\n    setAriaOptions(this.element, this.mode);\n  }\n\n  private formatDate(date): string {\n    if (this.mode === ZRangePickerMode.DATE) {\n      return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n    }\n\n    return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n  }\n\n  private printDate(firstDate, lastDate): void {\n    const firstDateString = firstDate ? this.formatDate(firstDate) : null;\n    const lastDateString = lastDate ? this.formatDate(lastDate) : null;\n\n    this.dateSelect.emit([firstDateString, lastDateString]);\n  }\n\n  private getDateWithoutTime(date): Date {\n    const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0);\n\n    return newDate;\n  }\n\n  /** Replace month word to month number */\n  private replaceMonths(date, time): Date {\n    const month = date.split(\" \")[1];\n    const months = {\n      /* eslint-disable @typescript-eslint/naming-convention */\n      Gennaio: \"01\",\n      Febbraio: \"02\",\n      Marzo: \"03\",\n      Aprile: \"04\",\n      Maggio: \"05\",\n      Giugno: \"06\",\n      Luglio: \"07\",\n      Agosto: \"08\",\n      Settembre: \"09\",\n      Ottobre: \"10\",\n      Novembre: \"11\",\n      Dicembre: \"12\",\n      /* eslint-enable @typescript-eslint/naming-convention */\n    };\n\n    const pieces = date.replace(month, months[month]).split(\" \");\n\n    return new Date(\n      parseInt(pieces[2]),\n      parseInt(pieces[1]) - 1,\n      parseInt(pieces[0]),\n      time ? parseInt(time.split(\":\")[0]) : 0,\n      time ? parseInt(time.split(\":\")[1]) : 0\n    );\n  }\n\n  /** Get the current focused input, first or last */\n  private getFocusedInput(): string {\n    const focusedZInput = document.activeElement.closest(\"z-input\");\n    if (!focusedZInput) {\n      return;\n    }\n\n    if (focusedZInput?.classList.contains(\"start-input\")) {\n      this.activeInput = \"start-input\";\n    } else if (focusedZInput.classList.contains(\"end-input\")) {\n      this.activeInput = \"end-input\";\n    }\n  }\n\n  /** Set style of the days between the two selected dates */\n  private setRangeStyle(index): void {\n    Array.from(this.element.getElementsByClassName(\"flatpickr-calendar\")).forEach((element: Element) => {\n      Array.from(element.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n        const hasFirstDate = this.firstPicker.selectedDates.length === 1;\n        const hasLastDate = this.lastPicker.selectedDates.length === 1;\n        let firstDate;\n        let lastDate;\n        const date = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n        if (hasFirstDate) {\n          firstDate = this.getDateWithoutTime(this.firstPicker.selectedDates[0]);\n          if (+date === +firstDate) {\n            element.classList.toggle(\"startRange\", true);\n          } else {\n            element.classList.toggle(\"startRange\", false);\n          }\n        }\n\n        if (hasLastDate) {\n          lastDate = this.getDateWithoutTime(this.lastPicker.selectedDates[0]);\n          if (+date === +lastDate) {\n            element.classList.toggle(\"endRange\", true);\n          } else {\n            element.classList.toggle(\"endRange\", false);\n          }\n        }\n\n        if (hasFirstDate && hasLastDate) {\n          if (date > firstDate && date < lastDate) {\n            element.classList.toggle(\"inRange\", true);\n          } else {\n            element.classList.toggle(\"inRange\", false);\n          }\n        }\n\n        if (index === 0 && hasLastDate) {\n          this.disableDates(this.lastPicker.selectedDates[0], index);\n        }\n        if (index === 1 && hasFirstDate) {\n          this.disableDates(this.firstPicker.selectedDates[0], index);\n        }\n      });\n    });\n  }\n\n  private onStopTyping(value): void {\n    const text = value.detail.value.replace(\"/\", \"-\");\n    const englishData = text.split(\"-\");\n    const time = this.mode === ZRangePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n    const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n\n    const isValidDate = validateDate(text, this.mode === ZRangePickerMode.DATE_TIME);\n\n    const date = Date.parse(englishParsedData).toString();\n\n    if (this.activeInput === \"start-input\") {\n      if (text === \"\") {\n        this.firstInputError = false;\n        this.firstPicker.setDate([]);\n        this.printDate(null, this.lastPicker.selectedDates[0] || null);\n      } else if (!isValidDate) {\n        this.firstInputError = true;\n        this.printDate(null, this.lastPicker.selectedDates[0] || null);\n      } else if (isValidDate) {\n        if (this.lastPicker.selectedDates.length === 1) {\n          if (+date <= +this.lastPicker.selectedDates[0]) {\n            this.firstInputError = false;\n            this.firstPicker.setDate([text]);\n            this.printDate(new Date(englishParsedData), this.lastPicker.selectedDates[0]);\n          } else {\n            this.firstInputError = true;\n            this.printDate(null, this.lastPicker.selectedDates[0]);\n          }\n        } else {\n          this.firstInputError = false;\n          this.firstPicker.setDate([text]);\n          this.printDate(new Date(englishParsedData), null);\n        }\n      }\n    } else if (text === \"\") {\n      this.lastInputError = false;\n      this.lastPicker.setDate([]);\n      this.printDate(this.firstPicker.selectedDates[0] || null, null);\n    } else if (!isValidDate) {\n      this.lastInputError = true;\n      this.printDate(this.firstPicker.selectedDates[0] || null, null);\n    } else if (isValidDate) {\n      if (this.firstPicker.selectedDates.length === 1) {\n        if (+date >= +this.firstPicker.selectedDates[0]) {\n          this.lastInputError = false;\n          this.lastPicker.setDate([text]);\n          this.printDate(this.firstPicker.selectedDates[0], new Date(englishParsedData));\n        } else {\n          this.lastInputError = true;\n          this.printDate(this.firstPicker.selectedDates[0], null);\n        }\n      } else {\n        this.lastInputError = false;\n        this.lastPicker.setDate([text]);\n        this.printDate(null, new Date(englishParsedData));\n      }\n    }\n\n    this.setRangeStyle(this.activeInput === \"start-input\" ? 0 : 1);\n  }\n\n  render(): HTMLDivElement {\n    const zInputProps = {\n      type: InputType.TEXT,\n      icon: \"event\",\n      tabindex: \"0\",\n      message: false,\n      onStopTyping: this.onStopTyping.bind(this),\n      value: \"\",\n    };\n\n    return (\n      <div\n        class={{\n          [\"range-pickers-container\"]: true,\n          [this.mode]: true,\n          [this.activeInput]: true,\n          [this.flatpickrPosition]: true,\n        }}\n      >\n        <div class={`${this.rangePickerId}-1-wrapper`}>\n          <div class={`${this.rangePickerId}-1-container`}>\n            <z-input\n              {...zInputProps}\n              placeholder={this.firstPickerPlaceholder}\n              readonly={this.firstPickerReadOnly}\n              data-input=\"data-input\"\n              class={`start-input ${this.rangePickerId}-1`}\n              ariaLabel={this.firstAriaLabel}\n              label={this.firstLabel}\n              status={this.firstInputError && InputStatus.ERROR}\n              onStartTyping={() => {\n                this.firstInputError = false;\n              }}\n            />\n          </div>\n        </div>\n        <div class={`${this.rangePickerId}-2-wrapper`}>\n          <div class={`${this.rangePickerId}-2-container`}>\n            <z-input\n              {...zInputProps}\n              placeholder={this.lastPickerPlaceholder}\n              readonly={this.lastPickerReadOnly}\n              data-input=\"data-input\"\n              class={`end-input ${this.rangePickerId}-2`}\n              ariaLabel={this.secondAriaLabel}\n              label={this.secondLabel}\n              status={this.lastInputError && InputStatus.ERROR}\n              onStartTyping={() => {\n                this.lastInputError = false;\n              }}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-a12bd05d.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js","./p-d91b26d9.system.js","./p-4e93c427.system.js","./p-b7c10157.system.js"],(function(i){"use strict";var t,e,r,n,s,o,a,h,d,c,l;return{setters:[function(i){t=i.r;e=i.c;r=i.h;n=i.g},function(i){s=i.I;o=i.e;a=i.i;h=i.g;d=i.l},function(i){c=i.r;l=i.d},function(){}],execute:function(){var u=':host{display:block;font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:-ms-flexbox;display:flex;min-height:42px;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0;color:var(--color-default-text)}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-default-icon);-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 200ms linear;transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-primary01);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-disabled01);fill:var(--color-disabled01)}:host>div.disabled .header>p.body-3{color:var(--color-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-disabled01)}:host>div.open>.header>z-icon{fill:var(--color-default-icon);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 200ms linear;transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--color-form-background);border-radius:0}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:auto;margin-top:0;-webkit-box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%);box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>div>div.search>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host>div.open>div.open-combo-data>div>div.search>div>a{display:inline-block;height:44px;color:var(--color-primary01);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search>div>a:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';var v=u;var p=i("z_combobox",function(){function i(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.itemsList=[];this.inputType=s.TEXT;this.inputid="combo-".concat(c());this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.closesearchtext="Chiudi";this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=o.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId=undefined;this.checkboxes=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}i.prototype.watchItems=function(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((function(i){return i.checked})).length;this.updateRenderItemsList()};i.prototype.watchSearchValue=function(){this.filterItems(this.searchValue)};i.prototype.watchCheckboxes=function(){this.checkboxes.forEach((function(i,t){return i.setAttribute("tabindex",t===0?"0":"-1")}))};i.prototype.emitComboboxChange=function(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})};i.prototype.componentWillLoad=function(){this.watchItems()};i.prototype.componentWillRender=function(){this.selectedCounter=this.itemsList.filter((function(i){return i.checked})).length};i.prototype.componentDidRender=function(){var i=this.getAllCheckboxes();if(JSON.stringify(i)!==JSON.stringify(this.checkboxes)){this.checkboxes=i}};i.prototype.getItemId=function(i){return"combo-checkbox-".concat(this.inputid,"-").concat(i.id)};i.prototype.getCheckboxClass=function(){return"combo-item-checkbox-input-".concat(this.inputid)};i.prototype.getAllCheckboxes=function(){return Array.from(this.element.shadowRoot.querySelectorAll(".".concat(this.getCheckboxClass()," input:not([disabled])")))};i.prototype.getControlToListSize=function(){switch(this.size){case o.X_SMALL:return a.SMALL;case o.SMALL:return a.MEDIUM;default:return a.LARGE}};i.prototype.handleSelectArrowsNavigation=function(i,t){if(![h.ARROW_DOWN,h.ARROW_UP].includes(i.key)||!this.isopen){return}i.preventDefault();i.stopPropagation();var e=this.element.shadowRoot.querySelector("#".concat(t));if(!e){return}var r=this.checkboxes;if(!r.length){return}var n=r.indexOf(e);var s=0;var o=r.length-1;var a=null;if(i.key===h.ARROW_DOWN){a=n===o?r[s]:r[n+1]}else if(i.key===h.ARROW_UP){a=n===s?r[o]:r[n-1]}this.focusComboboxItem(a)};i.prototype.handleHeaderKeyboardEvent=function(i){if(i.key===h.SPACE){i.preventDefault()}if(i.key===h.ARROW_DOWN&&!this.isopen||i.key===h.ARROW_UP&&this.isopen){this.toggleComboBox()}};i.prototype.handleCheckboxFocus=function(i){this.focusedItemId=i};i.prototype.focusComboboxItem=function(i){this.checkboxes.forEach((function(i){i.setAttribute("tabindex","-1")}));i.setAttribute("tabindex","0");i.focus()};i.prototype.updateRenderItemsList=function(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}};i.prototype.resetRenderItemsList=function(){var i=[];this.itemsList.forEach((function(t){i.push(Object.assign({},t))}));this.renderItemsList=i};i.prototype.filterItems=function(i){if(!i){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((function(t){var e=t.name.toUpperCase().indexOf(i.toUpperCase());var r=e+i.length;var n=t.name.substring(0,e)+"<strong>"+t.name.substring(e,r)+"</strong>"+t.name.substring(r,t.name.length);t.name=n;return e>=0}))};i.prototype.checkAll=function(i){if(i===void 0){i=true}this.itemsList=this.itemsList.map((function(t){return Object.assign(Object.assign({},t),{checked:i})}));this.resetRenderItemsList();this.emitComboboxChange()};i.prototype.closeFilterItems=function(){this.searchValue="";this.resetRenderItemsList()};i.prototype.toggleComboBox=function(){this.isopen=!this.isopen};i.prototype.getComboboxA11yAttributes=function(){return{role:"combobox","aria-label":this.label,"aria-expanded":this.isopen?"true":"false","aria-activedescendant":this.isopen?this.focusedItemId:"","aria-controls":"".concat(this.inputid,"_list")}};i.prototype.renderHeader=function(){var i=this;return r("div",{class:"header",onClick:function(){return i.toggleComboBox()},onKeyDown:function(t){i.handleHeaderKeyboardEvent(t)},onKeyUp:function(t){return l(t,i.toggleComboBox)},role:"button",tabindex:0,"aria-expanded":this.isopen?"true":"false"},r("p",{class:"body-3"},this.label,r("span",null,this.selectedCounter>0&&" (".concat(this.selectedCounter,")"))),r("z-icon",{name:"caret-down",class:this.size}))};i.prototype.renderContent=function(){if(!this.isopen){return}return r("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),!this.hassearch?r("span",Object.assign({},this.getComboboxA11yAttributes())):null,r("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":true,id:"".concat(this.inputid,"_list"),"aria-owns":"".concat(this.checkboxes.map((function(i){return i.id})).join(" "))},this.hascheckall&&this.renderCheckAll(),this.renderItems()))};i.prototype.renderItems=function(){return r("div",{class:this.searchValue&&"search"},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())};i.prototype.renderItem=function(i,t,e){var n=this;return r("z-list-element",{id:i.id,htmlTabindex:null,dividerType:t!==e-1?d.ELEMENT:d.NONE,size:this.getControlToListSize()},r("z-input",{type:s.CHECKBOX,checked:i.checked,htmlid:this.getItemId(i),label:i.name,class:this.getCheckboxClass(),disabled:!i.checked&&this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems,size:this.size===o.X_SMALL?o.SMALL:this.size,role:"option","aria-selected":i.checked?"true":"false",onKeyDown:function(t){return n.handleSelectArrowsNavigation(t,n.getItemId(i))},onInputCheck:function(t){n.itemsList=n.itemsList.map((function(e){if(i.id===e.id){e.checked=t.detail.checked}return e}));n.updateRenderItemsList();n.emitComboboxChange()},onInputFocus:function(i){return n.handleCheckboxFocus(i.detail.id)}}))};i.prototype.renderList=function(i){var t=this;if(!i){return}if(!i.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(i)}return r("ul",{role:"none"},i.map((function(e,r){return t.renderItem(e,r,i.length)})))};i.prototype.renderGroups=function(i){var t=this;var e=i.reduce((function(e,r,n){var s;var o=r.category;var a=t.renderItem(r,n,i.length);e[o]=(s=e[o])!==null&&s!==void 0?s:[];e[o].push(a);return e}),{});var n=Object.entries(e).map((function(i){var t=i[0],e=i[1];return r("z-list-group",{"divider-type":d.ELEMENT},r("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),e.map((function(i){return i})))}));return r("ul",{role:"none"},n)};i.prototype.renderNoSearchResults=function(){return r("ul",{role:"none"},r("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle",class:this.size}))};i.prototype.renderCloseButton=function(){var i=this;return r("div",null,r("a",{onClick:function(){return i.closeFilterItems()},onKeyUp:function(t){return l(t,i.closeFilterItems)},role:"button",tabindex:0},this.closesearchtext))};i.prototype.renderSearchInput=function(){var i=this;return r("z-input",Object.assign({htmlid:"".concat(this.inputid,"_search"),label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"aria-autocomplete":"list"},this.getComboboxA11yAttributes(),{onKeyUp:function(t){if(t.key===h.ESC){i.closeFilterItems()}},onInputChange:function(t){i.searchValue=t.detail.value}}))};i.prototype.renderCheckAll=function(){var i=this;if(this.searchValue){return}var t="combo-checkbox-".concat(this.inputid,"-check-all");var e=this.selectedCounter===this.itemsList.length;return r("div",{class:"check-all-wrapper"},r("z-input",{type:s.CHECKBOX,checked:e,htmlid:t,class:this.getCheckboxClass(),label:e?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===o.X_SMALL?o.SMALL:this.size,role:"option","aria-selected":e?"true":"false",onKeyDown:function(e){return i.handleSelectArrowsNavigation(e,t)},onInputCheck:function(t){return i.checkAll(t.detail.checked)},onInputFocus:function(t){return i.handleCheckboxFocus(t.detail.id)}}))};i.prototype.render=function(){return r("div",{key:"69b13355a675561cb0748a743e7509f8b944615e","data-action":"combo-".concat(this.inputid),class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())};Object.defineProperty(i.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{items:["watchItems"],searchValue:["watchSearchValue"],checkboxes:["watchCheckboxes"]}},enumerable:false,configurable:true});return i}());p.style=v}}}));
-//# sourceMappingURL=p-a12bd05d.system.entry.js.map

package/www/build/p-a12bd05d.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZComboboxStyle0","ZCombobox","exports","class_1","hostRef","this","itemsList","inputType","InputType","TEXT","concat","randomId","ControlSize","BIG","toggleComboBox","bind","closeFilterItems","prototype","watchItems","items","JSON","parse","selectedCounter","filter","item","checked","length","updateRenderItemsList","watchSearchValue","filterItems","searchValue","watchCheckboxes","checkboxes","forEach","index","setAttribute","emitComboboxChange","comboboxChange","emit","id","inputid","componentWillLoad","componentWillRender","componentDidRender","getAllCheckboxes","stringify","getItemId","getCheckboxClass","Array","from","element","shadowRoot","querySelectorAll","getControlToListSize","size","X_SMALL","ListSize","SMALL","MEDIUM","LARGE","handleSelectArrowsNavigation","e","currId","KeyboardCode","ARROW_DOWN","ARROW_UP","includes","key","isopen","preventDefault","stopPropagation","currElem","querySelector","currElemIndex","indexOf","firstElemIndex","lastElemIndex","nextElem","focusComboboxItem","handleHeaderKeyboardEvent","ev","SPACE","handleCheckboxFocus","focusedItemId","elem","focus","resetRenderItemsList","renderItemsList","push","Object","assign","value","start","name","toUpperCase","end","newName","substring","checkAll","map","getComboboxA11yAttributes","role","label","renderHeader","_this","h","class","onClick","onKeyDown","onKeyUp","handleKeyboardSubmit","tabindex","renderContent","hassearch","renderSearchInput","join","hascheckall","renderCheckAll","renderItems","renderList","renderCloseButton","renderItem","htmlTabindex","dividerType","ListDividerType","ELEMENT","NONE","type","CHECKBOX","htmlid","disabled","maxcheckableitems","onInputCheck","i","detail","onInputFocus","renderNoSearchResults","hasgroupitems","renderGroups","newData","reduce","group","category","zListItem","_a","listGroups","entries","_b","slot","text","noresultslabel","listitemid","icon","closesearchtext","searchlabel","placeholder","searchplaceholder","htmltitle","searchtitle","message","ESC","onInputChange","checkAllId","allChecked","uncheckalltext","checkalltext","render","open","fixed","isfixed"],"sources":["src/components/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","src/components/z-combobox/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-family-sans);\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-surface04);\n  margin: 0;\n  background-color: var(--color-form-background);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header p.body-3 {\n  padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n:host > div > .header:hover {\n  outline: var(--border-size-medium) solid var(--color-surface04);\n  outline-offset: -2px;\n}\n\n:host > div > div.header:focus:focus-visible {\n  z-index: 16;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > p.body-3 {\n  padding: var(--space-unit) 0;\n  margin: 0;\n  color: var(--color-default-text);\n}\n\n:host > div > .header > p.body-3 > span {\n  font-weight: var(--font-sb);\n}\n\n:host > div > .header > z-icon {\n  fill: var(--color-default-icon);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-primary01);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-disabled01);\n  fill: var(--color-disabled01);\n}\n\n:host > div.disabled .header > p.body-3 {\n  color: var(--color-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-disabled01);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div.open > div.open-combo-data {\n  position: relative;\n  z-index: 12;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--gray200);\n  border-top: 0;\n  background-color: var(--color-form-background);\n  border-radius: 0;\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > div > ul {\n  max-height: 235px;\n  padding: 0 3px; /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: auto;\n  margin-top: 0;\n  box-shadow: 1px 1px 4px 2px rgb(217 222 227 / 50%);\n}\n\n:host > div.open > div.open-combo-data > div > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div > a:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--gray800);\n  margin-bottom: var(--space-unit);\n  text-align: left;\n}\n\n:host([size=\"small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ComboItem, ControlSize, InputType, KeyboardCode, ListDividerType, ListSize} from \"../../beans\";\nimport {ZMyzListItem} from \"../../snowflakes/myz/list/z-myz-list-item\";\nimport {handleKeyboardSubmit, randomId} from \"../../utils/utils\";\nimport {ZInput} from \"../z-input\";\n\n@Component({\n  tag: \"z-combobox\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCombobox {\n  @Element() element: HTMLZComboboxElement;\n\n  /** input unique id */\n  @Prop()\n  inputid = `combo-${randomId()}`;\n\n  /** list items array */\n  @Prop()\n  items: ComboItem[] | string;\n\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** the combobox is disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** show search input flag (optional) */\n  @Prop()\n  hassearch?: boolean = false;\n\n  /** search input label text (optional) */\n  @Prop()\n  searchlabel?: string;\n\n  /** search input placeholder text (optional) */\n  @Prop()\n  searchplaceholder?: string;\n\n  /** search input title text (optional) */\n  @Prop()\n  searchtitle?: string;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** toggle combo list opening flag */\n  @Prop({mutable: true})\n  isopen = false;\n\n  /** fixed style flag */\n  @Prop()\n  isfixed = false;\n\n  /** close combobox list text */\n  @Prop()\n  closesearchtext?: string = \"Chiudi\";\n\n  /** show \"check all\" checkbox (optional) */\n  @Prop()\n  hascheckall?: boolean = false;\n\n  /** check all label (optional) */\n  @Prop()\n  checkalltext?: string = \"Seleziona tutti\";\n\n  /** uncheck all label (optional) */\n  @Prop()\n  uncheckalltext?: string = \"Deseleziona tutti\";\n\n  /** max number of checkable items (0 = unlimited) */\n  @Prop()\n  maxcheckableitems = 0;\n\n  /** group items by category */\n  @Prop()\n  hasgroupitems?: boolean;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  searchValue: string;\n\n  @State()\n  selectedCounter: number;\n\n  @State()\n  renderItemsList: ComboItem[] = []; // used for render only\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  checkboxes: HTMLInputElement[] = [];\n\n  private itemsList: ComboItem[] = [];\n\n  private inputType: InputType = InputType.TEXT;\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    this.updateRenderItemsList();\n  }\n\n  @Watch(\"searchValue\")\n  watchSearchValue(): void {\n    this.filterItems(this.searchValue);\n  }\n\n  @Watch(\"checkboxes\")\n  watchCheckboxes(): void {\n    this.checkboxes.forEach((item, index) => item.setAttribute(\"tabindex\", index === 0 ? \"0\" : \"-1\"));\n  }\n\n  /** Emitted when value is checked/unchecked. Returns id, items. */\n  @Event()\n  comboboxChange: EventEmitter;\n\n  private emitComboboxChange(): void {\n    this.comboboxChange.emit({id: this.inputid, items: this.itemsList});\n  }\n\n  constructor() {\n    this.toggleComboBox = this.toggleComboBox.bind(this);\n    this.closeFilterItems = this.closeFilterItems.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n  }\n\n  componentDidRender(): void {\n    const checkboxes = this.getAllCheckboxes();\n    if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {\n      this.checkboxes = checkboxes;\n    }\n  }\n\n  private getItemId(item: ComboItem): string {\n    return `combo-checkbox-${this.inputid}-${item.id}`;\n  }\n\n  private getCheckboxClass(): string {\n    return `combo-item-checkbox-input-${this.inputid}`;\n  }\n\n  private getAllCheckboxes(): HTMLInputElement[] {\n    return Array.from(\n      this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`)\n    ) as HTMLInputElement[];\n  }\n\n  private getControlToListSize(): ListSize {\n    switch (this.size) {\n      case ControlSize.X_SMALL:\n        return ListSize.SMALL;\n      case ControlSize.SMALL:\n        return ListSize.MEDIUM;\n      default:\n        return ListSize.LARGE;\n    }\n  }\n\n  private handleSelectArrowsNavigation(e: KeyboardEvent, currId: string): void {\n    if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key as KeyboardCode) || !this.isopen) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const currElem = this.element.shadowRoot.querySelector(`#${currId}`) as HTMLInputElement;\n    if (!currElem) {\n      return;\n    }\n\n    const checkboxes = this.checkboxes;\n    if (!checkboxes.length) {\n      return;\n    }\n\n    const currElemIndex = checkboxes.indexOf(currElem);\n    const firstElemIndex = 0;\n    const lastElemIndex = checkboxes.length - 1;\n\n    let nextElem = null;\n    if (e.key === KeyboardCode.ARROW_DOWN) {\n      nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];\n    } else if (e.key === KeyboardCode.ARROW_UP) {\n      nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];\n    }\n\n    this.focusComboboxItem(nextElem);\n  }\n\n  private handleHeaderKeyboardEvent(ev: KeyboardEvent): void {\n    if (ev.key === KeyboardCode.SPACE) {\n      ev.preventDefault();\n    }\n    if ((ev.key === KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === KeyboardCode.ARROW_UP && this.isopen)) {\n      this.toggleComboBox();\n    }\n  }\n\n  private handleCheckboxFocus(id: string): void {\n    this.focusedItemId = id;\n  }\n\n  private focusComboboxItem(elem): void {\n    this.checkboxes.forEach(function (item) {\n      item.setAttribute(\"tabindex\", \"-1\");\n    });\n\n    elem.setAttribute(\"tabindex\", \"0\");\n    elem.focus();\n  }\n\n  private updateRenderItemsList(): void {\n    if (this.searchValue) {\n      this.filterItems(this.searchValue);\n    } else {\n      this.resetRenderItemsList();\n    }\n  }\n\n  private resetRenderItemsList(): void {\n    const renderItemsList = [];\n    this.itemsList.forEach((item: ComboItem) => {\n      renderItemsList.push({...item});\n    });\n    this.renderItemsList = renderItemsList;\n  }\n\n  private filterItems(value: string): void {\n    if (!value) {\n      return this.closeFilterItems();\n    }\n\n    this.resetRenderItemsList();\n    this.renderItemsList = this.renderItemsList.filter((item) => {\n      const start = item.name.toUpperCase().indexOf(value.toUpperCase());\n      const end = start + value.length;\n      const newName =\n        item.name.substring(0, start) +\n        \"<strong>\" +\n        item.name.substring(start, end) +\n        \"</strong>\" +\n        item.name.substring(end, item.name.length);\n\n      item.name = newName;\n\n      return start >= 0;\n    });\n  }\n\n  private checkAll(checked = true): void {\n    this.itemsList = this.itemsList.map((item: ComboItem) => ({\n      ...item,\n      checked: checked,\n    }));\n    this.resetRenderItemsList();\n    this.emitComboboxChange();\n  }\n\n  private closeFilterItems(): void {\n    this.searchValue = \"\";\n    this.resetRenderItemsList();\n  }\n\n  private toggleComboBox(): void {\n    this.isopen = !this.isopen;\n  }\n\n  private getComboboxA11yAttributes(): Record<string, unknown> {\n    return {\n      \"role\": \"combobox\",\n      \"aria-label\": this.label,\n      \"aria-expanded\": this.isopen ? \"true\" : \"false\",\n      \"aria-activedescendant\": this.isopen ? this.focusedItemId : \"\",\n      \"aria-controls\": `${this.inputid}_list`,\n    };\n  }\n\n  private renderHeader(): HTMLDivElement {\n    return (\n      <div\n        class=\"header\"\n        onClick={() => this.toggleComboBox()}\n        onKeyDown={(ev: KeyboardEvent) => {\n          this.handleHeaderKeyboardEvent(ev);\n        }}\n        onKeyUp={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.toggleComboBox)}\n        role=\"button\"\n        tabindex={0}\n        aria-expanded={this.isopen ? \"true\" : \"false\"}\n      >\n        <p class=\"body-3\">\n          {this.label}\n          <span>{this.selectedCounter > 0 && ` (${this.selectedCounter})`}</span>\n        </p>\n        <z-icon\n          name=\"caret-down\"\n          class={this.size}\n        />\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLDivElement {\n    if (!this.isopen) {\n      return;\n    }\n\n    return (\n      <div class=\"open-combo-data\">\n        {this.hassearch && this.renderSearchInput()}\n        {!this.hassearch ? <span {...this.getComboboxA11yAttributes()} /> : null}\n        <div\n          role=\"listbox\"\n          aria-label={this.label}\n          aria-multiselectable={true}\n          id={`${this.inputid}_list`}\n          aria-owns={`${this.checkboxes.map((item) => item.id).join(\" \")}`}\n        >\n          {this.hascheckall && this.renderCheckAll()}\n          {this.renderItems()}\n        </div>\n      </div>\n    );\n  }\n\n  private renderItems(): HTMLDivElement {\n    return (\n      <div class={this.searchValue && \"search\"}>\n        {this.renderList(this.renderItemsList)}\n        {this.searchValue && this.renderCloseButton()}\n      </div>\n    );\n  }\n\n  private renderItem(item: ComboItem, index: number, length: number): ZMyzListItem {\n    return (\n      <z-list-element\n        id={item.id}\n        htmlTabindex={null}\n        dividerType={index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE}\n        size={this.getControlToListSize()}\n      >\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={item.checked}\n          htmlid={this.getItemId(item)}\n          label={item.name}\n          class={this.getCheckboxClass()}\n          disabled={!item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n          role=\"option\"\n          aria-selected={item.checked ? \"true\" : \"false\"}\n          onKeyDown={(e: KeyboardEvent) => this.handleSelectArrowsNavigation(e, this.getItemId(item))}\n          onInputCheck={(e: CustomEvent) => {\n            this.itemsList = this.itemsList.map((i: ComboItem) => {\n              if (item.id === i.id) {\n                i.checked = e.detail.checked;\n              }\n\n              return i;\n            });\n            this.updateRenderItemsList();\n            this.emitComboboxChange();\n          }}\n          onInputFocus={(e: CustomEvent) => this.handleCheckboxFocus(e.detail.id)}\n        />\n      </z-list-element>\n    );\n  }\n\n  private renderList(items: ComboItem[]): HTMLUListElement {\n    if (!items) {\n      return;\n    }\n    if (!items.length && this.searchValue) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasgroupitems) {\n      return this.renderGroups(items);\n    }\n\n    return (\n      <ul role=\"none\">\n        {items.map((item, i) => {\n          return this.renderItem(item, i, items.length);\n        })}\n      </ul>\n    );\n  }\n\n  private renderGroups(items: ComboItem[]): HTMLUListElement {\n    const newData = items.reduce((group, item, index) => {\n      const {category} = item;\n      const zListItem = this.renderItem(item, index, items.length);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    const listGroups = Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n\n    return <ul role=\"none\">{listGroups}</ul>;\n  }\n\n  private renderNoSearchResults(): HTMLUListElement {\n    return (\n      <ul role=\"none\">\n        <z-myz-list-item\n          id=\"no-results\"\n          text={this.noresultslabel}\n          listitemid=\"no-results\"\n          icon=\"multiply-circle\"\n          class={this.size}\n        />\n      </ul>\n    );\n  }\n\n  private renderCloseButton(): HTMLDivElement {\n    return (\n      <div>\n        <a\n          onClick={() => this.closeFilterItems()}\n          onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, this.closeFilterItems)}\n          role=\"button\"\n          tabindex={0}\n        >\n          {this.closesearchtext}\n        </a>\n      </div>\n    );\n  }\n\n  private renderSearchInput(): ZInput {\n    return (\n      <z-input\n        htmlid={`${this.inputid}_search`}\n        label={this.searchlabel}\n        placeholder={this.searchplaceholder}\n        htmltitle={this.searchtitle}\n        type={this.inputType}\n        value={this.searchValue}\n        message={false}\n        size={this.size}\n        aria-autocomplete=\"list\"\n        {...this.getComboboxA11yAttributes()}\n        onKeyUp={(e: KeyboardEvent) => {\n          if (e.key === KeyboardCode.ESC) {\n            this.closeFilterItems();\n          }\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.searchValue = e.detail.value;\n        }}\n      />\n    );\n  }\n\n  private renderCheckAll(): HTMLDivElement {\n    if (this.searchValue) {\n      return;\n    }\n\n    const checkAllId = `combo-checkbox-${this.inputid}-check-all`;\n    const allChecked = this.selectedCounter === this.itemsList.length;\n\n    return (\n      <div class=\"check-all-wrapper\">\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={allChecked}\n          htmlid={checkAllId}\n          class={this.getCheckboxClass()}\n          label={allChecked ? this.uncheckalltext : this.checkalltext}\n          disabled={this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n          role=\"option\"\n          aria-selected={allChecked ? \"true\" : \"false\"}\n          onKeyDown={(e: KeyboardEvent) => this.handleSelectArrowsNavigation(e, checkAllId)}\n          onInputCheck={(e: CustomEvent) => this.checkAll(e.detail.checked)}\n          onInputFocus={(e: CustomEvent) => this.handleCheckboxFocus(e.detail.id)}\n        />\n      </div>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        data-action={`combo-${this.inputid}`}\n        class={{open: this.isopen, fixed: this.isfixed, disabled: this.disabled}}\n        id={this.inputid}\n      >\n        {this.renderHeader()}\n        {!this.disabled && this.renderContent()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-a1f945ac.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js","./p-d91b26d9.system.js"],(function(t){"use strict";var e,i,n,o,a,l;return{setters:[function(t){e=t.r;i=t.c;n=t.h;o=t.g},function(t){a=t.e;l=t.H}],execute:function(){var r=":host{display:block;width:inherit;min-width:300px;height:inherit;min-height:32px;background-color:var(--color-surface01)}:host>div{display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))\n    var(--z-book-card-app-padding-x, var(--space-unit));gap:calc(var(--space-unit) * 2)}:host>div .app{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;gap:var(--space-unit)}:host>div .app.z-link{color:inherit;text-decoration:none}:host>div .app.z-link:focus{text-decoration:none}:host>div .app img{width:24px;height:24px}:host>div .app .name{display:-webkit-box;overflow:hidden;height:20px;-webkit-box-orient:vertical;font-family:var(--font-family-serif);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>div .app .name .laz{color:var(--red500)}:host>div z-info-reveal{--z-info-reveal-panel-width:250px;font-family:var(--font-family-sans);--color-surface05:var(--color-surface01);--color-text-inverse:var(--color-default-text);--color-inverse-icon:var(--color-primary01)}";var s=r;var f="button.z-link{padding:0;border:0;margin:0;background-color:transparent}a.z-link,button.z-link{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;font-family:var(--font-family-sans);line-height:inherit;text-decoration:none}a.z-link.z-link-icon,button.z-link.z-link-icon{--z-icon-width:1.125em;--z-icon-height:1.125em;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.5em;-moz-column-gap:0.5em;column-gap:0.5em}a.z-link.z-link-sb,button.z-link.z-link-sb{font-weight:var(--font-sb)}a.z-link.z-link-underline,button.z-link.z-link-underline{text-decoration:underline}a.z-link:hover,button.z-link:hover,a.z-link:focus,button.z-link:focus,a.z-link:active,button.z-link:active{text-decoration:underline}a.z-link:focus,button.z-link:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}a.z-link.z-link-disabled,button.z-link.z-link-disabled{-webkit-box-shadow:none;box-shadow:none;color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);outline:none;pointer-events:none;text-decoration:none}a.z-link,button.z-link,a.z-link.z-link-active,button.z-link.z-link-active,a.z-link:hover,button.z-link:hover,a.z-link.z-link-active:hover,button.z-link.z-link-active:hover,a.z-link:focus,button.z-link:focus,a.z-link.z-link-active:focus,button.z-link.z-link-active:focus,a.z-link:active,button.z-link:active,a.z-link.z-link-active:active,button.z-link.z-link-active:active,a.z-link:visited,button.z-link:visited,a.z-link.z-link-active:visited,button.z-link.z-link-active:visited{color:var(--color-text-link-default);fill:var(--color-text-link-default)}a.z-link.z-link-blue,button.z-link.z-link-blue,a.z-link.z-link-blue.z-link-active,button.z-link.z-link-blue.z-link-active{color:var(--color-text-link-blue);fill:var(--color-text-link-blue)}a.z-link.z-link-red,button.z-link.z-link-red,a.z-link.z-link-red.z-link-active,button.z-link.z-link-red.z-link-active{color:var(--color-text-link-red);fill:var(--color-text-link-red)}a.z-link.z-link-inverse,button.z-link.z-link-inverse,a.z-link.z-link-inverse.z-link-active,button.z-link.z-link-inverse.z-link-active{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:hover,button.z-link.z-link-blue:hover{color:var(--color-text-link-blue-hover);fill:var(--color-text-link-blue-hover)}a.z-link.z-link-red:hover,button.z-link.z-link-red:hover{color:var(--color-text-link-red-hover);fill:var(--color-text-link-red-hover)}a.z-link.z-link-inverse:hover,button.z-link.z-link-inverse:hover{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:active,button.z-link.z-link-blue:active,a.z-link.z-link-blue:focus,button.z-link.z-link-blue:focus{color:var(--color-text-link-blue-active);fill:var(--color-text-link-blue-active)}a.z-link.z-link-red:active,button.z-link.z-link-red:active,a.z-link.z-link-red:focus,button.z-link.z-link-red:focus{color:var(--color-text-link-red-active);fill:var(--color-text-link-red-active)}a.z-link.z-link-inverse:active,button.z-link.z-link-inverse:active,a.z-link.z-link-inverse:focus,button.z-link.z-link-inverse:focus{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:visited,button.z-link.z-link-blue:visited{color:var(--color-text-link-blue-visited);fill:var(--color-text-link-blue-visited)}a.z-link.z-link-red:visited,button.z-link.z-link-red:visited{color:var(--color-text-link-red-visited);fill:var(--color-text-link-red-visited)}a.z-link.z-link-inverse:visited,button.z-link.z-link-inverse:visited{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}";var v=f;var h=':root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 0.9166 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.1904 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}';var d=h;var b=t("z_book_card_app",function(){function t(t){e(this,t);this.appClick=i(this,"appClick",7);this.logo=undefined;this.name=undefined;this.link=undefined;this.laz=true;this.info=undefined}t.prototype.emitAppClick=function(){this.appClick.emit()};t.prototype.renderLaz=function(){if(this.laz){return n("span",{class:"laz"},"laZ ")}return null};t.prototype.render=function(){var t=this;return n("div",{key:"e2bac004a35f7e5959ff55345a348d5abb02904f"},n("a",{key:"42e4a549cf32b1ebe08ab73d79a2d61a3d90e66d",class:"app z-link",href:this.link,"aria-label":"vai a ".concat(this.laz?"laz":""," ").concat(this.name),onClick:function(){return t.emitAppClick()},target:"_blank"},this.logo&&n("img",{key:"4c7add8e362fc0cc2e6dfac9e705bfd3fa15b85c",src:this.logo,alt:""}),n("div",{key:"ce6a811f5688a04a3881612c731edbc02ab76a3f",class:"name body-4-sb"},this.renderLaz(),this.name)),this.info&&n("z-info-reveal",{key:"5c560813db506113ceb38eb629a95dc98a757920",icon:"info",size:a.X_SMALL,position:l.TOP_RIGHT,class:"info body-5"},n("div",{key:"adffe6242bc25944d92e996952afe11ff8888c35"},this.info)),n("a",{key:"816c5fdc2e3506f7f7b10e3e7bf35d38b1ba4857",class:"z-link z-link-icon",href:this.link,"aria-label":"vai a ".concat(this.laz?"laz":""," ").concat(this.name),onClick:function(){return t.emitAppClick()},target:"_blank"},n("z-icon",{key:"4ee25aca2744712aa70fba66d0487111acea3776",name:"chevron-right",width:16,height:16,fill:"color-primary01-icon"})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());b.style=s+(v+d)}}}));
-//# sourceMappingURL=p-a1f945ac.system.entry.js.map

package/www/build/p-a1f945ac.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZBookCardAppStyle0","ZBookCardAppStyle1","typographyCss","ZBookCardAppStyle2","ZBookCardApp","exports","class_1","prototype","emitAppClick","this","appClick","emit","renderLaz","laz","h","class","render","_this","key","href","link","concat","name","onClick","target","logo","src","alt","info","icon","size","ControlSize","X_SMALL","position","InfoRevealPosition","TOP_RIGHT","width","height","fill"],"sources":["src/components/book-card/z-book-card-app/styles.css?tag=z-book-card-app&encapsulation=shadow","src/components/css-components/z-link/styles.css?tag=z-book-card-app&encapsulation=shadow","src/tokens/typography.css?tag=z-book-card-app&encapsulation=shadow","src/components/book-card/z-book-card-app/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: inherit;\n  min-width: 300px;\n  height: inherit;\n  min-height: 32px;\n  background-color: var(--color-surface01);\n}\n\n:host > div {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))\n    var(--z-book-card-app-padding-x, var(--space-unit));\n  gap: calc(var(--space-unit) * 2);\n}\n\n:host > div .app {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  gap: var(--space-unit);\n}\n\n:host > div .app.z-link {\n  color: inherit;\n  text-decoration: none;\n}\n\n:host > div .app.z-link:focus {\n  text-decoration: none;\n}\n\n:host > div .app img {\n  width: 24px;\n  height: 24px;\n}\n\n:host > div .app .name {\n  display: -webkit-box;\n  overflow: hidden;\n  height: 20px;\n  -webkit-box-orient: vertical;\n  font-family: var(--font-family-serif);\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  text-overflow: ellipsis;\n  word-break: break-all;\n}\n\n:host > div .app .name .laz {\n  color: var(--red500);\n}\n\n:host > div z-info-reveal {\n  --z-info-reveal-panel-width: 250px;\n\n  font-family: var(--font-family-sans);\n\n  --color-surface05: var(--color-surface01);\n  --color-text-inverse: var(--color-default-text);\n  --color-inverse-icon: var(--color-primary01);\n}\n","button.z-link {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n}\n\na.z-link,\nbutton.z-link {\n  display: inline-flex;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  line-height: inherit;\n  text-decoration: none;\n}\n\na.z-link.z-link-icon,\nbutton.z-link.z-link-icon {\n  --z-icon-width: 1.125em;\n  --z-icon-height: 1.125em;\n\n  align-items: center;\n  column-gap: 0.5em;\n}\n\na.z-link.z-link-sb,\nbutton.z-link.z-link-sb {\n  font-weight: var(--font-sb);\n}\n\na.z-link.z-link-underline,\nbutton.z-link.z-link-underline {\n  text-decoration: underline;\n}\n\na.z-link:hover,\nbutton.z-link:hover,\na.z-link:focus,\nbutton.z-link:focus,\na.z-link:active,\nbutton.z-link:active {\n  text-decoration: underline;\n}\n\na.z-link:focus,\nbutton.z-link:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\na.z-link.z-link-disabled,\nbutton.z-link.z-link-disabled {\n  box-shadow: none;\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  outline: none;\n  pointer-events: none;\n  text-decoration: none;\n}\n\na.z-link,\nbutton.z-link,\na.z-link.z-link-active,\nbutton.z-link.z-link-active,\na.z-link:hover,\nbutton.z-link:hover,\na.z-link.z-link-active:hover,\nbutton.z-link.z-link-active:hover,\na.z-link:focus,\nbutton.z-link:focus,\na.z-link.z-link-active:focus,\nbutton.z-link.z-link-active:focus,\na.z-link:active,\nbutton.z-link:active,\na.z-link.z-link-active:active,\nbutton.z-link.z-link-active:active,\na.z-link:visited,\nbutton.z-link:visited,\na.z-link.z-link-active:visited,\nbutton.z-link.z-link-active:visited {\n  color: var(--color-text-link-default);\n  fill: var(--color-text-link-default);\n}\n\na.z-link.z-link-blue,\nbutton.z-link.z-link-blue,\na.z-link.z-link-blue.z-link-active,\nbutton.z-link.z-link-blue.z-link-active {\n  color: var(--color-text-link-blue);\n  fill: var(--color-text-link-blue);\n}\n\na.z-link.z-link-red,\nbutton.z-link.z-link-red,\na.z-link.z-link-red.z-link-active,\nbutton.z-link.z-link-red.z-link-active {\n  color: var(--color-text-link-red);\n  fill: var(--color-text-link-red);\n}\n\na.z-link.z-link-inverse,\nbutton.z-link.z-link-inverse,\na.z-link.z-link-inverse.z-link-active,\nbutton.z-link.z-link-inverse.z-link-active {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:hover,\nbutton.z-link.z-link-blue:hover {\n  color: var(--color-text-link-blue-hover);\n  fill: var(--color-text-link-blue-hover);\n}\n\na.z-link.z-link-red:hover,\nbutton.z-link.z-link-red:hover {\n  color: var(--color-text-link-red-hover);\n  fill: var(--color-text-link-red-hover);\n}\n\na.z-link.z-link-inverse:hover,\nbutton.z-link.z-link-inverse:hover {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:active,\nbutton.z-link.z-link-blue:active,\na.z-link.z-link-blue:focus,\nbutton.z-link.z-link-blue:focus {\n  color: var(--color-text-link-blue-active);\n  fill: var(--color-text-link-blue-active);\n}\n\na.z-link.z-link-red:active,\nbutton.z-link.z-link-red:active,\na.z-link.z-link-red:focus,\nbutton.z-link.z-link-red:focus {\n  color: var(--color-text-link-red-active);\n  fill: var(--color-text-link-red-active);\n}\n\na.z-link.z-link-inverse:active,\nbutton.z-link.z-link-inverse:active,\na.z-link.z-link-inverse:focus,\nbutton.z-link.z-link-inverse:focus {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:visited,\nbutton.z-link.z-link-blue:visited {\n  color: var(--color-text-link-blue-visited);\n  fill: var(--color-text-link-blue-visited);\n}\n\na.z-link.z-link-red:visited,\nbutton.z-link.z-link-red:visited {\n  color: var(--color-text-link-red-visited);\n  fill: var(--color-text-link-red-visited);\n}\n\na.z-link.z-link-inverse:visited,\nbutton.z-link.z-link-inverse:visited {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n",":root {\n  /* font-family */\n  --font-family-sans: \"IBM Plex Sans\", sans-serif;\n  --font-family-serif: \"IBM Plex Serif\", serif;\n\n  /* font-weight */\n  --font-lt: 300;\n  --font-rg: 400;\n  --font-sb: 600;\n  --font-bd: 700;\n\n  /* font-size type scale */\n  --font-size-1: 0.75rem; /* 12px */\n  --font-size-2: 0.875rem; /* 14px */\n  --font-size-3: 1rem; /* assuming 16px */\n  --font-size-4: 1.125rem; /* 18px */\n  --font-size-5: 1.25rem; /* 20px */\n  --font-size-6: 1.5rem; /* 24px */\n  --font-size-7: 1.75rem; /* 28px */\n  --font-size-8: 2rem; /* 32px */\n  --font-size-9: 2.25rem; /* 36px */\n  --font-size-10: 2.625rem; /* 42px */\n  --font-size-11: 3rem; /* 48px */\n  --font-size-12: 3.375rem; /* 54px */\n  --font-size-13: 3.75rem; /* 60px */\n  --font-size-14: 4.25rem; /* 68px */\n  --font-size-15: 4.75rem; /* 76px */\n  --font-size-16: 5.25rem; /* 84px */\n  --font-size-17: 5.75rem; /* 92px */\n\n  /* cssprops to use with `font` shorthand property */\n  --section-title-1: var(--font-sb) var(--font-size-11) / 0.9166 var(--font-family-serif);\n  --section-title-2: var(--font-sb) var(--font-size-10) / 1.1904 var(--font-family-serif);\n  --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n  --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n  --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n  --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n  font-size: var(--font-size-7);\n  font-weight: var(--font-rg);\n  line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n  font-size: var(--font-size-4);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n  font-size: var(--font-size-1);\n  font-style: italic;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n  font: var(--section-title-1);\n}\n\n.section-title-2 {\n  font: var(--section-title-2);\n}\n\n.section-title-3 {\n  font: var(--section-title-3);\n}\n\n.section-title-4 {\n  font: var(--section-title-4);\n}\n\n.section-title-5 {\n  font: var(--section-title-5);\n}\n\n.section-title-6 {\n  font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n  .heading-1,\n  .heading-1-sb,\n  .heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .heading-2,\n  .heading-2-sb,\n  .heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n  .mobile-heading-1,\n  .mobile-heading-1-sb,\n  .mobile-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .mobile-heading-2,\n  .mobile-heading-2-sb,\n  .mobile-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-3,\n  .mobile-heading-3-sb,\n  .mobile-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-4,\n  .mobile-heading-4-sb,\n  .mobile-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-1,\n  .mobile-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-2,\n  .mobile-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-3,\n  .mobile-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-4,\n  .mobile-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-body-5,\n  .mobile-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-interactive-1,\n  .mobile-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-interactive-2,\n  .mobile-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-interactive-3,\n  .mobile-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .mobile-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .mobile-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .mobile-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .mobile-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .mobile-section-title-6 {\n    font: var(--section-title-6);\n  }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  .tablet-heading-1,\n  .tablet-heading-1-sb,\n  .tablet-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .tablet-heading-2,\n  .tablet-heading-2-sb,\n  .tablet-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-3,\n  .tablet-heading-3-sb,\n  .tablet-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-4,\n  .tablet-heading-4-sb,\n  .tablet-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-1,\n  .tablet-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-2,\n  .tablet-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-3,\n  .tablet-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-4,\n  .tablet-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-body-5,\n  .tablet-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-interactive-1,\n  .tablet-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-interactive-2,\n  .tablet-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-interactive-3,\n  .tablet-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .tablet-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .tablet-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .tablet-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .tablet-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .tablet-section-title-6 {\n    font: var(--section-title-6);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  .desktop-heading-1,\n  .desktop-heading-1-sb,\n  .desktop-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .desktop-heading-2,\n  .desktop-heading-2-sb,\n  .desktop-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .desktop-heading-3,\n  .desktop-heading-3-sb,\n  .desktop-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .desktop-heading-4,\n  .desktop-heading-4-sb,\n  .desktop-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-1,\n  .desktop-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-2,\n  .desktop-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-3,\n  .desktop-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-4,\n  .desktop-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-body-5,\n  .desktop-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-interactive-1,\n  .desktop-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-interactive-2,\n  .desktop-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-interactive-3,\n  .desktop-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .desktop-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .desktop-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .desktop-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .desktop-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .desktop-section-title-6 {\n    font: var(--section-title-6);\n  }\n}\n\n@media (min-width: 1366px) {\n  .wide-heading-1,\n  .wide-heading-1-sb,\n  .wide-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .wide-heading-2,\n  .wide-heading-2-sb,\n  .wide-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .wide-heading-3,\n  .wide-heading-3-sb,\n  .wide-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .wide-heading-4,\n  .wide-heading-4-sb,\n  .wide-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-1,\n  .wide-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-2,\n  .wide-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-3,\n  .wide-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-4,\n  .wide-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-body-5,\n  .wide-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-interactive-1,\n  .wide-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-interactive-2,\n  .wide-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-interactive-3,\n  .wide-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .wide-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .wide-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .wide-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .wide-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .wide-section-title-6 {\n    font: var(--section-title-6);\n  }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n  font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n  font-weight: var(--font-sb);\n}\n","import {Component, Element, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../../beans\";\n\n/**\n * ZBookCardApp component\n * @cssprop --z-book-card-app-padding-x - set left and right padding\n * @cssprop --z-book-card-app-padding-y - set top and bottom padding\n */\n@Component({\n  tag: \"z-book-card-app\",\n  styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n  shadow: true,\n})\nexport class ZBookCardApp {\n  @Element() hostElement: HTMLZBookCardAppElement;\n\n  /**\n   * App logo url\n   */\n  @Prop()\n  logo?: string;\n\n  /**\n   * App name\n   */\n  @Prop()\n  name: string;\n\n  /**\n   * link to the app website\n   */\n  @Prop()\n  link: string;\n\n  /**\n   * Show or hide laZ prefix before app name\n   */\n  @Prop()\n  laz? = true;\n\n  /**\n   * Info text to show as inforeveal\n   */\n  @Prop()\n  info?: string;\n\n  /** click on app link */\n  @Event()\n  appClick: EventEmitter;\n\n  private emitAppClick(): void {\n    this.appClick.emit();\n  }\n\n  private renderLaz(): HTMLSpanElement | null {\n    if (this.laz) {\n      return <span class=\"laz\">laZ </span>;\n    }\n\n    return null;\n  }\n\n  render(): HTMLZBookCardAppElement {\n    return (\n      <div>\n        <a\n          class=\"app z-link\"\n          href={this.link}\n          aria-label={`vai a ${this.laz ? \"laz\" : \"\"} ${this.name}`}\n          onClick={() => this.emitAppClick()}\n          target=\"_blank\"\n        >\n          {this.logo && (\n            <img\n              src={this.logo}\n              alt=\"\"\n            />\n          )}\n          <div class=\"name body-4-sb\">\n            {this.renderLaz()}\n            {this.name}\n          </div>\n        </a>\n        {this.info && (\n          <z-info-reveal\n            icon=\"info\"\n            size={ControlSize.X_SMALL}\n            position={InfoRevealPosition.TOP_RIGHT}\n            class=\"info body-5\"\n          >\n            <div>{this.info}</div>\n          </z-info-reveal>\n        )}\n        <a\n          class=\"z-link z-link-icon\"\n          href={this.link}\n          aria-label={`vai a ${this.laz ? \"laz\" : \"\"} ${this.name}`}\n          onClick={() => this.emitAppClick()}\n          target=\"_blank\"\n        >\n          <z-icon\n            name=\"chevron-right\"\n            width={16}\n            height={16}\n            fill=\"color-primary01-icon\"\n          ></z-icon>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"gNAAA,IAAMA,EAAY,yuCAClB,IAAAC,EAAeD,ECDf,IAAMA,EAAY,ikHAClB,IAAAE,EAAeF,ECDf,IAAMG,EAAgB,w8UACtB,IAAAC,EAAeD,E,ICYFE,EAAYC,EAAA,6B,gIAyBhB,K,oBAYCC,EAAAC,UAAAC,aAAA,WACNC,KAAKC,SAASC,M,EAGRL,EAAAC,UAAAK,UAAA,WACN,GAAIH,KAAKI,IAAK,CACZ,OAAOC,EAAA,QAAMC,MAAM,OAAK,O,CAG1B,OAAO,I,EAGTT,EAAAC,UAAAS,OAAA,eAAAC,EAAAR,KACE,OACEK,EAAA,OAAAI,IAAA,4CACEJ,EAAA,KAAAI,IAAA,2CACEH,MAAM,aACNI,KAAMV,KAAKW,KAAI,aACH,SAAAC,OAASZ,KAAKI,IAAM,MAAQ,GAAE,KAAAQ,OAAIZ,KAAKa,MACnDC,QAAS,WAAM,OAAAN,EAAKT,cAAL,EACfgB,OAAO,UAENf,KAAKgB,MACJX,EAAA,OAAAI,IAAA,2CACEQ,IAAKjB,KAAKgB,KACVE,IAAI,KAGRb,EAAA,OAAAI,IAAA,2CAAKH,MAAM,kBACRN,KAAKG,YACLH,KAAKa,OAGTb,KAAKmB,MACJd,EAAA,iBAAAI,IAAA,2CACEW,KAAK,OACLC,KAAMC,EAAYC,QAClBC,SAAUC,EAAmBC,UAC7BpB,MAAM,eAEND,EAAA,OAAAI,IAAA,4CAAMT,KAAKmB,OAGfd,EAAA,KAAAI,IAAA,2CACEH,MAAM,qBACNI,KAAMV,KAAKW,KAAI,aACH,SAAAC,OAASZ,KAAKI,IAAM,MAAQ,GAAE,KAAAQ,OAAIZ,KAAKa,MACnDC,QAAS,WAAM,OAAAN,EAAKT,cAAL,EACfgB,OAAO,UAEPV,EAAA,UAAAI,IAAA,2CACEI,KAAK,gBACLc,MAAO,GACPC,OAAQ,GACRC,KAAK,0B,gIA3FQ,I","ignoreList":[]}

package/www/build/p-a7b5bca5.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js","./p-daa3d9e5.system.js","./p-1756ee1f.system.js","./p-7ef7fe98.system.js","./p-672b4e09.system.js","./p-4e93c427.system.js","./p-d91b26d9.system.js","./p-b7c10157.system.js","./p-f675808e.system.js","./p-2070676f.system.js"],(function(e){"use strict";var t,s,n,i;return{setters:[function(e){t=e.r;s=e.h;n=e.a;i=e.g},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var a=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";var o=a;var c=e("z_table",function(){function e(e){t(this,e);this.bordered=false;this.expandable=false}e.prototype.updateExpandable=function(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0};e.prototype.componentWillLoad=function(){var e=this;this.expandableMutationObserver=new MutationObserver((function(){e.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})};e.prototype.disconnectedCallback=function(){var e;(e=this.expandableMutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.render=function(){return s(n,{key:"8cc330079f36a6c9112ef15dd5bb66f7c0e07db5",expandable:this.expandable},s("div",{key:"5b9783130bb30d5e0dc3e62c132b043900cb746f",class:"table",role:"table"},s("slot",{key:"e339c4892e8c433fb79e054ac47e45c8a6ac40e5"})))};Object.defineProperty(e.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());c.style=o}}}));
-//# sourceMappingURL=p-a7b5bca5.system.entry.js.map

package/www/build/p-a7b5bca5.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableStyle0","ZTable","exports","class_1","prototype","updateExpandable","this","expandable","host","querySelectorAll","length","componentWillLoad","_this","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","_a","disconnect","render","h","Host","key","class","role"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver?.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gfAAA,IAAMA,EAAY,6VAClB,IAAAC,EAAeD,E,ICeFE,EAAMC,EAAA,qB,sCAON,M,gBAME,K,CAELC,EAAAC,UAAAC,iBAAA,WACNC,KAAKC,WAAaD,KAAKE,KAAKC,iBAAiB,oBAAoBC,OAAS,C,EAQ5EP,EAAAC,UAAAO,kBAAA,eAAAC,EAAAN,KACEA,KAAKO,2BAA6B,IAAIC,kBAAiB,WACrDF,EAAKP,kB,IAEPC,KAAKO,2BAA2BE,QAAQT,KAAKE,KAAM,CACjDQ,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,EAIvBjB,EAAAC,UAAAiB,qBAAA,W,OACEC,EAAAhB,KAAKO,8BAA0B,MAAAS,SAAA,SAAAA,EAAEC,Y,EAGnCpB,EAAAC,UAAAoB,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACpB,WAAYD,KAAKC,YACrBkB,EAAA,OAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,SAELJ,EAAA,QAAAE,IAAA,8C,yHAhDS,I","ignoreList":[]}

package/www/build/p-aa0b992c.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js"],(function(e){"use strict";var t,n,i,o,a;return{setters:[function(e){t=e.r;n=e.c;i=e.h;o=e.a;a=e.g}],execute:function(){var s=':host,::slotted(*),*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){-webkit-box-shadow:none !important;box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-primary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:-ms-inline-flexbox;display:inline-flex;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;-o-object-fit:contain;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}';var l=s;var r=e("z_menu_deprecated",function(){function e(e){t(this,e);this.opened=n(this,"opened",7);this.closed=n(this,"closed",7);this.active=undefined;this.floating=false;this.open=false;this.verticalContext=false;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onItemsChange=this.onItemsChange.bind(this)}e.prototype.toggle=function(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()};e.prototype.handleClick=function(e){if(!this.floating||!this.open||this.hostElement.contains(e.target)){return}this.reflow();this.open=false;this.closed.emit()};e.prototype.onOpenChanged=function(){if(this.open){this.reflow(true)}else{cancelAnimationFrame(this.raf)}};e.prototype.componentWillLoad=function(){this.checkContent()};e.prototype.onLabelSlotChange=function(e){var t=e.target.assignedElements()[0];t.dataset.text=t===null||t===void 0?void 0:t.textContent};e.prototype.reflow=function(e){if(e===void 0){e=false}if(this.content){var t=this.content.style;var n=this.hostElement.getBoundingClientRect().left;var i=getComputedStyle(this.content).width;var o=i?parseFloat(i.replace("px","")):375;var a=30;t.left="".concat(Math.min(window.innerWidth-n-o-a,0),"px")}if(e){this.raf=requestAnimationFrame(this.reflow.bind(this,e))}};e.prototype.checkContent=function(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length;this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader};e.prototype.onItemsChange=function(){this.checkContent();var e=this.hostElement.querySelectorAll("[slot=item]");e.forEach((function(e){e.setAttribute("role","menuitem");e.dataset.text=e.textContent}))};e.prototype.renderMenuLabel=function(){if(this.hasContent){return i("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},i("div",{class:"menu-label-content"},i("slot",{onSlotchange:this.onLabelSlotChange}),i("z-icon",{name:this.open?"chevron-up":"chevron-down"})))}return i("div",{class:"menu-label"},i("div",{class:"menu-label-content"},i("slot",{onSlotchange:this.onLabelSlotChange})))};e.prototype.render=function(){var e=this;return i(o,{key:"b85eb4e974d6e49d326f637e96f467d867588cc4"},this.renderMenuLabel(),this.hasContent&&i("div",{key:"36e4f36123dd6e49f334a6f5e98cce0875df158c",class:"content",ref:function(t){return e.content=t}},this.hasHeader&&i("header",{key:"d8d980f037bd593ca7388946f27f08372d19f7e8",class:"header"},i("slot",{key:"1d40e062cc0d24b5c7adcb707341d438e0089cb7",name:"header",onSlotchange:this.checkContent})),i("div",{key:"93cdd787bb371624be8311ca32539a576ee1fcb7",class:"items",role:"menu"},i("slot",{key:"2d1ffad0d4c6fec04d202e371118535f5454eaef",name:"item",onSlotchange:this.onItemsChange}))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["onOpenChanged"]}},enumerable:false,configurable:true});return e}());r.style=l}}}));
-//# sourceMappingURL=p-aa0b992c.system.entry.js.map

package/www/build/p-aa0b992c.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMenuDeprecatedStyle0","ZMenuDeprecated","exports","class_1","hostRef","this","toggle","bind","checkContent","onLabelSlotChange","onItemsChange","prototype","hasContent","open","opened","emit","closed","handleClick","ev","floating","hostElement","contains","target","reflow","onOpenChanged","cancelAnimationFrame","raf","componentWillLoad","labelElement","assignedElements","dataset","text","textContent","live","content","style","left","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","concat","Math","min","window","innerWidth","requestAnimationFrame","hasHeader","querySelectorAll","length","items","forEach","item","setAttribute","renderMenuLabel","h","class","onClick","onSlotchange","name","render","_this","Host","key","ref","el","role"],"sources":["src/components/deprecated/z-menu-deprecated/styles.css?tag=z-menu-deprecated&encapsulation=shadow","src/components/deprecated/z-menu-deprecated/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n\n  --z-menu-label-color: var(--color-default-text);\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  outline: none;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-within {\n  z-index: 1;\n  padding-right: calc(var(--space-unit) * 0.5);\n  padding-left: calc(var(--space-unit) * 0.5);\n  margin-right: calc(var(--space-unit) * -0.5);\n  margin-left: calc(var(--space-unit) * -0.5);\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.menu-label .menu-label-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n:host(:is([active], [open])) .menu-label-content,\n.menu-label:focus-within .menu-label-content {\n  font-weight: var(--font-bd);\n}\n\n:host(:is([active], [open])) .menu-label-content ::slotted(*),\n.menu-label:focus-within .menu-label-content ::slotted(*) {\n  letter-spacing: normal;\n}\n\n:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible) {\n  box-shadow: none !important;\n}\n\n/* border */\n:host(:is([active], [open], [vertical-context])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  content: \"\";\n  pointer-events: none;\n}\n\n:host([vertical-context]) .menu-label-content::after {\n  height: var(--border-size-small);\n  background-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.menu-label .menu-label-content ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-5);\n  font-weight: inherit;\n  letter-spacing: 0.36px; /* increasing the letter spacing of the regular text helps reduce the size difference between regular and bold text */\n  line-height: 1.2;\n  outline: none;\n}\n\n.menu-label .menu-label-content ::slotted(*),\n.menu-label .menu-label-content z-icon {\n  padding: var(--space-unit) 0;\n}\n\n.menu-label .menu-label-content z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: currentcolor;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n  border-color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n  tag: \"z-menu-deprecated\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenuDeprecated {\n  @Element() hostElement: HTMLZMenuDeprecatedElement;\n\n  /** Flag to set the active status of the menu. */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  /**\n   * Flag to set the display mode of the list.\n   * If true, the list will be absolutely positioned under the menu label,\n   * stacked beneath it otherwise.\n   */\n  @Prop({reflect: true})\n  floating? = false;\n\n  /** The opening state of the menu. */\n  @Prop({mutable: true, reflect: true})\n  open = false;\n\n  /**\n   * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\n   * A small border is placed under it as a separator from other elements.\n   */\n  @Prop({reflect: true})\n  verticalContext = false;\n\n  @State()\n  hasHeader: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  private content: HTMLElement;\n\n  /** Animation frame request id. */\n  private raf: number;\n\n  /** The menu has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The menu has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    this.open ? this.opened.emit() : this.closed.emit();\n  }\n\n  /** Close the floating list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.floating || !this.open || this.hostElement.contains(ev.target as Element)) {\n      return;\n    }\n\n    this.reflow();\n    this.open = false;\n    this.closed.emit();\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (this.open) {\n      this.reflow(true);\n    } else {\n      cancelAnimationFrame(this.raf);\n    }\n  }\n\n  constructor() {\n    this.toggle = this.toggle.bind(this);\n    this.checkContent = this.checkContent.bind(this);\n    this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.textContent;\n  }\n\n  /**\n   * Correctly set position of the floating menu in order to prevent overflow.\n   * @param live Should run the method on every refresh frame.\n   */\n  private reflow(live = false): void {\n    if (this.content) {\n      const {style} = this.content;\n      const {left} = this.hostElement.getBoundingClientRect();\n      const widthPx = getComputedStyle(this.content).width;\n      const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n      const safeScrollbarSpace = 30;\n      style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n    }\n    if (live) {\n      this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n    }\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n    this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n  }\n\n  /**\n   * Set `menuitem` role to all menu items.\n   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n   */\n  private onItemsChange(): void {\n    this.checkContent();\n    const items = this.hostElement.querySelectorAll<HTMLElement>(\"[slot=item]\");\n    items.forEach((item) => {\n      item.setAttribute(\"role\", \"menuitem\");\n      item.dataset.text = item.textContent;\n    });\n  }\n\n  private renderMenuLabel(): HTMLButtonElement | HTMLDivElement {\n    if (this.hasContent) {\n      return (\n        <button\n          class=\"menu-label\"\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n          onClick={this.toggle}\n        >\n          <div class=\"menu-label-content\">\n            <slot onSlotchange={this.onLabelSlotChange}></slot>\n            <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n          </div>\n        </button>\n      );\n    }\n\n    return (\n      <div class=\"menu-label\">\n        <div class=\"menu-label-content\">\n          <slot onSlotchange={this.onLabelSlotChange}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZMenuElement {\n    return (\n      <Host>\n        {this.renderMenuLabel()}\n\n        {this.hasContent && (\n          <div\n            class=\"content\"\n            ref={(el) => (this.content = el)}\n          >\n            {this.hasHeader && (\n              <header class=\"header\">\n                <slot\n                  name=\"header\"\n                  onSlotchange={this.checkContent}\n                ></slot>\n              </header>\n            )}\n\n            <div\n              class=\"items\"\n              role=\"menu\"\n            >\n              <slot\n                name=\"item\"\n                onSlotchange={this.onItemsChange}\n              ></slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}