@oiz/stzh-components 2.1.0 → 2.2.0-beta

package/dist/stzh-components/{p-95defe16.system.entry.js → p-f03ce92d.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-609bf766.system.js"],(function(s){"use strict";var t,e,a,r;return{setters:[function(s){t=s.r;e=s.h;a=s.a;r=s.g}],execute:function(){var i=".sc-stzh-datamessagelist-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-datamessagelist-h{display:none}.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::before,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-datamessagelist-h .sc-stzh-datamessagelist-s>*:not(:last-child){border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (max-width: 599px){.stzh-datamessagelist.sc-stzh-datamessagelist{margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}}@media screen and (min-width: 600px){.stzh-datamessagelist.sc-stzh-datamessagelist{border:0.0625rem solid var(--stzh-base-border-color)}}";var l=s("stzh_datamessagelist",function(){function s(s){t(this,s)}s.prototype.render=function(){var s={"stzh-datamessagelist":true};return e(a,null,e("div",{class:s},e("div",{class:"stzh-datamessagelist__list",role:"list"},e("slot",null))))};Object.defineProperty(s.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return s}());l.style=i}}}));
+System.register(["./p-dbdc01c7.system.js"],(function(s){"use strict";var t,e,a,r;return{setters:[function(s){t=s.r;e=s.h;a=s.a;r=s.g}],execute:function(){var i=".sc-stzh-datamessagelist-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-datamessagelist-h{display:none}.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::before,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-datamessagelist-h .sc-stzh-datamessagelist-s>*:not(:last-child){border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (max-width: 599px){.stzh-datamessagelist.sc-stzh-datamessagelist{margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}}@media screen and (min-width: 600px){.stzh-datamessagelist.sc-stzh-datamessagelist{border:0.0625rem solid var(--stzh-base-border-color)}}";var l=s("stzh_datamessagelist",function(){function s(s){t(this,s)}s.prototype.render=function(){var s={"stzh-datamessagelist":true};return e(a,null,e("div",{class:s},e("div",{class:"stzh-datamessagelist__list",role:"list"},e("slot",null))))};Object.defineProperty(s.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return s}());l.style=i}}}));

package/dist/stzh-components/p-f3107fc7.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,s){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function n(t){try{l(s.next(t))}catch(e){a(e)}}function c(t){try{l(s["throw"](t))}catch(e){a(e)}}function l(t){t.done?i(t.value):r(t.value).then(n,c)}l((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,r,a,n;return n={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function c(t){return function(e){return l([t,e])}}function l(n){if(s)throw new TypeError("Generator is already executing.");while(i)try{if(s=1,r&&(a=n[0]&2?r["return"]:n[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,n[1])).done)return a;if(r=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;r=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=e.call(t,i)}catch(c){n=[6,c];r=0}finally{s=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-dbdc01c7.system.js","./p-ded16c0e.system.js","./p-a408bfba.system.js","./p-309d2b66.system.js","./p-eaa65f52.system.js"],(function(t){"use strict";var e,i,s,r,a,n,c,l,o;return{setters:[function(t){e=t.r;i=t.h;s=t.F;r=t.a;a=t.g},function(t){n=t.a},function(t){c=t.f},function(t){l=t.c},function(t){o=t.VBZ}],execute:function(){var h=".sc-stzh-vbz-ticker-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-vbz-ticker-h{display:none}.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::before,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-vbz-ticker.sc-stzh-vbz-ticker{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}@media screen and (min-width: 1024px){.stzh-vbz-ticker.sc-stzh-vbz-ticker{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}}.stzh-vbz-ticker__icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-small);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 1024px){.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-vbz-ticker__title-parts.sc-stzh-vbz-ticker{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-xxxsmall) / -1) 0}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;white-space:nowrap;margin:var(--stzh-space-xxxsmall) 0}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-vbz-ticker__title-part--no-disturbances.sc-stzh-vbz-ticker{color:var(--stzh-color-truegreen)}.stzh-vbz-ticker__title-part--major-events.sc-stzh-vbz-ticker{color:var(--stzh-color-coral)}.stzh-vbz-ticker__title-part--disturbances.sc-stzh-vbz-ticker{color:var(--stzh-color-error)}.stzh-vbz-ticker__link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-vbz-ticker__link.sc-stzh-vbz-ticker{position:absolute;top:0;right:0;margin-top:0}}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker:not(:empty){margin:calc(var(--stzh-space-xxsmall) * -1);margin-top:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall))}.stzh-vbz-ticker__chip.sc-stzh-vbz-ticker{margin:var(--stzh-space-xxsmall)}.stzh-vbz-ticker__tooltip.sc-stzh-vbz-ticker{--width:20.875rem}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker:not(:first-child){margin-top:var(--stzh-space-small)}.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker{color:var(--stzh-color-error)}.stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;display:-ms-flexbox;display:flex}.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-xsmall);margin-top:var(--stzh-space-xxxsmall);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance-link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-xsmall)}";var z=t("stzh_vbz_ticker",function(){function t(t){var i;e(this,t);this.globalDisturbances=[];this.lines=[];this.counter=(i={},i["".concat(o.DISTURBANCE_GLOBAL)]=0,i["".concat(o.DISTURBANCE_INFORMATION)]=0,i["".concat(o.DISTURBANCE_CONSTRUCTION)]=0,i["".concat(o.DISTURBANCE_NORMAL)]=0,i["".concat(o.DISTURBANCE_EVENT)]=0,i["".concat(o.DISTURBANCE_BUS)]=0,i);this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";this.dateAdapter=undefined;this.localization=undefined}t.prototype.localizationWatcher=function(){this.collator=new Intl.Collator(this.localization.$locale,{numeric:true})};t.prototype.apiWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(s){switch(s.label){case 0:if(!t){return[2]}e=this.api.replace(/\{lang\}/,this.localization.$locale);e=e+(e.includes("?")?"&":"?")+Date.now();return[4,n.get(e)];case 1:i=s.sent().data;this.data=i;return[2]}}))}))};t.prototype.dataWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,s;var r=this;return __generator(this,(function(a){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}s={};(i=(e=this._data)===null||e===void 0?void 0:e.Message)===null||i===void 0?void 0:i.forEach((function(t){var e=t.channel.filter((function(t){return t.name===o.CHANNEL_TICKER&&t.url})).map((function(t){return t.url})).reduce((function(t,e){return t.concat(e)}),[]);var i=e.find((function(t){return t.url.indexOf(o.CHANNEL_INFO_URL_FILTER)!==-1}));if(t.baseType===o.BASE_TYPE_GLOBAL){r.counter[o.DISTURBANCE_GLOBAL]++;r.globalDisturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date("".concat(t.sDate,"T").concat(t.sTime,"+02:00")),endDate:new Date("".concat(t.eDate,"T").concat(t.eTime,"+02:00")),altStart:t.altStart,altEnd:t.altEnd,infoUrl:i})}else{r.counter[t.category]++}if(t.affectedProduct&&t.category!==o.DISTURBANCE_INFORMATION&&t.baseType!==o.BASE_TYPE_GLOBAL){t.affectedProduct.forEach((function(e){if(typeof s[e.lineId]==="undefined"){s[e.lineId]={line:e.line,name:e.name,category:e.cls,disturbances:[],alert:false}}if(t.category===o.DISTURBANCE_NORMAL){s[e.lineId].alert=true}s[e.lineId].disturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date("".concat(t.sDate,"T").concat(t.sTime,"+02:00")),endDate:new Date("".concat(t.eDate,"T").concat(t.eTime,"+02:00")),altStart:t.altStart,altEnd:t.altEnd,infoUrl:i})}))}}));this.lines=Object.keys(s).map((function(t){return s[t]}));this.lines.sort((function(t,e){return r.collator.compare(t.line,e.line)}));return[2]}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,c(this.element,"vbz-ticker")];case 1:t.localization=e.sent();this.localizationWatcher();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=l(this.localization.$formats,this.localization.$globals)}if(!this.data)return[3,4];return[4,this.dataWatcher(this.data)];case 3:e.sent();return[3,6];case 4:return[4,this.apiWatcher(this.api)];case 5:e.sent();e.label=6;case 6:return[2]}}))}))};t.prototype.renderDisturbance=function(t){var e;return i("div",{class:(e={"stzh-vbz-ticker__disturbance":true},e["stzh-vbz-ticker__disturbance--type".concat(t.category)]=!!t.category,e)},t.category===o.DISTURBANCE_NORMAL||t.baseType===o.BASE_TYPE_GLOBAL?i("stzh-icon",{name:"warning-big",class:"stzh-vbz-ticker__disturbance-icon"}):i("stzh-icon",{name:"construction",class:"stzh-vbz-ticker__disturbance-icon"}),i("div",{class:"stzh-vbz-ticker__disturbance-text"},i("div",{class:"stzh-vbz-ticker__disturbance-title"},t.head),i("div",{class:"stzh-vbz-ticker__disturbance-date"},t.altStart||this.dateAdapter.format(t.startDate),i("span",{innerHTML:this.localization.$formats.dateRange}),t.altEnd||this.dateAdapter.format(t.endDate)),t.infoUrl?i("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",href:t.infoUrl.url},this.localization.moreInfo):i("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",target:"_blank",icon:"external-link",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,t.id)},this.localization.moreInfo)))};t.prototype.render=function(){var t=this;var e={"stzh-vbz-ticker":true};return i(r,null,i("div",{class:e},i("div",{class:"stzh-vbz-ticker__text"},i("div",{class:"stzh-vbz-ticker__title"},i("div",{class:"stzh-vbz-ticker__title-parts"},this.lines.length===0&&this.counter[o.DISTURBANCE_GLOBAL]===0&&i("div",{class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--no-disturbances"},i("stzh-icon",{class:"stzh-vbz-ticker__icon",name:"checkmark-circle"}),this.localization.noDisturbances),this.counter[o.DISTURBANCE_NORMAL]>0&&i("div",{class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances"},i("stzh-icon",{class:"stzh-vbz-ticker__icon",name:"warning"}),this.counter[o.DISTURBANCE_GLOBAL]>0?this.localization.furtherDisturbanceTitle:this.localization.disturbanceTitle),(this.counter[o.DISTURBANCE_CONSTRUCTION]>0||this.counter[o.DISTURBANCE_EVENT]>0||this.counter[o.DISTURBANCE_BUS]>0)&&i("div",{class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others"},i("stzh-icon",{class:"stzh-vbz-ticker__icon",name:"construction"}),this.localization.constructionsTitle))),(this.lines.length>0||this.counter[o.DISTURBANCE_GLOBAL]>0)&&i(s,null,i("div",{class:"stzh-vbz-ticker__chips",role:"list"},this.lines.map((function(e){return i("div",{class:"stzh-vbz-ticker__chip",role:"listitem"},i("stzh-tooltip",{class:"stzh-vbz-ticker__tooltip"},i("stzh-vbz-linechip",{line:e.line,alert:e.alert}),i("div",{class:"stzh-vbz-ticker__tooltip-content",slot:"content"},e.disturbances.map((function(e){return t.renderDisturbance(e)})))))}))))),i("div",{class:"stzh-vbz-ticker__link"},i("slot",{name:"link"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{localization:["localizationWatcher"],api:["apiWatcher"],data:["dataWatcher"]}},enumerable:false,configurable:true});return t}());z.style=h}}}));

package/dist/stzh-components/{p-38b9e5e9.entry.js → p-f37be5d7.entry.js}

@@ -1 +1 @@
-import{r as s,c as e,h as t,a,g as i}from"./p-7a4c6adb.js";import{j as o}from"./p-24b8df26.js";import{f as r}from"./p-25a09313.js";import"./p-a6d4a8b1.js";const h=class{constructor(t){s(this,t),this.stzhOpen=e(this,"stzhOpen",7),this.stzhClose=e(this,"stzhClose",7),this.onCloseButtonClick=()=>{this.hide()},this.label="",this.description="",this.closeKey="",this.type="info",this.hideClose=!1,this.localization=void 0,this.open=!0}async show(){this.open=!0,this.stzhOpen.emit({component:"stzh-message"})}async hide(s=!0){this.open=!1,this.stzhClose.emit({component:"stzh-message"}),this.closeKey&&s&&o.set(`stzh-components-message-close-${this.closeKey}`,Date.now().toString())}async componentWillLoad(){this.closeKey&&o.get(`stzh-components-message-close-${this.closeKey}`)&&this.hide(!1),this.localization||(this.localization=await r(this.element,"message"))}render(){return t(a,{hidden:!this.open},t("div",{class:{"stzh-message":!0,"stzh-message--has-close-hidden":this.hideClose,[`stzh-message--type-${this.type}`]:!!this.type}},t("div",{class:"stzh-message__content"},t("div",{class:"stzh-message__icon-wrapper"},t("stzh-icon",{class:"stzh-message__icon",name:("info"===this.type?"info-help":"success"===this.type&&"checkmark-circle")||"warning"===this.type&&"warning"||"error"===this.type&&"important-warning"})),t("div",{class:"stzh-message__text-wrapper"},t("div",{class:"stzh-message__label"},this.label),t("div",{class:"stzh-message__description"},this.description?this.description:t("slot",null)),t("div",{class:"stzh-message__link"},t("slot",{name:"link"})))),!this.hideClose&&t("div",{class:"stzh-message__close"},t("button",{class:"stzh-message__close-button",onClick:this.onCloseButtonClick,"aria-label":this.localization.close,type:"button"},t("stzh-icon",{class:"stzh-message__close-icon",name:"close"})))))}get element(){return i(this)}};h.style=".sc-stzh-message-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-message-h{display:none}.sc-stzh-message-h *.sc-stzh-message,.sc-stzh-message-h *.sc-stzh-message::before,.sc-stzh-message-h *.sc-stzh-message::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-message-h{--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--close-color:var(--stzh-base-lead-color);--label-color:var(--stzh-base-color);--description-color:var(--stzh-base-color);--priority-high-link-color:var(--stzh-base-invert-color);--priority-high-link-hover-color:var(--stzh-base-invert-color)}[type=success].sc-stzh-message-h{--label-color:var(--stzh-color-truegreen);--icon-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-message-h{--label-color:var(--stzh-color-warning);--icon-color:var(--stzh-color-warning)}[type=error].sc-stzh-message-h{--label-color:var(--stzh-color-error);--icon-color:var(--stzh-color-error)}.stzh-message.sc-stzh-message{padding:var(--stzh-space-medium);position:relative;display:-ms-flexbox;display:flex;-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color)}@media screen and (min-width: 1024px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}}.stzh-message__icon-wrapper.sc-stzh-message{display:-ms-flexbox;display:flex}.stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-large);color:var(--icon-color)}@media screen and (min-width: 600px){.stzh-message__text-wrapper.sc-stzh-message{-ms-flex-positive:1;flex-grow:1;margin-left:var(--stzh-space-small)}}.stzh-message__label.sc-stzh-message{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);margin-top:var(--stzh-space-small);color:var(--label-color)}@media screen and (min-width: 1024px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-message__label.sc-stzh-message{margin-top:0}}.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--description-color)}@media screen and (min-width: 1024px){.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-large)}}.stzh-message__description.sc-stzh-message:empty+.stzh-message__link.sc-stzh-message{margin-top:0}.stzh-message__close.sc-stzh-message{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-message__close.sc-stzh-message{margin-left:var(--stzh-space-small)}}.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-medium);right:var(--stzh-space-medium);position:absolute;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-message__close-button.sc-stzh-message{position:initial;top:initial;right:initial}}.stzh-message__close-icon.sc-stzh-message{--size:var(--stzh-icon-size-medium);color:var(--close-color)}";export{h as stzh_message}
+import{r as s,c as e,h as t,a,g as i}from"./p-9a5ebb1f.js";import{j as o}from"./p-24b8df26.js";import{f as r}from"./p-25a09313.js";import"./p-a6d4a8b1.js";const h=class{constructor(t){s(this,t),this.stzhOpen=e(this,"stzhOpen",7),this.stzhClose=e(this,"stzhClose",7),this.onCloseButtonClick=()=>{this.hide()},this.label="",this.description="",this.closeKey="",this.type="info",this.hideClose=!1,this.localization=void 0,this.open=!0}async show(){this.open=!0,this.stzhOpen.emit({component:"stzh-message"})}async hide(s=!0){this.open=!1,this.stzhClose.emit({component:"stzh-message"}),this.closeKey&&s&&o.set(`stzh-components-message-close-${this.closeKey}`,Date.now().toString())}async componentWillLoad(){this.closeKey&&o.get(`stzh-components-message-close-${this.closeKey}`)&&this.hide(!1),this.localization||(this.localization=await r(this.element,"message"))}render(){return t(a,{hidden:!this.open},t("div",{class:{"stzh-message":!0,"stzh-message--has-close-hidden":this.hideClose,[`stzh-message--type-${this.type}`]:!!this.type}},t("div",{class:"stzh-message__content"},t("div",{class:"stzh-message__icon-wrapper"},t("stzh-icon",{class:"stzh-message__icon",name:("info"===this.type?"info-help":"success"===this.type&&"checkmark-circle")||"warning"===this.type&&"warning"||"error"===this.type&&"important-warning"})),t("div",{class:"stzh-message__text-wrapper"},t("div",{class:"stzh-message__label"},this.label),t("div",{class:"stzh-message__description"},this.description?this.description:t("slot",null)),t("div",{class:"stzh-message__link"},t("slot",{name:"link"})))),!this.hideClose&&t("div",{class:"stzh-message__close"},t("button",{class:"stzh-message__close-button",onClick:this.onCloseButtonClick,"aria-label":this.localization.close,type:"button"},t("stzh-icon",{class:"stzh-message__close-icon",name:"close"})))))}get element(){return i(this)}};h.style=".sc-stzh-message-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-message-h{display:none}.sc-stzh-message-h *.sc-stzh-message,.sc-stzh-message-h *.sc-stzh-message::before,.sc-stzh-message-h *.sc-stzh-message::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-message-h{--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--close-color:var(--stzh-base-lead-color);--label-color:var(--stzh-base-color);--description-color:var(--stzh-base-color);--priority-high-link-color:var(--stzh-base-invert-color);--priority-high-link-hover-color:var(--stzh-base-invert-color)}[type=success].sc-stzh-message-h{--label-color:var(--stzh-color-truegreen);--icon-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-message-h{--label-color:var(--stzh-color-warning);--icon-color:var(--stzh-color-warning)}[type=error].sc-stzh-message-h{--label-color:var(--stzh-color-error);--icon-color:var(--stzh-color-error)}.stzh-message.sc-stzh-message{padding:var(--stzh-space-medium);position:relative;display:-ms-flexbox;display:flex;-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color)}@media screen and (min-width: 1024px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}}.stzh-message__icon-wrapper.sc-stzh-message{display:-ms-flexbox;display:flex}.stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-large);color:var(--icon-color)}@media screen and (min-width: 600px){.stzh-message__text-wrapper.sc-stzh-message{-ms-flex-positive:1;flex-grow:1;margin-left:var(--stzh-space-small)}}.stzh-message__label.sc-stzh-message{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);margin-top:var(--stzh-space-small);color:var(--label-color)}@media screen and (min-width: 1024px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-message__label.sc-stzh-message{margin-top:0}}.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--description-color)}@media screen and (min-width: 1024px){.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-large)}}.stzh-message__description.sc-stzh-message:empty+.stzh-message__link.sc-stzh-message{margin-top:0}.stzh-message__close.sc-stzh-message{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-message__close.sc-stzh-message{margin-left:var(--stzh-space-small)}}.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-medium);right:var(--stzh-space-medium);position:absolute;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-message__close-button.sc-stzh-message{position:initial;top:initial;right:initial}}.stzh-message__close-icon.sc-stzh-message{--size:var(--stzh-icon-size-medium);color:var(--close-color)}";export{h as stzh_message}