@oiz/stzh-components 2.1.0 → 2.2.0-beta

package/dist/esm-es5/stzh-accordion.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function s(t){try{a(n.next(t))}catch(e){i(e)}}function c(t){try{a(n["throw"](t))}catch(e){i(e)}}function a(t){t.done?r(t.value):o(t.value).then(s,c)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(c){s=[6,c];o=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-2915b467.js";var stzhAccordionCss=".sc-stzh-accordion-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-h{display:none}.sc-stzh-accordion-h *.sc-stzh-accordion,.sc-stzh-accordion-h *.sc-stzh-accordion::before,.sc-stzh-accordion-h *.sc-stzh-accordion::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-h .sc-stzh-accordion-s>stzh-accordion-item:not(:last-child){margin-bottom:var(--stzh-space-small)}";var StzhAccordion=function(){function t(t){registerInstance(this,t);this.collapsible=true;this.multiselectable=true}t.prototype.openListener=function(t){var e=t.target;var r=e.closest("stzh-accordion");if(this.multiselectable||r!==this.element){return}var n=Array.from(r.querySelectorAll("stzh-accordion-item"));n.forEach((function(t){if(t!==e){t.hide()}}))};t.prototype.setItemFocus=function(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,o;return __generator(this,(function(i){r=t.closest("stzh-accordion");if(r!==this.element){return[2]}n=Array.from(r.querySelectorAll("stzh-accordion-item")).filter((function(t){return!t.disabled}));o=n.indexOf(t);if((e==="prev"||e==="next")&&o===null){e=e==="prev"?"last":"first"}if(e==="prev"&&o===0){e="last"}if(e==="next"&&o===n.length-1){e="first"}if(e==="prev"){n[o-1].setFocus()}else if(e==="next"){n[o+1].setFocus()}else if(e==="last"){n[n.length-1].setFocus()}else if(e==="first"){n[0].setFocus()}else{t.setFocus()}return[2]}))}))};t.prototype.render=function(){var t={"stzh-accordion":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAccordion.style=stzhAccordionCss;export{StzhAccordion as stzh_accordion};
+var __awaiter=this&&this.__awaiter||function(t,e,r,o){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function s(t){try{a(o.next(t))}catch(e){i(e)}}function c(t){try{a(o["throw"](t))}catch(e){i(e)}}function a(t){t.done?r(t.value):n(t.value).then(s,c)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(r)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(c){s=[6,c];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-011c84fe.js";var stzhAccordionCss=".sc-stzh-accordion-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-h{display:none}.sc-stzh-accordion-h *.sc-stzh-accordion,.sc-stzh-accordion-h *.sc-stzh-accordion::before,.sc-stzh-accordion-h *.sc-stzh-accordion::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-h .sc-stzh-accordion-s>stzh-accordion-item:not(:last-child){margin-bottom:var(--stzh-space-small)}";var StzhAccordion=function(){function t(t){registerInstance(this,t);this.collapsible=true;this.multiselectable=true}t.prototype.openListener=function(t){var e=t.target;var r=e.closest("stzh-accordion");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-accordion-item"||r!==this.element){return}var o=Array.from(r.querySelectorAll("stzh-accordion-item"));o.forEach((function(t){if(t!==e){t.hide()}}))};t.prototype.setItemFocus=function(t,e){return __awaiter(this,void 0,void 0,(function(){var r,o,n;return __generator(this,(function(i){r=t.closest("stzh-accordion");if(r!==this.element){return[2]}o=Array.from(r.querySelectorAll("stzh-accordion-item")).filter((function(t){return!t.disabled}));n=o.indexOf(t);if((e==="prev"||e==="next")&&n===null){e=e==="prev"?"last":"first"}if(e==="prev"&&n===0){e="last"}if(e==="next"&&n===o.length-1){e="first"}if(e==="prev"){o[n-1].setFocus()}else if(e==="next"){o[n+1].setFocus()}else if(e==="last"){o[o.length-1].setFocus()}else if(e==="first"){o[0].setFocus()}else{t.setFocus()}return[2]}))}))};t.prototype.render=function(){var t={"stzh-accordion":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAccordion.style=stzhAccordionCss;export{StzhAccordion as stzh_accordion};

package/dist/esm-es5/stzh-actions.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-2915b467.js";import{s as setPropsIfNull}from"./utils-68a28fce.js";var stzhActionsCss=".sc-stzh-actions-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:0;flex-grow:0}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--has-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var StzhActions=function(){function s(s){var t=this;registerInstance(this,s);this.init=function(){var s=t.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');var o=t.element.querySelectorAll("stzh-button");s.forEach((function(s){setPropsIfNull(s,{variant:"secondary"})}));o.forEach((function(s){s.setAttribute("role","listitem")}))};this.variant="form";this.withBorder=false}s.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};s.prototype.disconnectedCallback=function(){this.observer.disconnect()};s.prototype.render=function(){var s;var t=(s={"stzh-actions":true,"stzh-actions--has-border":this.withBorder},s["stzh-actions--".concat(this.variant)]=!!this.variant,s);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-actions__actions",role:"list"},h("div",{class:"stzh-actions__secondary-actions"},h("slot",{name:"secondary"})),h("div",{class:"stzh-actions__primary-actions"},h("slot",{name:"primary"})))))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhActions.style=stzhActionsCss;export{StzhActions as stzh_actions};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-011c84fe.js";import{s as setPropsIfNull}from"./utils-92a77db5.js";var stzhActionsCss=".sc-stzh-actions-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:0;flex-grow:0}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--has-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var StzhActions=function(){function s(s){var t=this;registerInstance(this,s);this.init=function(){var s=t.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');var o=t.element.querySelectorAll("stzh-button");s.forEach((function(s){setPropsIfNull(s,{variant:"secondary"})}));o.forEach((function(s){s.setAttribute("role","listitem")}))};this.variant="form";this.withBorder=false}s.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};s.prototype.disconnectedCallback=function(){this.observer.disconnect()};s.prototype.render=function(){var s;var t=(s={"stzh-actions":true,"stzh-actions--has-border":this.withBorder},s["stzh-actions--".concat(this.variant)]=!!this.variant,s);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-actions__actions",role:"list"},h("div",{class:"stzh-actions__secondary-actions"},h("slot",{name:"secondary"})),h("div",{class:"stzh-actions__primary-actions"},h("slot",{name:"primary"})))))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhActions.style=stzhActionsCss;export{StzhActions as stzh_actions};

package/dist/esm-es5/stzh-actionset.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,e,s){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,a){function o(t){try{r(s.next(t))}catch(i){a(i)}}function c(t){try{r(s["throw"](t))}catch(i){a(i)}}function r(t){t.done?e(t.value):n(t.value).then(o,c)}r((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(i){return r([t,i])}}function r(o){if(s)throw new TypeError("Generator is already executing.");while(e)try{if(s=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){e.label=o[1];break}if(o[0]===6&&e.label<a[1]){e.label=a[1];a=o;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(o);break}if(a[2])e.ops.pop();e.trys.pop();continue}o=i.call(t,e)}catch(c){o=[6,c];n=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-2915b467.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media}from"./media-utils-9b041ceb.js";var stzhActionsetCss=".sc-stzh-actionset-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";var StzhActionset=function(){function t(t){var i=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,e){i.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:e})};this.update=function(){i.isSmall=media("small").matches;i.isMedium=media("medium").matches;if(!i.actionsElement){return}Object.assign(i.actionsElement.style,{width:null,height:null});var t=0;if(i.variant==="overflow"&&i.isMedium||i.variant==="stack"&&i.isSmall){i.dynamicActions=true;var e=0;var s=0;Array.from(i.actionsElement.children).forEach((function(i){if(i.offsetTop===0){t++;var n=getComputedStyle(i);var a=parseInt(n.marginLeft);var o=parseInt(n.marginRight);var c=parseInt(n.marginTop);var r=parseInt(n.marginBottom);var l=i.offsetWidth+a+o;var h=i.offsetHeight+c+r;if(e<h){e=h}s=s+l}}));Object.assign(i.actionsElement.style,{width:"".concat(s+1,"px"),height:"".concat(e,"px")})}else{i.dynamicActions=false;if(i.variant==="overflow"){t=0}else if(i.variant==="stack"){t=i._actions.length<=3?i._actions.length:2}}i.actionsCollapsed=i._actions.slice(t)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var i=this;var e=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var s=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},role:"listitem",icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:i.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:i.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(e){i.actionClick(t,e)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:e},h("div",{class:"stzh-actionset__actions",role:"list"},h("div",{ref:function(t){return i.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(i.dynamicActions||!i.dynamicActions&&i.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))}))),h("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},h("stzh-button",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(e){i.actionClick(t,e)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};
+var __awaiter=this&&this.__awaiter||function(t,i,e,s){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,a){function o(t){try{r(s.next(t))}catch(i){a(i)}}function c(t){try{r(s["throw"](t))}catch(i){a(i)}}function r(t){t.done?e(t.value):n(t.value).then(o,c)}r((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(i){return r([t,i])}}function r(o){if(s)throw new TypeError("Generator is already executing.");while(e)try{if(s=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){e.label=o[1];break}if(o[0]===6&&e.label<a[1]){e.label=a[1];a=o;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(o);break}if(a[2])e.ops.pop();e.trys.pop();continue}o=i.call(t,e)}catch(c){o=[6,c];n=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-011c84fe.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media}from"./media-utils-9b041ceb.js";var stzhActionsetCss=".sc-stzh-actionset-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";var StzhActionset=function(){function t(t){var i=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,e){i.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:e})};this.update=function(){i.isSmall=media("small").matches;i.isMedium=media("medium").matches;if(!i.actionsElement){return}Object.assign(i.actionsElement.style,{width:null,height:null});var t=0;if(i.variant==="overflow"&&i.isMedium||i.variant==="stack"&&i.isSmall){i.dynamicActions=true;var e=0;var s=0;Array.from(i.actionsElement.children).forEach((function(i){if(i.offsetTop===0){t++;var n=getComputedStyle(i);var a=parseInt(n.marginLeft);var o=parseInt(n.marginRight);var c=parseInt(n.marginTop);var r=parseInt(n.marginBottom);var l=i.offsetWidth+a+o;var h=i.offsetHeight+c+r;if(e<h){e=h}s=s+l}}));Object.assign(i.actionsElement.style,{width:"".concat(s+1,"px"),height:"".concat(e,"px")})}else{i.dynamicActions=false;if(i.variant==="overflow"){t=0}else if(i.variant==="stack"){t=i._actions.length<=3?i._actions.length:2}}i.actionsCollapsed=i._actions.slice(t)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var i=this;var e=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var s=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},role:"listitem",icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:i.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:i.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(e){i.actionClick(t,e)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:e},h("div",{class:"stzh-actionset__actions",role:"list"},h("div",{ref:function(t){return i.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(i.dynamicActions||!i.dynamicActions&&i.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))}))),h("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},h("stzh-button",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(e){i.actionClick(t,e)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};

package/dist/esm-es5/stzh-anchornav.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(n,s,a,t){function e(n){return n instanceof a?n:new a((function(s){s(n)}))}return new(a||(a=Promise))((function(a,c){function o(n){try{h(t.next(n))}catch(s){c(s)}}function r(n){try{h(t["throw"](n))}catch(s){c(s)}}function h(n){n.done?a(n.value):e(n.value).then(o,r)}h((t=t.apply(n,s||[])).next())}))};var __generator=this&&this.__generator||function(n,s){var a={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},t,e,c,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(n){return function(s){return h([n,s])}}function h(o){if(t)throw new TypeError("Generator is already executing.");while(a)try{if(t=1,e&&(c=o[0]&2?e["return"]:o[0]?e["throw"]||((c=e["return"])&&c.call(e),0):e.next)&&!(c=c.call(e,o[1])).done)return c;if(e=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;e=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(c=a.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){a.label=o[1];break}if(o[0]===6&&a.label<c[1]){a.label=c[1];c=o;break}if(c&&a.label<c[2]){a.label=c[2];a.ops.push(o);break}if(c[2])a.ops.pop();a.trys.pop();continue}o=s.call(n,a)}catch(r){o=[6,r];e=0}finally{t=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host}from"./index-2915b467.js";var stzhAnchornavCss='.sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns="1"].sc-stzh-anchornav-h{--columns:1}[columns="2"].sc-stzh-anchornav-h{--columns:2}[columns="3"].sc-stzh-anchornav-h{--columns:3}[columns="4"].sc-stzh-anchornav-h{--columns:4}[columns="5"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra="5"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns)}.stzh-anchornav__list.sc-stzh-anchornav{margin:calc(var(--stzh-space-xxsmall) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{--text-decoration:none;--hover-text-decoration:underline;padding:calc(var(--stzh-space-xxsmall))}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-small)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}';var StzhAnchornav=function(){function n(n){registerInstance(this,n);this.stzhItemClick=createEvent(this,"stzhItemClick",7);this.columns=1;this.columnsSmall=0;this.columnsMedium=0;this.columnsLarge=0;this.columnsUltra=0;this.items=[];this.withBorder=false}n.prototype.appointmentsWatcher=function(n){if(typeof n==="string"){this._items=JSON.parse(n)}else{this._items=n}};n.prototype.handleClick=function(n,s){this.stzhItemClick.emit({component:"stzh-anchornav",item:n,originalEvent:s})};n.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.appointmentsWatcher(this.items);return[2]}))}))};n.prototype.render=function(){var n=this;var s={"stzh-anchornav":true,"stzh-anchornav--has-border":this.withBorder};return h(Host,null,h("div",{class:s},h("div",{class:"stzh-anchornav__list",role:"list"},this._items.map((function(s){return h("stzh-link",{class:"stzh-anchornav__item",role:"listitem",fullwidth:true,"text-align":"left",href:s.href,icon:s.icon||"angle-right",size:"small",onClick:function(a){return n.handleClick(s,a)}},h("stzh-clamp",{lines:2},s.label))})))))};Object.defineProperty(n,"watchers",{get:function(){return{items:["appointmentsWatcher"]}},enumerable:false,configurable:true});return n}();StzhAnchornav.style=stzhAnchornavCss;export{StzhAnchornav as stzh_anchornav};
+var __awaiter=this&&this.__awaiter||function(n,s,a,t){function e(n){return n instanceof a?n:new a((function(s){s(n)}))}return new(a||(a=Promise))((function(a,c){function r(n){try{h(t.next(n))}catch(s){c(s)}}function o(n){try{h(t["throw"](n))}catch(s){c(s)}}function h(n){n.done?a(n.value):e(n.value).then(r,o)}h((t=t.apply(n,s||[])).next())}))};var __generator=this&&this.__generator||function(n,s){var a={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},t,e,c,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(n){return function(s){return h([n,s])}}function h(r){if(t)throw new TypeError("Generator is already executing.");while(a)try{if(t=1,e&&(c=r[0]&2?e["return"]:r[0]?e["throw"]||((c=e["return"])&&c.call(e),0):e.next)&&!(c=c.call(e,r[1])).done)return c;if(e=0,c)r=[r[0]&2,c.value];switch(r[0]){case 0:case 1:c=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;e=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(c=a.trys,c=c.length>0&&c[c.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!c||r[1]>c[0]&&r[1]<c[3])){a.label=r[1];break}if(r[0]===6&&a.label<c[1]){a.label=c[1];c=r;break}if(c&&a.label<c[2]){a.label=c[2];a.ops.push(r);break}if(c[2])a.ops.pop();a.trys.pop();continue}r=s.call(n,a)}catch(o){r=[6,o];e=0}finally{t=c=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host}from"./index-011c84fe.js";var stzhAnchornavCss='.sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns="1"].sc-stzh-anchornav-h{--columns:1}[columns="2"].sc-stzh-anchornav-h{--columns:2}[columns="3"].sc-stzh-anchornav-h{--columns:3}[columns="4"].sc-stzh-anchornav-h{--columns:4}[columns="5"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra="5"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns)}.stzh-anchornav__list.sc-stzh-anchornav{margin:calc((var(--stzh-space-large) / 2) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{--text-decoration:none;--hover-text-decoration:underline;padding:calc(var(--stzh-space-large) / 2)}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-large)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}';var StzhAnchornav=function(){function n(n){registerInstance(this,n);this.stzhItemClick=createEvent(this,"stzhItemClick",7);this.columns=1;this.columnsSmall=0;this.columnsMedium=0;this.columnsLarge=0;this.columnsUltra=0;this.items=[];this.withBorder=false}n.prototype.appointmentsWatcher=function(n){if(typeof n==="string"){this._items=JSON.parse(n)}else{this._items=n}};n.prototype.handleClick=function(n,s){this.stzhItemClick.emit({component:"stzh-anchornav",item:n,originalEvent:s})};n.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.appointmentsWatcher(this.items);return[2]}))}))};n.prototype.render=function(){var n=this;var s={"stzh-anchornav":true,"stzh-anchornav--has-border":this.withBorder};return h(Host,null,h("div",{class:s},h("div",{class:"stzh-anchornav__list",role:"list"},this._items.map((function(s){return h("stzh-link",{class:"stzh-anchornav__item",role:"listitem",fullwidth:true,"text-align":"left",href:s.href,icon:s.icon||"arrow-right-down",size:"small",onClick:function(a){return n.handleClick(s,a)}},h("stzh-clamp",{lines:2},s.label))})))))};Object.defineProperty(n,"watchers",{get:function(){return{items:["appointmentsWatcher"]}},enumerable:false,configurable:true});return n}();StzhAnchornav.style=stzhAnchornavCss;export{StzhAnchornav as stzh_anchornav};

package/dist/esm-es5/stzh-appnav.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-2915b467.js";import{s as setPropsIfNull}from"./utils-68a28fce.js";var stzhAppnavCss=".sc-stzh-appnav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration:none;--hover-text-decoration:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-base-color);text-decoration:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var StzhAppnav=function(){function t(t){var s=this;registerInstance(this,t);this.init=function(){var t=s.element.querySelectorAll("stzh-link");t.forEach((function(t){setPropsIfNull(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref=""}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-appnav"},h("div",{class:"stzh-appnav__items",role:"list"},h("slot",null)),this.appTitle&&h("a",{class:"stzh-appnav__title",href:this.appHref},this.appTitle,this.appStatus&&h("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAppnav.style=stzhAppnavCss;export{StzhAppnav as stzh_appnav};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-011c84fe.js";import{s as setPropsIfNull}from"./utils-92a77db5.js";var stzhAppnavCss=".sc-stzh-appnav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration:none;--hover-text-decoration:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-base-color);text-decoration:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var StzhAppnav=function(){function t(t){var s=this;registerInstance(this,t);this.init=function(){var t=s.element.querySelectorAll("stzh-link");t.forEach((function(t){setPropsIfNull(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref=""}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-appnav"},h("div",{class:"stzh-appnav__items",role:"list"},h("slot",null)),this.appTitle&&h("a",{class:"stzh-appnav__title",href:this.appHref},this.appTitle,this.appStatus&&h("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAppnav.style=stzhAppnavCss;export{StzhAppnav as stzh_appnav};

package/dist/esm-es5/stzh-appointments.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,s){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{p(s.next(t))}catch(e){a(e)}}function r(t){try{p(s["throw"](t))}catch(e){a(e)}}function p(t){t.done?n(t.value):i(t.value).then(o,r)}p((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,i,a,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(e){return p([t,e])}}function p(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(r){o=[6,r];i=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-2915b467.js";import{f as fetchTranslations,t as tc}from"./translation-utils-2623783f.js";import{p as parseISODate,a as printISODate}from"./date-utils-be83fff1.js";import{c as createGlobalAdapter}from"./date-adapter-cbc340fa.js";var stzhAppointmentsCss=".sc-stzh-appointments-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-appointments__wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-large)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);height:var(--stzh-space-xxlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{display:-ms-flexbox;display:flex}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{margin-right:var(--stzh-space-xsmall);display:none}@media screen and (min-width: 1024px){.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{display:-ms-inline-flexbox;display:inline-flex}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments,.stzh-appointments__appointments-content.sc-stzh-appointments{background-color:var(--stzh-color-white);border:0.0625rem solid var(--stzh-color-grey13);border-radius:0.125rem}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{padding:var(--stzh-space-xlarge);-ms-flex-positive:1;flex-grow:1}.stzh-appointments__more-link.sc-stzh-appointments{margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 1024px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";var StzhAppointments=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=function(t){var n=!!e._appointments.find((function(e){return e.start.getFullYear()===t.getFullYear()&&e.start.getMonth()===t.getMonth()&&e.start.getDate()===t.getDate()}));return!n};this.onNextActiveDateClick=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.nextDate)return[3,2];this.currentDate=this.nextDate;return[4,this.datepickerElement.getPopover()];case 1:t=e.sent();if(t){t.hide()}e.label=2;case 2:return[2]}}))}))};this.onMoreClick=function(){e.showItems=e.stepItems+e.showItems;var t=e.inputElement.querySelector("stzh-radio");t.setFocus()};this.onDropdownChange=function(t){return __awaiter(e,void 0,void 0,(function(){var e,n;return __generator(this,(function(s){switch(s.label){case 0:e=t.target;return[4,e.getValue()];case 1:n=s.sent();if(n){this.sortBy=n}return[2]}}))}))};this.onDatepickerChange=function(t){if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}e.currentDate=t.detail.valueAsDate;e.showItems=e.stepItems};this.onRadioChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-appointments",value:e.value})};this.localization=undefined;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}t.prototype.currentDateWatcher=function(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=parseISODate(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;this.setValueToFirstAppointmentOfCurrentDate()}};t.prototype.sortByWatcher=function(){this.setValueToFirstAppointmentOfCurrentDate()};t.prototype.valueWatcher=function(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)};t.prototype.appointmentsWatcher=function(t){if(typeof t==="string"){this._appointments=JSON.parse(t)}else{this._appointments=t}this._appointments.forEach((function(t){t.start=new Date(t.start);t.end=new Date(t.end)}));if(this._appointments.length>0){this._appointments.sort((function(t,e){return t["start"]>e["start"]?1:-1}));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){var e=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((function(t){return t.start})).every((function(t){return"".concat(t.getFullYear(),"-").concat(t.getMonth(),"-").concat(t.getDate())==="".concat(e.getFullYear(),"-").concat(e.getMonth(),"-").concat(e.getDate())}))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)};t.prototype.updateDateByValue=function(){var t=this;this.dateByValue=this.value&&this._appointments.find((function(e){return e.value===t.value})).start};t.prototype.getCurrentDateAppointments=function(){var t=this;var e=0;var n=this._appointments.filter((function(n,s){var i=n.start.getFullYear()===t._currentDate.getFullYear()&&n.start.getMonth()===t._currentDate.getMonth()&&n.start.getDate()===t._currentDate.getDate();if(i){e=s}return i}));if(this._appointments[e+1]){this.nextDate=this._appointments[e+1].start}else{this.nextDate=null}n.sort((function(e,n){return e[t.sortBy]>n[t.sortBy]?1:-1}));return n};t.prototype.setValueToFirstAppointmentOfCurrentDate=function(){var t=this.getCurrentDateAppointments().filter((function(t){return!t.disabled}));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.appointmentsWatcher(this.appointments);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"appointments")];case 1:t.localization=e.sent();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=createGlobalAdapter(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentWillRender=function(){var t=this;var e=this.getCurrentDateAppointments();this.appointmentsShown=e.slice(0,this.showItems);this.showMoreLink=this.showItems<e.length;this.moreItemsLeft=e.length-this.showItems;this.showSortStart=e.map((function(e){return t.dateAdapter.format(e.start,"time")})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.showSortPlace=e.map((function(t){return t.place})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy};t.prototype.componentDidRender=function(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}};t.prototype.render=function(){var t=this;var e={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-appointments__wrapper"},this.showCalendar&&h("div",{class:"stzh-appointments__calendar-wrapper"},h("div",{class:"stzh-appointments__calendar-title-wrapper"},h("div",{class:"stzh-appointments__calendar-title"},h("stzh-icon",{class:"stzh-appointments__calendar-icon",name:"calendar"}),h("stzh-text",{font:"heavy"},this.calendarTitle||this.localization.calendarTitle))),h("div",{class:"stzh-appointments__calendar-content"},h("stzh-datepicker",{ref:function(e){return t.datepickerElement=e},onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},h("stzh-link",{slot:"action",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments)))),h("div",{class:"stzh-appointments__calendar-content-medium"},h("stzh-datepicker",{ref:function(e){return t.datepickerElementMedium=e},onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},this.nextDate&&h("stzh-link",{slot:"action",onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments))))),h("div",{class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&h("div",{class:"stzh-appointments__appointments-title-wrapper"},h("div",{class:"stzh-appointments__appointments-title"},h("stzh-icon",{class:"stzh-appointments__appointments-icon",name:"clock"}),h("stzh-text",{font:"heavy"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&h("div",{class:"stzh-appointments__sort"},h("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),h("div",{class:"stzh-appointments__appointments-content"},h("stzh-radiogroup",{ref:function(e){return t.inputElement=e},legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((function(e){return h("stzh-radio",{onStzhChange:t.onRadioChange,value:e.value,disabled:typeof e.disabled!=="undefined"?e.disabled:false},h("stzh-text",{font:"heavy",size:"milli"},!t.showCalendar&&h("span",null,t.dateAdapter.format(e.start),", "),t.dateAdapter.format(e.start,"time"),h("span",{innerHTML:t.localization.$formats.timeRange}),t.dateAdapter.format(e.end,"time"),h("span",{innerHTML:t.localization.$formats.timePostfix})),h("stzh-text",{size:"milli"},e.caption))}))),this.showMoreLink&&h("stzh-link",{class:"stzh-appointments__more-link",onClick:this.onMoreClick},h("stzh-text",{size:"milli"},tc(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}},enumerable:false,configurable:true});return t}();StzhAppointments.style=stzhAppointmentsCss;export{StzhAppointments as stzh_appointments};
+var __awaiter=this&&this.__awaiter||function(t,e,n,s){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{p(s.next(t))}catch(e){a(e)}}function r(t){try{p(s["throw"](t))}catch(e){a(e)}}function p(t){t.done?n(t.value):i(t.value).then(o,r)}p((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,i,a,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(e){return p([t,e])}}function p(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(r){o=[6,r];i=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-011c84fe.js";import{f as fetchTranslations,t as tc}from"./translation-utils-2623783f.js";import{p as parseISODate,a as printISODate}from"./date-utils-be83fff1.js";import{c as createGlobalAdapter}from"./date-adapter-cbc340fa.js";var stzhAppointmentsCss=".sc-stzh-appointments-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-appointments__wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-large)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);height:var(--stzh-space-xxlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{display:-ms-flexbox;display:flex}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{margin-right:var(--stzh-space-xsmall);display:none}@media screen and (min-width: 1024px){.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{display:-ms-inline-flexbox;display:inline-flex}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments,.stzh-appointments__appointments-content.sc-stzh-appointments{background-color:var(--stzh-color-white);border:0.0625rem solid var(--stzh-color-grey13);border-radius:0.125rem}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{padding:var(--stzh-space-xlarge);-ms-flex-positive:1;flex-grow:1}.stzh-appointments__more-link.sc-stzh-appointments{margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 1024px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";var StzhAppointments=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=function(t){var n=!!e._appointments.find((function(e){return e.start.getFullYear()===t.getFullYear()&&e.start.getMonth()===t.getMonth()&&e.start.getDate()===t.getDate()}));return!n};this.onNextActiveDateClick=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.nextDate)return[3,2];this.currentDate=this.nextDate;return[4,this.datepickerElement.getPopover()];case 1:t=e.sent();if(t){t.hide()}e.label=2;case 2:return[2]}}))}))};this.onMoreClick=function(){e.showItems=e.stepItems+e.showItems;var t=e.inputElement.querySelector("stzh-radio");t.setFocus()};this.onDropdownChange=function(t){return __awaiter(e,void 0,void 0,(function(){var e,n;return __generator(this,(function(s){switch(s.label){case 0:e=t.target;return[4,e.getValue()];case 1:n=s.sent();if(n){this.sortBy=n}return[2]}}))}))};this.onDatepickerChange=function(t){if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}e.currentDate=t.detail.valueAsDate;e.showItems=e.stepItems};this.onRadioChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-appointments",value:e.value})};this.localization=undefined;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}t.prototype.currentDateWatcher=function(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=parseISODate(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;this.setValueToFirstAppointmentOfCurrentDate()}};t.prototype.sortByWatcher=function(){this.setValueToFirstAppointmentOfCurrentDate()};t.prototype.valueWatcher=function(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)};t.prototype.appointmentsWatcher=function(t){if(typeof t==="string"){this._appointments=JSON.parse(t)}else{this._appointments=t}this._appointments.forEach((function(t){t.start=new Date(t.start);t.end=new Date(t.end)}));if(this._appointments.length>0){this._appointments.sort((function(t,e){return t["start"]>e["start"]?1:-1}));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){var e=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((function(t){return t.start})).every((function(t){return"".concat(t.getFullYear(),"-").concat(t.getMonth(),"-").concat(t.getDate())==="".concat(e.getFullYear(),"-").concat(e.getMonth(),"-").concat(e.getDate())}))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)};t.prototype.updateDateByValue=function(){var t=this;this.dateByValue=this.value&&this._appointments.find((function(e){return e.value===t.value})).start};t.prototype.getCurrentDateAppointments=function(){var t=this;var e=0;var n=this._appointments.filter((function(n,s){var i=n.start.getFullYear()===t._currentDate.getFullYear()&&n.start.getMonth()===t._currentDate.getMonth()&&n.start.getDate()===t._currentDate.getDate();if(i){e=s}return i}));if(this._appointments[e+1]){this.nextDate=this._appointments[e+1].start}else{this.nextDate=null}n.sort((function(e,n){return e[t.sortBy]>n[t.sortBy]?1:-1}));return n};t.prototype.setValueToFirstAppointmentOfCurrentDate=function(){var t=this.getCurrentDateAppointments().filter((function(t){return!t.disabled}));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.appointmentsWatcher(this.appointments);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"appointments")];case 1:t.localization=e.sent();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=createGlobalAdapter(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentWillRender=function(){var t=this;var e=this.getCurrentDateAppointments();this.appointmentsShown=e.slice(0,this.showItems);this.showMoreLink=this.showItems<e.length;this.moreItemsLeft=e.length-this.showItems;this.showSortStart=e.map((function(e){return t.dateAdapter.format(e.start,"time")})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.showSortPlace=e.map((function(t){return t.place})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy};t.prototype.componentDidRender=function(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}};t.prototype.render=function(){var t=this;var e={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-appointments__wrapper"},this.showCalendar&&h("div",{class:"stzh-appointments__calendar-wrapper"},h("div",{class:"stzh-appointments__calendar-title-wrapper"},h("div",{class:"stzh-appointments__calendar-title"},h("stzh-icon",{class:"stzh-appointments__calendar-icon",name:"calendar"}),h("stzh-text",{font:"heavy"},this.calendarTitle||this.localization.calendarTitle))),h("div",{class:"stzh-appointments__calendar-content"},h("stzh-datepicker",{ref:function(e){return t.datepickerElement=e},onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},h("stzh-link",{slot:"action",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments)))),h("div",{class:"stzh-appointments__calendar-content-medium"},h("stzh-datepicker",{ref:function(e){return t.datepickerElementMedium=e},onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},this.nextDate&&h("stzh-link",{slot:"action",onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments))))),h("div",{class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&h("div",{class:"stzh-appointments__appointments-title-wrapper"},h("div",{class:"stzh-appointments__appointments-title"},h("stzh-icon",{class:"stzh-appointments__appointments-icon",name:"clock"}),h("stzh-text",{font:"heavy"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&h("div",{class:"stzh-appointments__sort"},h("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),h("div",{class:"stzh-appointments__appointments-content"},h("stzh-radiogroup",{ref:function(e){return t.inputElement=e},legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((function(e){return h("stzh-radio",{onStzhChange:t.onRadioChange,value:e.value,disabled:typeof e.disabled!=="undefined"?e.disabled:false},h("stzh-text",{font:"heavy",size:"milli"},!t.showCalendar&&h("span",null,t.dateAdapter.format(e.start),", "),t.dateAdapter.format(e.start,"time"),h("span",{innerHTML:t.localization.$formats.timeRange}),t.dateAdapter.format(e.end,"time"),h("span",{innerHTML:t.localization.$formats.timePostfix})),h("stzh-text",{size:"milli"},e.caption))}))),this.showMoreLink&&h("stzh-link",{class:"stzh-appointments__more-link",onClick:this.onMoreClick},h("stzh-text",{size:"milli"},tc(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}},enumerable:false,configurable:true});return t}();StzhAppointments.style=stzhAppointmentsCss;export{StzhAppointments as stzh_appointments};