@oiz/stzh-components 2.0.0-beta → 2.1.0-alpha

package/dist/esm/stzh-datalist.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-2915b467.js';
 
 const stzhDatalistCss = ".sc-stzh-datalist-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-datalist-h{display:none}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-datalist__list-item.sc-stzh-datalist{position:relative}.stzh-datalist__list.sc-stzh-datalist{width:100%}.stzh-datalist__value.sc-stzh-datalist{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-color-black)}.stzh-datalist__label.sc-stzh-datalist,.stzh-datalist__meta.sc-stzh-datalist{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-datalist__action.sc-stzh-datalist{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;color:inherit;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist__action.sc-stzh-datalist:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}";
 
@@ -6,25 +6,6 @@ const StzhDatalist = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.stzhItemActionClick = createEvent(this, "stzhItemActionClick", 7);
-    /** Direction */
-    this.direction = "vertical";
-    /** Direction above small breakpoint */
-    this.directionSmall = "horizontal";
-    /** Direction above medium breakpoint  */
-    this.directionMedium = "inherit";
-    /** Direction above large breakpoint  */
-    this.directionLarge = "inherit";
-    /** Direction above ultra breakpoint  */
-    this.directionUltra = "inherit";
-    /** Hide border lines between items */
-    this.hideBorder = false;
-    /**
-     * Items in datalist
-     * Array of objects that must at least include `value` attribute.
-     * Can optionally contain `label`, `meta`, `icon`, `href` attribute:
-     * `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2"}]`
-     */
-    this.items = [];
     this._items = [];
     this.actionClick = (originalEvent, item) => {
       this.stzhItemActionClick.emit({
@@ -33,6 +14,13 @@ const StzhDatalist = class {
         item
       });
     };
+    this.direction = "vertical";
+    this.directionSmall = "horizontal";
+    this.directionMedium = "inherit";
+    this.directionLarge = "inherit";
+    this.directionUltra = "inherit";
+    this.hideBorder = false;
+    this.items = [];
   }
   itemsWatcher(newValue) {
     if (typeof newValue === "string") {

package/dist/esm/stzh-datamessagelist-item.entry.js

@@ -1,23 +1,13 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-84f71a43.js';
+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';
 
-const stzhDatamessagelistItemCss = ".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-medium);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: 600px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxlarge)}}@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__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);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@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)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{-webkit-line-clamp:1;line-clamp:1}}.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))}";
+const stzhDatamessagelistItemCss = ".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__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);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@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)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{-webkit-line-clamp:1;line-clamp:1}}.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))}";
 
 const StzhDatamessagelistItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.stzhClick = createEvent(this, "stzhClick", 7);
     this.stzhActionClick = createEvent(this, "stzhActionClick", 7);
-    /** Heading */
-    this.heading = "";
-    /** Whether item should be displayed in unread state */
-    this.unread = false;
-    /** URL the item should link to */
-    this.href = "";
-    /** Description */
-    this.description = "";
-    /** External href */
-    this.externalHref = "";
     this.actionClick = (action, originalEvent) => {
       this.stzhActionClick.emit({
         component: "stzh-datamessagelist-item",
@@ -31,6 +21,16 @@ const StzhDatamessagelistItem = class {
         originalEvent
       });
     };
+    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;
   }
   loadingStatusWatcher(newValue) {
     if (typeof newValue === "string") {

package/dist/esm/stzh-datamessagelist.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-2915b467.js';
 
 const stzhDatamessagelistCss = ".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)}.stzh-datamessagelist.sc-stzh-datamessagelist{border:0.0625rem solid var(--stzh-base-border-color)}";
 

package/dist/esm/stzh-datatable.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-2915b467.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-ba3f0406.js';
 import { f as fetchTranslations } from './translation-utils-2623783f.js';
 
@@ -38,31 +38,11 @@ t.searchCache=oa;t.export=function(a,b,c,d,e){e||(e=0);d||(d=0);if(d<this.h.leng
 t.import=function(a,b){if(b)switch(x(b)&&(b=JSON.parse(b)),a){case "tag":this.l=b;break;case "reg":this.m=!1;this.register=b;for(let d=0,e;d<this.h.length;d++)e=this.index[this.h[d]],e.register=b,e.m=!1;break;case "store":this.store=b;break;default:a=a.split(".");const c=a[0];a=a[1];c&&a&&this.index[c].import(a,b);}};la(Q.prototype);var Ba={encode:Aa,F:!1,G:""};const Ca=[F("[\u00e0\u00e1\u00e2\u00e3\u00e4\u00e5]"),"a",F("[\u00e8\u00e9\u00ea\u00eb]"),"e",F("[\u00ec\u00ed\u00ee\u00ef]"),"i",F("[\u00f2\u00f3\u00f4\u00f5\u00f6\u0151]"),"o",F("[\u00f9\u00fa\u00fb\u00fc\u0171]"),"u",F("[\u00fd\u0177\u00ff]"),"y",F("\u00f1"),"n",F("[\u00e7c]"),"k",F("\u00df"),"s",F(" & ")," and "];function Aa(a){var b=a;b.normalize&&(b=b.normalize("NFD").replace(ea,""));return ca.call(this,b.toLowerCase(),!a.normalize&&Ca)}var Ea={encode:Da,F:!1,G:"strict"};const Fa=/[^a-z0-9]+/,Ga={b:"p",v:"f",w:"f",z:"s",x:"s","\u00df":"s",d:"t",n:"m",c:"k",g:"k",j:"k",q:"k",i:"e",y:"e",u:"o"};function Da(a){a=Aa.call(this,a).join(" ");const b=[];if(a){const c=a.split(Fa),d=c.length;for(let e=0,f,g=0;e<d;e++)if((a=c[e])&&(!this.filter||!this.filter[a])){f=a[0];let h=Ga[f]||f,k=h;for(let m=1;m<a.length;m++){f=a[m];const n=Ga[f]||f;n&&n!==k&&(h+=n,k=n);}b[g++]=h;}}return b}var Ia={encode:Ha,F:!1,G:""};const Ja=[F("ae"),"a",F("oe"),"o",F("sh"),"s",F("th"),"t",F("ph"),"f",F("pf"),"f",F("(?![aeo])h(?![aeo])"),"",F("(?!^[aeo])h(?!^[aeo])"),""];function Ha(a,b){a&&(a=Da.call(this,a).join(" "),2<a.length&&(a=E(a,Ja)),b||(1<a.length&&(a=ha(a)),a&&(a=a.split(" "))));return a}var La={encode:Ka,F:!1,G:""};const Ma=F("(?!\\b)[aeo]");function Ka(a){a&&(a=Ha.call(this,a,!0),1<a.length&&(a=a.replace(Ma,"")),1<a.length&&(a=ha(a)),a&&(a=a.split(" ")));return a}G["latin:default"]=ja;G["latin:simple"]=Ba;G["latin:balance"]=Ea;G["latin:advanced"]=Ia;G["latin:extra"]=La;const W=self;let Y;const Z={Index:K,Document:Q,Worker:O,registerCharset:function(a,b){G[a]=b;},registerLanguage:function(a,b){ka[a]=b;}};(Y=W.define)&&Y.amd?Y([],function(){return Z}):W.exports?W.exports=Z:W.FlexSearch=Z;}(commonjsGlobal));
 });
 
-const stzhDatatableCss = ":host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-datatable{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;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-datatable[hidden]{display:none}stzh-datatable *,stzh-datatable *::before,stzh-datatable *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-datatable{}.stzh-datatable__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datatable__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-datatable__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datatable__header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-datatable__header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.stzh-datatable__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-datatable__heading{margin-bottom:0}}.stzh-datatable__header .stzh-datatable__search{width:var(--stzh-table-input-width)}@media screen and (min-width: 1024px){.stzh-datatable__header .stzh-datatable__search{margin-left:var(--stzh-space-large)}}.stzh-datatable__outer-wrapper{position:relative}.stzh-datatable__outer-wrapper::before,.stzh-datatable__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:\"\";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-datatable__outer-wrapper::before{left:0}.stzh-datatable__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-datatable__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-datatable__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-datatable__sort-button:hover,.stzh-datatable__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datatable__sort-icon{opacity:0}.stzh-datatable__table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-datatable__thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-datatable__row:hover .stzh-datatable__cell{background-color:var(--stzh-color-grey5)}.stzh-datatable__cell{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);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-datatable__cell a{color:var(--stzh-link-color);-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-datatable__cell a:hover,.stzh-datatable__cell a:focus{color:var(--stzh-link-hover-color)}.stzh-datatable__cell b,.stzh-datatable__cell strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-datatable__cell i,.stzh-datatable__cell em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-datatable__cell.align-left{text-align:left}.stzh-datatable__cell.align-right{text-align:right}.stzh-datatable__cell.align-center{text-align:center}.stzh-datatable__cell.valign-auto{vertical-align:auto}.stzh-datatable__cell.valign-middle{vertical-align:middle}.stzh-datatable__cell.valign-bottom{vertical-align:bottom}.stzh-datatable__cell.nowrap{white-space:nowrap}.stzh-datatable__cell.is-sticky-left,.stzh-datatable__cell.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-datatable__cell.has-sticked{z-index:2}.stzh-datatable__cell.is-sticky-left{left:0}.stzh-datatable__cell.is-sticky-right{right:0}.stzh-datatable__cell.is-sticky-left::after,.stzh-datatable__cell.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:\"\";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-datatable__cell.is-sticky-left::after{right:0}.stzh-datatable__cell.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-datatable__cell.has-sticked.is-sticky-left::after,.stzh-datatable__cell.has-sticked.is-sticky-right::after{opacity:1}.stzh-datatable__cell--head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datatable__cell--head.is-sortable{padding:0}.stzh-datatable__cell.has-sorted .stzh-datatable__sort-icon{opacity:1}.stzh-datatable__cell.has-sorted-desc .stzh-datatable__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-datatable.has-scroll-left-shadow .stzh-datatable__outer-wrapper::before,.stzh-datatable.has-scroll-right-shadow .stzh-datatable__outer-wrapper::after{opacity:1}";
+const stzhDatatableCss = ":host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-datatable{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;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-datatable[hidden]{display:none}stzh-datatable *,stzh-datatable *::before,stzh-datatable *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-datatable{}.stzh-datatable__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datatable__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-datatable__header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-datatable__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datatable__header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-datatable__header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.stzh-datatable__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-datatable__heading{margin-bottom:0}}.stzh-datatable__header .stzh-datatable__search{width:var(--stzh-table-input-width)}@media screen and (min-width: 1024px){.stzh-datatable__header .stzh-datatable__search{margin-left:var(--stzh-space-large)}}.stzh-datatable__outer-wrapper{position:relative}.stzh-datatable__outer-wrapper::before,.stzh-datatable__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:\"\";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-datatable__outer-wrapper::before{left:0}.stzh-datatable__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-datatable__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-datatable__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-datatable__sort-button:hover,.stzh-datatable__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datatable__sort-icon{opacity:0}.stzh-datatable__table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-datatable__thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-datatable__row:hover .stzh-datatable__cell{background-color:var(--stzh-color-grey5)}.stzh-datatable__cell{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);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-datatable__cell a{color:var(--stzh-link-color);-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-datatable__cell a:hover,.stzh-datatable__cell a:focus{color:var(--stzh-link-hover-color)}.stzh-datatable__cell b,.stzh-datatable__cell strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-datatable__cell i,.stzh-datatable__cell em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-datatable__cell.align-left{text-align:left}.stzh-datatable__cell.align-right{text-align:right}.stzh-datatable__cell.align-center{text-align:center}.stzh-datatable__cell.valign-auto{vertical-align:auto}.stzh-datatable__cell.valign-middle{vertical-align:middle}.stzh-datatable__cell.valign-bottom{vertical-align:bottom}.stzh-datatable__cell.nowrap{white-space:nowrap}.stzh-datatable__cell.is-sticky-left,.stzh-datatable__cell.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-datatable__cell.has-sticked{z-index:2}.stzh-datatable__cell.is-sticky-left{left:0}.stzh-datatable__cell.is-sticky-right{right:0}.stzh-datatable__cell.is-sticky-left::after,.stzh-datatable__cell.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:\"\";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-datatable__cell.is-sticky-left::after{right:0}.stzh-datatable__cell.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-datatable__cell.has-sticked.is-sticky-left::after,.stzh-datatable__cell.has-sticked.is-sticky-right::after{opacity:1}.stzh-datatable__cell--head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datatable__cell--head.is-sortable{padding:0}.stzh-datatable__cell.has-sorted .stzh-datatable__sort-icon{opacity:1}.stzh-datatable__cell.has-sorted-desc .stzh-datatable__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-datatable.has-scroll-left-shadow .stzh-datatable__outer-wrapper::before,.stzh-datatable.has-scroll-right-shadow .stzh-datatable__outer-wrapper::after{opacity:1}";
 
 const StzhDatatable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Label */
-    this.label = "";
-    /** Sort by given column key */
-    this.sortBy = "";
-    /** Sort direction */
-    this.sortDirection = "asc";
-    /** Tokenize type */
-    this.tokenize = "forward";
-    /** ID field */
-    this.idField = "id";
-    /** Rows */
-    this.rows = [];
-    /** Columns */
-    this.columns = [];
-    this.query = "";
-    this.hasScrollLeft = false;
-    this.hasScrollRight = false;
-    this.isScrollable = false;
-    this.cellsStickyLeft = [];
-    this.cellsStickyRight = [];
     this.updateScrollStates = () => {
       if (!this.tableWrapper) {
         return;
@@ -105,6 +85,20 @@ const StzhDatatable = class {
     this.onInputChange = () => {
       this.query = this.input.value;
     };
+    this.localization = undefined;
+    this.label = "";
+    this.sortBy = "";
+    this.sortDirection = "asc";
+    this.tokenize = "forward";
+    this.idField = "id";
+    this.rows = [];
+    this.columns = [];
+    this.query = "";
+    this.hasScrollLeft = false;
+    this.hasScrollRight = false;
+    this.isScrollable = false;
+    this.cellsStickyLeft = [];
+    this.cellsStickyRight = [];
   }
   /** Toggle sort by a given column key like when clicking on a column header */
   async toggleSort(columnKey) {