@oiz/stzh-components 2.2.0-beta → 2.2.0

package/dist/stzh-components/assets/i18n/de.json

@@ -44,13 +44,15 @@
     "selectedDateMessage": "Ausgewähltes Datum ist"
   },
   "popover": {
-    "close": "Schliessen"
+    "open": "Menü öffnen",
+    "close": "Menü schliessen"
   },
   "tooltip": {
-    "close": "Schliessen"
+    "open": "Tooltip öffnen",
+    "close": "Tooltip schliessen"
   },
   "dialog": {
-    "close": "Schliessen"
+    "close": "Dialog schliessen"
   },
   "dropdown": {
     "create": "<strong>{x}</strong> hinzufügen",
@@ -114,7 +116,8 @@
     "moved": "Item {title}, neue Position in der Liste: {current} von {total}"
   },
   "datamessagelist-item": {
-    "actionsPopoverLabel": "Aktionen"
+    "actionsPopoverLabel": "Aktionen",
+    "unread": "Ungelesen" 
   },
   "actionset": {
     "actions": "Aktionen",
@@ -125,8 +128,8 @@
     "actionsPopoverLabel": "Aktionen",
     "actionMoveUp": "Kachel nach oben schieben",
     "actionMoveDown": "Kachel nach unten schieben",
-    "actionAdd": "Zu «Meine Services» hinzufügen",
-    "actionRemove": "Aus «Meine Services» entfernen"
+    "actionAdd": "Zu Favoriten hinzufügen",
+    "actionRemove": "Aus Favoriten entfernen"
   },
   "card-list": {
     "expandAll": "alle aufklappen",

package/dist/stzh-components/assets/i18n/en.json

@@ -44,13 +44,15 @@
     "selectedDateMessage": "Selected date is"
   },
   "popover": {
-    "close": "Close"
+    "open": "Open menu",
+    "close": "Close menu"
   },
   "tooltip": {
-    "close": "Close"
+    "open": "Open tooltip",
+    "close": "Close tooltip"
   },
   "dialog": {
-    "close": "Close"
+    "close": "Close dialog"
   },
   "dropdown": {
     "create": "Add <strong>{x}</strong>",
@@ -95,7 +97,7 @@
   },
   "ghettobox": {
     "hiddenTitle": "Event alert",
-    "close": "Closee"
+    "close": "Close"
   },
   "datatable": {
     "searchLabel": "Filter table"
@@ -114,7 +116,8 @@
     "moved": "Item {title}, new position in list: {current} of {total}"
   },
   "datamessagelist-item": {
-    "actionsPopoverLabel": "Actions"
+    "actionsPopoverLabel": "Actions",
+    "unread": "Unread" 
   },
   "actionset": {
     "actions": "Actions",
@@ -125,8 +128,8 @@
     "actionsPopoverLabel": "Actions",
     "actionMoveUp": "Move card up",
     "actionMoveDown": "Move card down",
-    "actionAdd": "Add to «My Services»",
-    "actionRemove": "Remove from «My Services»"
+    "actionAdd": "Add to favorites",
+    "actionRemove": "Remove from favorites"
   },
   "card-list": {
     "expandAll": "expand all",

package/dist/stzh-components/p-06d9b884.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,o,e,s){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function i(t){try{h(s.next(t))}catch(o){r(o)}}function a(t){try{h(s["throw"](t))}catch(o){r(o)}}function h(t){t.done?e(t.value):n(t.value).then(i,a)}h((s=s.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(o){return h([t,o])}}function h(i){if(s)throw new TypeError("Generator is already executing.");while(e)try{if(s=1,n&&(r=i[0]&2?n["return"]:i[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;if(n=0,r)i=[i[0]&2,r.value];switch(i[0]){case 0:case 1:r=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;n=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!r||i[1]>r[0]&&i[1]<r[3])){e.label=i[1];break}if(i[0]===6&&e.label<r[1]){e.label=r[1];r=i;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(i);break}if(r[2])e.ops.pop();e.trys.pop();continue}i=o.call(t,e)}catch(a){i=[6,a];n=0}finally{s=r=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-dbdc01c7.system.js","./p-791bc813.system.js"],(function(t){"use strict";var o,e,s,n,r,i,a;return{setters:[function(t){o=t.r;e=t.h;s=t.a;n=t.c;r=t.F;i=t.g},function(t){a=t.h}],execute:function(){var h=".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);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;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";var c=t("stzh_badge",function(){function t(t){o(this,t);this.label="";this.type="default"}t.prototype.render=function(){var t;var o=(t={"stzh-badge":true},t["stzh-badge--type-".concat(this.type)]=!!this.type,t);return e(s,null,e("div",{class:o},this.label))};return t}());c.style=h;var l='@charset "UTF-8";.sc-stzh-button-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-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:var(--stzh-space-xxsmall) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{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);font-family:inherit;position:relative;z-index:0;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);border:0.0625rem solid var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);height:var(--height);border-radius:var(--stzh-button-border-radius);text-align:left}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{white-space:nowrap}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:""}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';var b=t("stzh_button",function(){function t(t){var e=this;o(this,t);this.stzhFocus=n(this,"stzhFocus",7);this.stzhBlur=n(this,"stzhBlur",7);this.stzhChange=n(this,"stzhChange",7);this.onInput=function(t){e.checked=e.input.checked;e.stzhChange.emit({component:"stzh-button",originalEvent:t,value:e.value,checked:e.checked})};this.onFocus=function(t){var o=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(o);e.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=function(t){var o=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(o);e.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=function(t){if(e.disabled){t.stopPropagation();t.preventDefault()}};this.badge="";this.badgeType="default";this.badgePosition="button";this.badgeEmpty=false;this.fullwidth=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.rel=undefined;this.target="";this.download=undefined;this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.linkAccesskey=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.a11yExpanded=undefined;this.a11yControls=undefined}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus();return[2]}))}))};t.prototype.renderIcon=function(t){return e("div",{class:"stzh-button__icon-wrapper"},this.icon?e("stzh-icon",{class:"stzh-button__icon",name:this.icon}):e("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&this.badgePosition==="icon"&&t&&e("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))};t.prototype.renderContent=function(){return e("div",{class:"stzh-button__text"},this.label?this.label:e("slot",null))};t.prototype.renderInner=function(t){return e(r,null,e("div",{class:"stzh-button__inner",onClick:this.onClick},this.type==="radio"&&e("div",{class:"stzh-button__mark"},e("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),(this.badge||this.badgeEmpty)&&(this.badgePosition==="button"||!t)&&e("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType,onClick:this.onClick}))};t.prototype.render=function(){var t;var o=this;var n=a(this.element,"icon")||!!this.icon;var r=(t={"stzh-button":true,"stzh-button--has-icon":n,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-fullwidth":this.fullwidth,"stzh-button--is-disabled":this.disabled,"stzh-button--is-active":this.active},t["stzh-button--effect-".concat(this.effect)]=!!this.effect,t["stzh-button--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-button--align-".concat(this.textAlign)]=!!this.textAlign,t["stzh-button--size-".concat(this.size)]=!!this.size,t["stzh-button--type-".concat(this.type)]=!!this.type,t["stzh-button--".concat(this.variant)]=!!this.variant,t);return e(s,null,this.href?e("a",{ref:function(t){return o.button=t},href:this.disabled?null:this.href,rel:this.rel,download:this.download,target:this.target,class:r,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(n)):this.type==="radio"?e("label",{ref:function(t){return o.button=t},class:r,onClick:this.onClick},e("input",{ref:function(t){return o.input=t},type:"radio",class:"stzh-button__input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(n)):e("button",{ref:function(t){return o.button=t},class:r,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(n)))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());b.style=l;var u=".sc-stzh-icon-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-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";var z=0;var d=t("stzh_icon",function(){function t(t){o(this,t);this.name="";this.a11yTitle=""}t.prototype.componentWillLoad=function(){this.iconId="stzh-icon-".concat(z++)};t.prototype.render=function(){return e(s,null,this.name&&e("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation","aria-hidden":this.a11yTitle?null:"true",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?"".concat(this.iconId,"-title"):null},this.a11yTitle&&e("title",{id:"".concat(this.iconId,"-title")},this.a11yTitle),e("use",{href:"#stzh-icon-".concat(this.name)})))};return t}());d.style=u}}}));

package/dist/stzh-components/{p-1da26ca1.entry.js → p-0743d7fa.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,a as i,g as o}from"./p-9a5ebb1f.js";import{p as e}from"./p-2a5855f8.js";const n=class{constructor(s){t(this,s),this.container=document.body,this.previousTargetRect=null,this.repositionElement=()=>{this.target&&(this.position=this.getFloaterPosition())},this.handleTransitionEnd=()=>{this.moving=!1},this.monitorElementPosition=()=>{if(!this.target||!this.previousTargetRect||this.moving)return;const{left:t,top:s,width:i,height:o}=this.target.getBoundingClientRect(),{left:n,top:h,width:r,height:a}=this.previousTargetRect;t===n&&s===h&&i===r&&o===a||(e()||(this.moving=!0),this.repositionElement())},this.style={},this.position={},this.enabled=!1,this.visible=!1,this.helper=!1,this.moving=!1}handleKeydown(t){(9===t.keyCode||t.keyCode>36&&t.keyCode<41)&&this.enableFloatingFocus()}handleMousedown(){this.disableFloatingFocus()}handleFocus(t){let s=t.target;if(!this.container)return;if(s===this.element||!this.container.contains(s))return void this.handleBlur();this.visible=!0,this.helper=!0,e()||(this.moving=!0);const i=s.getAttribute("focus-target");i&&(s=document.querySelector(`#${i}`)||s),this.target=s,this.target.classList.remove("stzh-fylingfocus-focused"),this.target.classList.add("has-focus"),this.resolveTargetOutlineStyle(),this.repositionElement(),this.target.classList.add("stzh-fylingfocus-focused"),clearTimeout(this.helperFadeTimeout),this.helperFadeTimeout=setTimeout((()=>this.helper=!1),400)}handleBlur(){this.visible=!1,this.helper=!1,e()||(this.moving=!1),this.target&&(this.target.classList.remove("stzh-fylingfocus-focused"),this.target.classList.remove("has-focus"))}handleScrollResize(){this.debounceScroll&&window.cancelAnimationFrame(this.debounceScroll),this.debounceScroll=requestAnimationFrame(this.repositionElement)}async reposition(){this.repositionElement()}getOffsetBorderRadius(t,s,i){return t=parseFloat(t),s=parseFloat(s),i=parseFloat(i),0===t?"0px":`${t+i+(s=Math.max(s,0))}px`}resolveTargetOutlineStyle(){const t=window.getComputedStyle(this.target),s=t.outlineOffset||null;let i=t.outlineWidth||null;this.style={color:t.outlineColor,borderStyle:t.outlineStyle,borderWidth:i,borderBottomLeftRadius:this.getOffsetBorderRadius(t.borderBottomLeftRadius,s,i),borderBottomRightRadius:this.getOffsetBorderRadius(t.borderBottomRightRadius,s,i),borderTopLeftRadius:this.getOffsetBorderRadius(t.borderTopLeftRadius,s,i),borderTopRightRadius:this.getOffsetBorderRadius(t.borderTopRightRadius,s,i)}}getFloaterPosition(){const t=window.getComputedStyle(this.target),s=parseFloat(t.outlineOffset||"0px"),i=this.target.getBoundingClientRect();this.previousTargetRect=i;const o=i.width+2*s,e=i.height+2*s;return{left:window.scrollX+i.left-s+o/2+"px",top:window.scrollY+i.top-s+e/2+"px",width:`${o}px`,height:`${e}px`}}enableFloatingFocus(){this.container.classList.add("stzh-flyingfocus-enabled"),this.enabled=!0,clearInterval(this.monitorElementPositionInterval),this.monitorElementPositionInterval=setInterval(this.monitorElementPosition,250)}disableFloatingFocus(){this.container.classList.remove("stzh-flyingfocus-enabled"),this.enabled=!1,clearInterval(this.monitorElementPositionInterval)}render(){const t={"stzh-flyingfocus":!0,"stzh-flyingfocus--is-enabled":this.enabled,"stzh-flyingfocus--is-visible":this.visible,"stzh-flyingfocus--is-moving":this.moving,"stzh-flyingfocus--has-helper":this.helper},o=Object.assign(Object.assign({},this.style),this.position);return s(i,null,s("div",{class:t,style:o,onTransitionEnd:this.moving?this.handleTransitionEnd:null}))}get element(){return o(this)}};n.style='.sc-stzh-flyingfocus-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-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;-webkit-box-sizing:content-box;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:9999999999}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{-webkit-transition-property:opacity, left, top, width, height, border-width, border-radius;transition-property:opacity, left, top, width, height, border-width, border-radius;-webkit-transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;-webkit-transition-timing-function:linear, ease, ease, ease, ease, ease, ease;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{-webkit-transition:none;transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{-webkit-transition:none;transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{-webkit-transition-duration:0.1s;transition-duration:0.1s;opacity:0.16}';export{n as stzh_flyingfocus}
+import{r as t,h as s,a as i,g as o}from"./p-9a5ebb1f.js";import{p as e}from"./p-5011f10c.js";const n=class{constructor(s){t(this,s),this.container=document.body,this.previousTargetRect=null,this.repositionElement=()=>{this.target&&(this.position=this.getFloaterPosition())},this.handleTransitionEnd=()=>{this.moving=!1},this.monitorElementPosition=()=>{if(!this.target||!this.previousTargetRect||this.moving)return;const{left:t,top:s,width:i,height:o}=this.target.getBoundingClientRect(),{left:n,top:h,width:r,height:a}=this.previousTargetRect;t===n&&s===h&&i===r&&o===a||(e()||(this.moving=!0),this.repositionElement())},this.style={},this.position={},this.enabled=!1,this.visible=!1,this.helper=!1,this.moving=!1}handleKeydown(t){(9===t.keyCode||t.keyCode>36&&t.keyCode<41)&&this.enableFloatingFocus()}handleMousedown(){this.disableFloatingFocus()}handleFocus(t){let s=t.target;if(!this.container)return;if(s===this.element||!this.container.contains(s))return void this.handleBlur();this.visible=!0,this.helper=!0,e()||(this.moving=!0);const i=s.getAttribute("focus-target");i&&(s=document.querySelector(`#${i}`)||s),this.target=s,this.target.classList.remove("stzh-fylingfocus-focused"),this.target.classList.add("has-focus"),this.resolveTargetOutlineStyle(),this.repositionElement(),this.target.classList.add("stzh-fylingfocus-focused"),clearTimeout(this.helperFadeTimeout),this.helperFadeTimeout=setTimeout((()=>this.helper=!1),400)}handleBlur(){this.visible=!1,this.helper=!1,e()||(this.moving=!1),this.target&&(this.target.classList.remove("stzh-fylingfocus-focused"),this.target.classList.remove("has-focus"))}handleScrollResize(){this.debounceScroll&&window.cancelAnimationFrame(this.debounceScroll),this.debounceScroll=requestAnimationFrame(this.repositionElement)}async reposition(){this.repositionElement()}getOffsetBorderRadius(t,s,i){return t=parseFloat(t),s=parseFloat(s),i=parseFloat(i),0===t?"0px":`${t+i+(s=Math.max(s,0))}px`}resolveTargetOutlineStyle(){const t=window.getComputedStyle(this.target),s=t.outlineOffset||null;let i=t.outlineWidth||null;this.style={color:t.outlineColor,borderStyle:t.outlineStyle,borderWidth:i,borderBottomLeftRadius:this.getOffsetBorderRadius(t.borderBottomLeftRadius,s,i),borderBottomRightRadius:this.getOffsetBorderRadius(t.borderBottomRightRadius,s,i),borderTopLeftRadius:this.getOffsetBorderRadius(t.borderTopLeftRadius,s,i),borderTopRightRadius:this.getOffsetBorderRadius(t.borderTopRightRadius,s,i)}}getFloaterPosition(){const t=window.getComputedStyle(this.target),s=parseFloat(t.outlineOffset||"0px"),i=this.target.getBoundingClientRect();this.previousTargetRect=i;const o=i.width+2*s,e=i.height+2*s;return{left:window.scrollX+i.left-s+o/2+"px",top:window.scrollY+i.top-s+e/2+"px",width:`${o}px`,height:`${e}px`}}enableFloatingFocus(){this.container.classList.add("stzh-flyingfocus-enabled"),this.enabled=!0,clearInterval(this.monitorElementPositionInterval),this.monitorElementPositionInterval=setInterval(this.monitorElementPosition,250)}disableFloatingFocus(){this.container.classList.remove("stzh-flyingfocus-enabled"),this.enabled=!1,clearInterval(this.monitorElementPositionInterval)}render(){const t={"stzh-flyingfocus":!0,"stzh-flyingfocus--is-enabled":this.enabled,"stzh-flyingfocus--is-visible":this.visible,"stzh-flyingfocus--is-moving":this.moving,"stzh-flyingfocus--has-helper":this.helper},o=Object.assign(Object.assign({},this.style),this.position);return s(i,null,s("div",{class:t,style:o,onTransitionEnd:this.moving?this.handleTransitionEnd:null}))}get element(){return o(this)}};n.style='.sc-stzh-flyingfocus-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-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;-webkit-box-sizing:content-box;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:9999999999}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{-webkit-transition-property:opacity, left, top, width, height, border-width, border-radius;transition-property:opacity, left, top, width, height, border-width, border-radius;-webkit-transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;-webkit-transition-timing-function:linear, ease, ease, ease, ease, ease, ease;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{-webkit-transition:none;transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{-webkit-transition:none;transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{-webkit-transition-duration:0.1s;transition-duration:0.1s;opacity:0.16}';export{n as stzh_flyingfocus}

package/dist/stzh-components/p-0850a2e1.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,s,a){function i(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,n){function l(t){try{r(a.next(t))}catch(e){n(e)}}function m(t){try{r(a["throw"](t))}catch(e){n(e)}}function r(t){t.done?s(t.value):i(t.value).then(l,m)}r((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,i,n,l;return l={next:m(0),throw:m(1),return:m(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function m(t){return function(e){return r([t,e])}}function r(l){if(a)throw new TypeError("Generator is already executing.");while(s)try{if(a=1,i&&(n=l[0]&2?i["return"]:l[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,l[1])).done)return n;if(i=0,n)l=[l[0]&2,n.value];switch(l[0]){case 0:case 1:n=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;i=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(n=s.trys,n=n.length>0&&n[n.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!n||l[1]>n[0]&&l[1]<n[3])){s.label=l[1];break}if(l[0]===6&&s.label<n[1]){s.label=n[1];n=l;break}if(n&&s.label<n[2]){s.label=n[2];s.ops.push(l);break}if(n[2])s.ops.pop();s.trys.pop();continue}l=e.call(t,s)}catch(m){l=[6,m];i=0}finally{a=n=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-dbdc01c7.system.js","./p-a408bfba.system.js"],(function(t){"use strict";var e,s,a,i,n,l;return{setters:[function(t){e=t.r;s=t.c;a=t.h;i=t.a;n=t.g},function(t){l=t.f}],execute:function(){var m='.sc-stzh-datamessagelist-item-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-item-h{display:none}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium);display:-ms-flexbox;display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xlarge)}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{-ms-flex-positive:1;flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{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-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--stzh-base-lead-color);margin:0}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:inherit;text-decoration:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{background-color:var(--stzh-color-primary4)}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);-ms-flex-pack:center;justify-content:center}}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{border-left:0.3125rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{border-left-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}';var r=t("stzh_datamessagelist_item",function(){function t(t){var a=this;e(this,t);this.stzhClick=s(this,"stzhClick",7);this.stzhActionClick=s(this,"stzhActionClick",7);this.actionClick=function(t,e){a.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:e})};this.itemClick=function(t){a.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t})};this.localization=undefined;this.heading="";this.unread=false;this.href="";this.description="";this.externalHref="";this.loadingStatus=undefined;this.meta=undefined;this.actions=undefined;this.tags=undefined}t.prototype.loadingStatusWatcher=function(t){if(typeof t==="string"){this._loadingStatus=JSON.parse(t)}else{this._loadingStatus=t}};t.prototype.metaWatcher=function(t){if(typeof t==="string"){this._meta=JSON.parse(t)}else{this._meta=t}};t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.tagsWatcher=function(t){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}};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.loadingStatusWatcher(this.loadingStatus);this.metaWatcher(this.meta);this.actionsWatcher(this.actions);this.tagsWatcher(this.tags);if(!!this.localization)return[3,2];t=this;return[4,l(this.element,"datamessagelist-item")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e={"stzh-datamessagelist-item":true,"stzh-datamessagelist-item--is-unread":this.unread};return a(i,{role:"listitem"},a("article",{class:e},a("div",{class:"stzh-datamessagelist-item__content"},a("div",{class:"stzh-datamessagelist-item__text"},a("h3",{class:"stzh-datamessagelist-item__heading"},a("a",{class:"stzh-datamessagelist-item__heading-link",href:this.href,onClick:this.itemClick},this.unread&&a("span",{class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&a("div",{class:"stzh-datamessagelist-item__description"},a("stzh-clamp",{lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&a("div",{class:"stzh-datamessagelist-item__meta-wrapper"},a("ul",{class:"stzh-datamessagelist-item__meta"},this._meta.map((function(t){return a("li",{class:"stzh-datamessagelist-item__meta-item"},a("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),a("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))}))))),this._loadingStatus&&a("stzh-status",{class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:true}),this._tags&&this._tags.length>0&&a("div",{class:"stzh-datamessagelist-item__tags-wrapper"},a("div",{class:"stzh-datamessagelist-item__tags"},this._tags.map((function(t){return a("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",type:t.type,icon:t.icon,label:t.label})}))))),a("div",{class:"stzh-datamessagelist-item__actions"},this.externalHref&&a("stzh-button",{href:this.externalHref,variant:"tertiary",icon:"external-link",size:"tiny",iconOnly:true}),this._actions&&this._actions.length>0&&a("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},a("stzh-button",{variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:true}),a("stzh-menu",{slot:"content"},this._actions.map((function(e){return a("stzh-menu-item",{icon:e.icon,badge:e.badge,onClick:function(s){t.actionClick(e,s)}},e.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}},enumerable:false,configurable:true});return t}());r.style=m}}}));