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

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

@@ -1,230 +0,0 @@
-import { r as registerInstance, c as createEvent, i as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-0e6d34c6.js';
-import { h as hasSlot } from './utils-68a28fce.js';
-import { m as media } from './media-utils-9b041ceb.js';
-import { f as fetchTranslations } from './translation-utils-2623783f.js';
-
-const stzhServicecardCss = ".sc-stzh-servicecard-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-servicecard-h{display:none}.sc-stzh-servicecard-h *.sc-stzh-servicecard,.sc-stzh-servicecard-h *.sc-stzh-servicecard::before,.sc-stzh-servicecard-h *.sc-stzh-servicecard::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}.is-ghost.sc-stzh-servicecard-h::after,.is-ghost .sc-stzh-servicecard-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-ghost.sc-stzh-servicecard-h,.is-selected.sc-stzh-servicecard-h,.is-drag .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*{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)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table{border:0;border-spacing:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td,.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{padding:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*:not(:first-child){margin-top:var(--stzh-space-medium)}.stzh-servicecard.sc-stzh-servicecard{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-servicecard.sc-stzh-servicecard .show-medium.sc-stzh-servicecard{display:none}}@media screen and (min-width: 1024px){.stzh-servicecard.sc-stzh-servicecard .hide-medium.sc-stzh-servicecard{display:none}}.stzh-servicecard__dnd.sc-stzh-servicecard{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-servicecard__dnd.sc-stzh-servicecard{display:block}}@media screen and (min-width: 1260px){.stzh-servicecard__dnd.sc-stzh-servicecard{left:0.25rem;top:1.6875rem}}.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-large)}}.stzh-servicecard__header-left.sc-stzh-servicecard,.stzh-servicecard__header-right.sc-stzh-servicecard{display:-ms-flexbox;display:flex}.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-large)}}.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}.stzh-servicecard__left.sc-stzh-servicecard{-ms-flex-item-align:center;align-self:center}.stzh-servicecard__title-area.sc-stzh-servicecard{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-servicecard__title.sc-stzh-servicecard,.stzh-servicecard__subtitle.sc-stzh-servicecard{margin:0}.stzh-servicecard__title.sc-stzh-servicecard{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-servicecard__subtitle.sc-stzh-servicecard{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-servicecard__subtitle-text.sc-stzh-servicecard{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-servicecard__subtitle-text.sc-stzh-servicecard::after{content:\",\";position:absolute;left:0}.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__columns.sc-stzh-servicecard{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;margin-left:calc(var(--stzh-space-medium) / -1);margin-right:calc(var(--stzh-space-medium) / -1)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-left:calc(var(--stzh-space-large) / -1);margin-right:calc(var(--stzh-space-large) / -1)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-left:calc(var(--stzh-space-xlarge) / -1);margin-right:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 800px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 2;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{align-self:end;grid-column:2/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:not(:empty),.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard:not(:empty){margin-top:0}.stzh-servicecard__card-actions.sc-stzh-servicecard{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-servicecard__card-action[variant=tertiary].sc-stzh-servicecard{--color:var(--stzh-color-grey70)}.stzh-servicecard__card-action.is-button.sc-stzh-servicecard{--icon-size:var(--stzh-icon-size-small)}.stzh-servicecard__card-action.is-placeholder.sc-stzh-servicecard{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-servicecard__card-action-popover.sc-stzh-servicecard{--width:auto}@media screen and (min-width: 800px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-right.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:1/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{color:var(--stzh-color-error)}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-error)}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard{display:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard{display:block}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard{border-bottom:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:hover,.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";
-
-const StzhServicecard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.stzhCollapse = createEvent(this, "stzhCollapse", 7);
-    this.stzhSubtitleClick = createEvent(this, "stzhSubtitleClick", 7);
-    this.stzhStarClick = createEvent(this, "stzhStarClick", 7);
-    this.stzhActionClick = createEvent(this, "stzhActionClick", 7);
-    /** Whether card is collapsed or not */
-    this.collapsed = false;
-    /** Whether card was starred */
-    this.starred = false;
-    /** Whether card star is displayed */
-    this.starrable = false;
-    /** Heading */
-    this.heading = "";
-    /** Subtitle */
-    this.subtitle = "";
-    this._subtitles = [];
-    /** Card actions */
-    this.actions = [];
-    /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */
-    this.subtitleInteractive = false;
-    /** Type */
-    this.type = "default";
-    /** Middle column position variant (positioning behaviour on tablet) */
-    this.middleVariant = "to-right";
-    /** Set middle column vertical spacing */
-    this.middleVerticalSpacing = "default";
-    /** Set right column vertical spacing */
-    this.rightVerticalSpacing = "default";
-    /** Whether sorting should be disabled */
-    this.sortableDisabled = false;
-    /** Whether card is collapsible */
-    this.collapsible = false;
-    /** Whether movement menu items should be shown */
-    this.hideMovementActions = false;
-    this.nodeChange = (entries) => {
-      let changeInSlot = false;
-      entries.forEach((entry) => {
-        if (entry.target.closest('[slot]') || entry.target.hasAttribute('slot')) {
-          changeInSlot = true;
-        }
-      });
-      if (changeInSlot) {
-        forceUpdate(this.element);
-      }
-    };
-    this.update = () => {
-      if (!this.mainElement) {
-        return;
-      }
-      this.mainElement.classList.remove("stzh-servicecard--has-collapsed-header");
-      if (media('medium').matches) {
-        const headerWidth = this.headerElement.clientWidth;
-        const leftWidth = this.headerLeftElement.clientWidth;
-        const rightWidth = this.headerRightElement.clientWidth;
-        if (headerWidth - leftWidth <= rightWidth) {
-          this.mainElement.classList.add("stzh-servicecard--has-collapsed-header");
-        }
-      }
-    };
-    this.headerClick = (event) => {
-      if (!this.collapsible) {
-        return;
-      }
-      const filterTags = ["stzh-popover", "stzh-tooltip", "button", "a", "input", "select", "textarea", "iframe", "details", "label", "area"];
-      const composedPathTags = event.composedPath().map(element => { var _a; return (_a = element.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase(); });
-      const found = composedPathTags.some(r => filterTags.includes(r));
-      if (!found) {
-        this.collapsed = !this.collapsed;
-        this.stzhCollapse.emit({
-          component: "stzh-servicecard",
-          collapsed: this.collapsed
-        });
-      }
-    };
-    this.subtitleClick = () => {
-      if (this.subtitleInteractive) {
-        this.stzhSubtitleClick.emit({
-          component: "stzh-servicecard"
-        });
-      }
-    };
-    this.starToggleClick = () => {
-      this.stzhStarClick.emit({
-        component: "stzh-servicecard",
-        starred: this.starred
-      });
-    };
-    this.actionClick = (action) => {
-      this.stzhActionClick.emit({
-        component: "stzh-servicecard",
-        action
-      });
-    };
-    this.arrowUpClick = () => {
-      const sortable = this.element.closest("stzh-sortable");
-      if (sortable) {
-        const element = this.findSortableChildElement();
-        sortable.moveItem(element, "up");
-      }
-    };
-    this.arrowDownClick = () => {
-      const sortable = this.element.closest("stzh-sortable");
-      if (sortable) {
-        const element = this.findSortableChildElement();
-        sortable.moveItem(element, "down");
-      }
-    };
-  }
-  handleResize() {
-    if (this.debounceResize) {
-      window.cancelAnimationFrame(this.debounceResize);
-    }
-    this.debounceResize = requestAnimationFrame(this.update);
-  }
-  subtitleWatcher(newValue) {
-    if (typeof newValue === "string") {
-      try {
-        this._subtitles = JSON.parse(newValue);
-      }
-      catch (err) {
-        this._subtitles = [newValue];
-      }
-    }
-    else {
-      this._subtitles = newValue;
-    }
-  }
-  actionsWatcher(newValue) {
-    if (typeof newValue === "string") {
-      this._actions = JSON.parse(newValue);
-    }
-    else {
-      this._actions = newValue;
-    }
-  }
-  findSortableChildElement() {
-    const sortable = this.element.closest("stzh-sortable");
-    if (sortable) {
-      let element = this.element;
-      let sortableContainer = null;
-      if (typeof sortable.container === "function") {
-        sortableContainer = sortable.container();
-      }
-      else {
-        sortableContainer = sortable.container;
-      }
-      while (element.parentElement !== sortableContainer) {
-        element = element.parentElement;
-      }
-      return element;
-    }
-  }
-  async componentWillLoad() {
-    this.subtitleWatcher(this.subtitle);
-    this.actionsWatcher(this.actions);
-    if (!this.localization) {
-      this.localization = await fetchTranslations(this.element, "servicecard");
-    }
-  }
-  connectedCallback() {
-    this.observer = new MutationObserver(this.nodeChange);
-    this.observer.observe(this.element, {
-      childList: true,
-      subtree: true
-    });
-  }
-  disconnectedCallback() {
-    this.observer.disconnect();
-  }
-  render() {
-    const leftUsed = hasSlot(this.element, "left");
-    const middleUsed = hasSlot(this.element, "middle");
-    const rightUsed = hasSlot(this.element, "right");
-    const classes = {
-      "stzh-servicecard": true,
-      "stzh-servicecard--has-left": leftUsed,
-      "stzh-servicecard--has-middle": middleUsed,
-      "stzh-servicecard--has-right": rightUsed,
-      "stzh-servicecard--has-subtitle": !!this.subtitle,
-      "stzh-servicecard--has-subtitle-interactive": !!this.subtitle && this.subtitleInteractive,
-      "stzh-servicecard--is-collapsed": this.collapsed,
-      "stzh-servicecard--is-starred": this.starred,
-      [`stzh-servicecard--middle-${this.middleVariant}`]: !!this.middleVariant && middleUsed,
-      [`stzh-servicecard--type-${this.type}`]: !!this.type,
-    };
-    const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;
-    return (h(Host, { role: "listitem", "aria-label": this.heading }, h("article", { ref: (el) => (this.mainElement = el), class: classes }, h("stzh-icon", { class: "stzh-servicecard__dnd", name: "drag" }), h("header", { ref: (el) => (this.headerElement = el), class: "stzh-servicecard__header", onClick: this.headerClick }, h("div", { ref: (el) => (this.headerLeftElement = el), class: "stzh-servicecard__header-left" }, h("div", { class: "stzh-servicecard__title-area", "data-dashboardmknlist": "title" }, h("h3", { class: "stzh-servicecard__title", "data-dashboardmknlist": "dnd" }, this.heading), this._subtitles.length > 0 &&
-      h(Subtitle, { class: "stzh-servicecard__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-servicecard__subtitle-text" }, subtitle)))))), h("div", { ref: (el) => (this.headerRightElement = el), class: "stzh-servicecard__header-right" }, h("div", { class: "stzh-servicecard__card-actions" }, this._actions.map(action => (h("stzh-button", { class: {
-        "stzh-servicecard__card-action": true,
-        "is-button": true,
-        "show-medium": !action.onlyCollapseText,
-        "hide-when-collapsed": !action.onlyCollapseText,
-        "hide-text-when-collapsed": action.onlyCollapseText
-      }, icon: action.icon, badge: action.badge, variant: "tertiary", size: "tiny", badgePosition: "icon", onClick: () => { this.actionClick(action); } }, h("span", { class: {
-        "show-medium": action.onlyCollapseText,
-        "hide-when-collapsed": action.onlyCollapseText
-      } }, action.label)))), this.starrable &&
-      h("stzh-tooltip", null, h("stzh-button", { class: "stzh-servicecard__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)), h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-servicecard__card-action-popover" }, h("stzh-button", { class: "stzh-servicecard__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true }), h("stzh-menu", { slot: "content" }, this.starrable &&
-      h("stzh-menu-item", { icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd), this._actions.filter(action => !action.onlyCollapseText).map(action => (h("stzh-menu-item", { class: "hide-medium show-when-collapsed", icon: action.icon, badge: action.badge, onClick: () => { this.actionClick(action); } }, action.label))), (!this.sortableDisabled && !this.hideMovementActions) &&
-      h(Fragment, null, h("stzh-menu-item", { icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp), h("stzh-menu-item", { icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown))))))), h("div", { class: "stzh-servicecard__columns hide-when-collapsed" }, h("div", { class: {
-        "stzh-servicecard__column": true,
-        "is-left": true
-      } }, h("slot", { name: "left" })), h("div", { class: {
-        "stzh-servicecard__column": true,
-        "is-middle": true,
-        "has-no-spacing": this.middleVerticalSpacing === "none"
-      } }, h("slot", { name: "middle" })), h("div", { class: {
-        "stzh-servicecard__column": true,
-        "is-right": true,
-        "has-no-spacing": this.rightVerticalSpacing === "none"
-      } }, h("slot", { name: "right" }))))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "subtitle": ["subtitleWatcher"],
-    "actions": ["actionsWatcher"]
-  }; }
-};
-StzhServicecard.style = stzhServicecardCss;
-
-export { StzhServicecard as stzh_servicecard };

package/dist/esm-es5/app-globals-c42494e9.js

@@ -1 +0,0 @@
-var name="@oiz/stzh-components";var version="1.5.0-alpha";var packageName=name.substring(name.indexOf("/")+1);function applyAutofocus(){window.addEventListener("appload",(function(e){var o=document.querySelector("[autofocus]");if(o&&e.detail.namespace===packageName&&o.tagName.toLowerCase().indexOf("stzh-")===0&&"setFocus"in o){o.setFocus()}}))}function observeScrollbarWidth(){var e={threshold:1};var o=function(e){e.forEach((function(e){var o=0;if(e.intersectionRatio<1){o=window.innerWidth-document.body.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",o+"px")}))};var t=new IntersectionObserver(o,e);t.observe(document.body)}function appGlobalScript(){window.stzhComponents=Object.assign({version:version,labels:"fixed",cacheTranslations:true,pathTranslations:"/",formats:{}},window.stzhComponents||{});applyAutofocus();observeScrollbarWidth()}var globalScripts=appGlobalScript;export{globalScripts as g};

package/dist/esm-es5/stzh-servicecard-list.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,s,i){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,a){function l(t){try{n(i.next(t))}catch(e){a(e)}}function c(t){try{n(i["throw"](t))}catch(e){a(e)}}function n(t){t.done?s(t.value):r(t.value).then(l,c)}n((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(t){return function(e){return n([t,e])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){s.label=l[1];break}if(l[0]===6&&s.label<a[1]){s.label=a[1];a=l;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(l);break}if(a[2])s.ops.pop();s.trys.pop();continue}l=e.call(t,s)}catch(c){l=[6,c];r=0}finally{i=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{c as cloneElement}from"./utils-68a28fce.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhServicecardListCss=".sc-stzh-servicecard-list-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-servicecard-list-h{display:none}.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::before,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>stzh-text[slot=description]{--color:inherit}.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1024px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{-ms-flex-direction:row;flex-direction:row}}.stzh-servicecard-list__description.sc-stzh-servicecard-list{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-servicecard-list__description.sc-stzh-servicecard-list{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-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:0}}.stzh-servicecard-list__switch.sc-stzh-servicecard-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";var StzhServicecardList=function(){function t(t){var e=this;registerInstance(this,t);this.showToggleLink=false;this.sortableDisabled=false;this.sortableDataIdAttribute="data-id";this.sortableGhostClone=function(t){var e=cloneElement(t),s=e[0],i=e[1],r=e[2];if(i&&r&&i.tagName.toLowerCase()==="stzh-servicecard"){var a=i;var l=r;a.heading=l.heading;a.subtitle=l.subtitle;a.actions=l.actions;a.hideMovementActions=l.hideMovementActions}return s};this.allCollapsed=false;this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))}}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"servicecard-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t={"stzh-servicecard-list":true};return h(Host,null,h("div",{class:t},h("div",{class:"stzh-servicecard-list__header"},h("div",{class:"stzh-servicecard-list__description"},h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-servicecard-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:this.sortableDisabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},h("div",{class:"stzh-servicecard-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhServicecardList.style=stzhServicecardListCss;export{StzhServicecardList as stzh_servicecard_list};

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

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,s,t,r){function i(e){return e instanceof t?e:new t((function(s){s(e)}))}return new(t||(t=Promise))((function(t,a){function c(e){try{d(r.next(e))}catch(s){a(s)}}function n(e){try{d(r["throw"](e))}catch(s){a(s)}}function d(e){e.done?t(e.value):i(e.value).then(c,n)}d((r=r.apply(e,s||[])).next())}))};var __generator=this&&this.__generator||function(e,s){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(e){return function(s){return d([e,s])}}function d(c){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,i&&(a=c[0]&2?i["return"]:c[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,c[1])).done)return a;if(i=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){t.label=c[1];break}if(c[0]===6&&t.label<a[1]){t.label=a[1];a=c;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(c);break}if(a[2])t.ops.pop();t.trys.pop();continue}c=s.call(e,t)}catch(n){c=[6,n];i=0}finally{r=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,i as forceUpdate,h,F as Fragment,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-68a28fce.js";import{m as media}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhServicecardCss='.sc-stzh-servicecard-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-servicecard-h{display:none}.sc-stzh-servicecard-h *.sc-stzh-servicecard,.sc-stzh-servicecard-h *.sc-stzh-servicecard::before,.sc-stzh-servicecard-h *.sc-stzh-servicecard::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}.is-ghost.sc-stzh-servicecard-h::after,.is-ghost .sc-stzh-servicecard-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-ghost.sc-stzh-servicecard-h,.is-selected.sc-stzh-servicecard-h,.is-drag .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*{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)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table{border:0;border-spacing:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td,.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{padding:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*:not(:first-child){margin-top:var(--stzh-space-medium)}.stzh-servicecard.sc-stzh-servicecard{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-servicecard.sc-stzh-servicecard .show-medium.sc-stzh-servicecard{display:none}}@media screen and (min-width: 1024px){.stzh-servicecard.sc-stzh-servicecard .hide-medium.sc-stzh-servicecard{display:none}}.stzh-servicecard__dnd.sc-stzh-servicecard{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-servicecard__dnd.sc-stzh-servicecard{display:block}}@media screen and (min-width: 1260px){.stzh-servicecard__dnd.sc-stzh-servicecard{left:0.25rem;top:1.6875rem}}.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-large)}}.stzh-servicecard__header-left.sc-stzh-servicecard,.stzh-servicecard__header-right.sc-stzh-servicecard{display:-ms-flexbox;display:flex}.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-large)}}.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}.stzh-servicecard__left.sc-stzh-servicecard{-ms-flex-item-align:center;align-self:center}.stzh-servicecard__title-area.sc-stzh-servicecard{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-servicecard__title.sc-stzh-servicecard,.stzh-servicecard__subtitle.sc-stzh-servicecard{margin:0}.stzh-servicecard__title.sc-stzh-servicecard{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-servicecard__subtitle.sc-stzh-servicecard{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-servicecard__subtitle-text.sc-stzh-servicecard{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-servicecard__subtitle-text.sc-stzh-servicecard::after{content:",";position:absolute;left:0}.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__columns.sc-stzh-servicecard{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;margin-left:calc(var(--stzh-space-medium) / -1);margin-right:calc(var(--stzh-space-medium) / -1)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-left:calc(var(--stzh-space-large) / -1);margin-right:calc(var(--stzh-space-large) / -1)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-left:calc(var(--stzh-space-xlarge) / -1);margin-right:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 800px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 2;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{align-self:end;grid-column:2/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:not(:empty),.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard:not(:empty){margin-top:0}.stzh-servicecard__card-actions.sc-stzh-servicecard{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-servicecard__card-action[variant=tertiary].sc-stzh-servicecard{--color:var(--stzh-color-grey70)}.stzh-servicecard__card-action.is-button.sc-stzh-servicecard{--icon-size:var(--stzh-icon-size-small)}.stzh-servicecard__card-action.is-placeholder.sc-stzh-servicecard{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-servicecard__card-action-popover.sc-stzh-servicecard{--width:auto}@media screen and (min-width: 800px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-right.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:1/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{color:var(--stzh-color-error)}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-error)}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard{display:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard{display:block}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard{border-bottom:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:hover,.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}';var StzhServicecard=function(){function e(e){var s=this;registerInstance(this,e);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this.collapsed=false;this.starred=false;this.starrable=false;this.heading="";this.subtitle="";this._subtitles=[];this.actions=[];this.subtitleInteractive=false;this.type="default";this.middleVariant="to-right";this.middleVerticalSpacing="default";this.rightVerticalSpacing="default";this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.nodeChange=function(e){var t=false;e.forEach((function(e){if(e.target.closest("[slot]")||e.target.hasAttribute("slot")){t=true}}));if(t){forceUpdate(s.element)}};this.update=function(){if(!s.mainElement){return}s.mainElement.classList.remove("stzh-servicecard--has-collapsed-header");if(media("medium").matches){var e=s.headerElement.clientWidth;var t=s.headerLeftElement.clientWidth;var r=s.headerRightElement.clientWidth;if(e-t<=r){s.mainElement.classList.add("stzh-servicecard--has-collapsed-header")}}};this.headerClick=function(e){if(!s.collapsible){return}var t=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var r=e.composedPath().map((function(e){var s;return(s=e.tagName)===null||s===void 0?void 0:s.toLowerCase()}));var i=r.some((function(e){return t.includes(e)}));if(!i){s.collapsed=!s.collapsed;s.stzhCollapse.emit({component:"stzh-servicecard",collapsed:s.collapsed})}};this.subtitleClick=function(){if(s.subtitleInteractive){s.stzhSubtitleClick.emit({component:"stzh-servicecard"})}};this.starToggleClick=function(){s.stzhStarClick.emit({component:"stzh-servicecard",starred:s.starred})};this.actionClick=function(e){s.stzhActionClick.emit({component:"stzh-servicecard",action:e})};this.arrowUpClick=function(){var e=s.element.closest("stzh-sortable");if(e){var t=s.findSortableChildElement();e.moveItem(t,"up")}};this.arrowDownClick=function(){var e=s.element.closest("stzh-sortable");if(e){var t=s.findSortableChildElement();e.moveItem(t,"down")}}}e.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};e.prototype.subtitleWatcher=function(e){if(typeof e==="string"){try{this._subtitles=JSON.parse(e)}catch(s){this._subtitles=[e]}}else{this._subtitles=e}};e.prototype.actionsWatcher=function(e){if(typeof e==="string"){this._actions=JSON.parse(e)}else{this._actions=e}};e.prototype.findSortableChildElement=function(){var e=this.element.closest("stzh-sortable");if(e){var s=this.element;var t=null;if(typeof e.container==="function"){t=e.container()}else{t=e.container}while(s.parentElement!==t){s=s.parentElement}return s}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(s){switch(s.label){case 0:this.subtitleWatcher(this.subtitle);this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"servicecard")];case 1:e.localization=s.sent();s.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.observer=new MutationObserver(this.nodeChange);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.observer.disconnect()};e.prototype.render=function(){var e;var s=this;var t=hasSlot(this.element,"left");var r=hasSlot(this.element,"middle");var i=hasSlot(this.element,"right");var a=(e={"stzh-servicecard":true,"stzh-servicecard--has-left":t,"stzh-servicecard--has-middle":r,"stzh-servicecard--has-right":i,"stzh-servicecard--has-subtitle":!!this.subtitle,"stzh-servicecard--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-servicecard--is-collapsed":this.collapsed,"stzh-servicecard--is-starred":this.starred},e["stzh-servicecard--middle-".concat(this.middleVariant)]=!!this.middleVariant&&r,e["stzh-servicecard--type-".concat(this.type)]=!!this.type,e);var c="".concat(this.subtitleInteractive?"button":"span");return h(Host,{role:"listitem","aria-label":this.heading},h("article",{ref:function(e){return s.mainElement=e},class:a},h("stzh-icon",{class:"stzh-servicecard__dnd",name:"drag"}),h("header",{ref:function(e){return s.headerElement=e},class:"stzh-servicecard__header",onClick:this.headerClick},h("div",{ref:function(e){return s.headerLeftElement=e},class:"stzh-servicecard__header-left"},h("div",{class:"stzh-servicecard__title-area","data-dashboardmknlist":"title"},h("h3",{class:"stzh-servicecard__title","data-dashboardmknlist":"dnd"},this.heading),this._subtitles.length>0&&h(c,{class:"stzh-servicecard__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(e){return h("span",{class:"stzh-servicecard__subtitle-text"},e)}))))),h("div",{ref:function(e){return s.headerRightElement=e},class:"stzh-servicecard__header-right"},h("div",{class:"stzh-servicecard__card-actions"},this._actions.map((function(e){return h("stzh-button",{class:{"stzh-servicecard__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){s.actionClick(e)}},h("span",{class:{"show-medium":e.onlyCollapseText,"hide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-servicecard__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-servicecard__card-action-popover"},h("stzh-button",{class:"stzh-servicecard__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),this._actions.filter((function(e){return!e.onlyCollapseText})).map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,onClick:function(){s.actionClick(e)}},e.label)})),!this.sortableDisabled&&!this.hideMovementActions&&h(Fragment,null,h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-servicecard__columns hide-when-collapsed"},h("div",{class:{"stzh-servicecard__column":true,"is-left":true}},h("slot",{name:"left"})),h("div",{class:{"stzh-servicecard__column":true,"is-middle":true,"has-no-spacing":this.middleVerticalSpacing==="none"}},h("slot",{name:"middle"})),h("div",{class:{"stzh-servicecard__column":true,"is-right":true,"has-no-spacing":this.rightVerticalSpacing==="none"}},h("slot",{name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],actions:["actionsWatcher"]}},enumerable:false,configurable:true});return e}();StzhServicecard.style=stzhServicecardCss;export{StzhServicecard as stzh_servicecard};

package/dist/stzh-components/p-2b11d549.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,s,i){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,a){function l(t){try{n(i.next(t))}catch(e){a(e)}}function c(t){try{n(i["throw"](t))}catch(e){a(e)}}function n(t){t.done?s(t.value):r(t.value).then(l,c)}n((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(t){return function(e){return n([t,e])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){s.label=l[1];break}if(l[0]===6&&s.label<a[1]){s.label=a[1];a=l;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(l);break}if(a[2])s.ops.pop();s.trys.pop();continue}l=e.call(t,s)}catch(c){l=[6,c];r=0}finally{i=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-30b347ee.system.js","./p-0230004d.system.js","./p-a408bfba.system.js"],(function(t){"use strict";var e,s,i,r,a,l;return{setters:[function(t){e=t.r;s=t.h;i=t.a;r=t.g},function(t){a=t.c},function(t){l=t.f}],execute:function(){var c=".sc-stzh-servicecard-list-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-servicecard-list-h{display:none}.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::before,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>stzh-text[slot=description]{--color:inherit}.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1024px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{-ms-flex-direction:row;flex-direction:row}}.stzh-servicecard-list__description.sc-stzh-servicecard-list{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-servicecard-list__description.sc-stzh-servicecard-list{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-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:0}}.stzh-servicecard-list__switch.sc-stzh-servicecard-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";var n=t("stzh_servicecard_list",function(){function t(t){var s=this;e(this,t);this.showToggleLink=false;this.sortableDisabled=false;this.sortableDataIdAttribute="data-id";this.sortableGhostClone=function(t){var e=a(t),s=e[0],i=e[1],r=e[2];if(i&&r&&i.tagName.toLowerCase()==="stzh-servicecard"){var l=i;var c=r;l.heading=c.heading;l.subtitle=c.subtitle;l.actions=c.actions;l.hideMovementActions=c.hideMovementActions}return s};this.allCollapsed=false;this.collapseClick=function(){var t=Array.from(s.element.querySelectorAll("stzh-servicecard"));t.forEach((function(t){if(t.collapsible){t.collapsed=!s.allCollapsed}}));s.allCollapsed=!s.allCollapsed};this.updateCollapsedState=function(){var t=Array.from(s.element.querySelectorAll("stzh-servicecard"));s.allCollapsed=!t.some((function(t){return!t.collapsed}))}}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,l(this.element,"servicecard-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t={"stzh-servicecard-list":true};return s(i,null,s("div",{class:t},s("div",{class:"stzh-servicecard-list__header"},s("div",{class:"stzh-servicecard-list__description"},s("slot",{name:"description"})),this.showToggleLink&&s("stzh-link",{class:"stzh-servicecard-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),s("stzh-sortable",{disabled:this.sortableDisabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},s("div",{class:"stzh-servicecard-list__cards",role:"list"},s("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());n.style=c}}}));

package/dist/stzh-components/p-34190502.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,a as o,c as r,F as e,g as n}from"./p-65282c9d.js";import{h as i}from"./p-1f57d28e.js";const h=class{constructor(s){t(this,s),this.label=""}render(){return s(o,null,s("div",{class:"stzh-badge"},this.label))}};h.style=".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{display:-ms-inline-flexbox;display:inline-flex}.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(--stzh-color-shiraz);color:var(--stzh-color-white);text-transform:uppercase}";const a=class{constructor(s){t(this,s),this.stzhFocus=r(this,"stzhFocus",7),this.stzhBlur=r(this,"stzhBlur",7),this.badge="",this.badgePosition="button",this.fullwidth=!1,this.size="default",this.textAlign="default",this.variant="default",this.icon="",this.iconPosition="left",this.href="",this.target="",this.type="button",this.disabled=!1,this.active=!1,this.label="",this.effect="default",this.iconOnly=!1,this.a11yDescribedby="",this.onFocus=t=>{const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-button",originalEvent:t})},this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-button",originalEvent:t})},this.onClick=t=>{this.disabled&&(t.stopPropagation(),t.preventDefault())}}async setFocus(){this.button.focus()}renderIcon(t){return s("div",{class:"stzh-button__icon-wrapper"},this.icon?s("stzh-icon",{class:"stzh-button__icon",name:this.icon}):s("slot",{name:"icon"}),this.badge&&"icon"===this.badgePosition&&t&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge}))}renderContent(){return s("div",{class:"stzh-button__text"},this.label?this.label:s("slot",null))}renderInner(t){return s(e,null,s("div",{class:"stzh-button__inner",onClick:this.onClick},"left"===this.iconPosition&&this.renderIcon(t),this.renderContent(),"right"===this.iconPosition&&this.renderIcon(t)),this.badge&&("button"===this.badgePosition||!t)&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge,onClick:this.onClick}))}render(){const t=i(this.element,"icon")||!!this.icon,r={"stzh-button":!0,"stzh-button--fullwidth":this.fullwidth,"stzh-button--has-icon":t,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-disabled":this.disabled,"stzh-button--is-active":this.active,[`stzh-button--effect-${this.effect}`]:!!this.effect,[`stzh-button--badge-position-${this.badgePosition}`]:!!this.badgePosition,[`stzh-button--align-${this.textAlign}`]:!!this.textAlign,[`stzh-button--size-${this.size}`]:!!this.size,[`stzh-button--${this.variant}`]:!!this.variant};return s(o,null,this.href?s("a",{ref:t=>this.button=t,href:this.disabled?null:this.href,target:this.target,class:r,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)):s("button",{ref:t=>this.button=t,class:r,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)))}get element(){return n(this)}};a.style='@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);position:relative;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)}.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--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}';let c=0;const l=class{constructor(s){t(this,s),this.name="",this.a11yTitle=""}componentWillLoad(){this.iconId="stzh-icon-"+c++}render(){return s(o,null,this.name&&s("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?`${this.iconId}-title`:null},this.a11yTitle&&s("title",{id:`${this.iconId}-title`},this.a11yTitle),s("use",{href:`#stzh-icon-${this.name}`})))}};l.style=".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)}";export{h as stzh_badge,a as stzh_button,l as stzh_icon}

package/dist/stzh-components/p-3ebd2c03.js

@@ -1 +0,0 @@
-const o=function(){window.stzhComponents=Object.assign({version:"1.5.0-alpha",labels:"fixed",cacheTranslations:!0,pathTranslations:"/",formats:{}},window.stzhComponents||{}),window.addEventListener("appload",(o=>{const t=document.querySelector("[autofocus]");t&&"stzh-components"===o.detail.namespace&&0===t.tagName.toLowerCase().indexOf("stzh-")&&"setFocus"in t&&t.setFocus()})),new IntersectionObserver((o=>{o.forEach((o=>{let t=0;o.intersectionRatio<1&&(t=window.innerWidth-document.body.clientWidth),document.documentElement.style.setProperty("--stzh-scrollbar-width",t+"px")}))}),{threshold:1}).observe(document.body)};export{o as g}

package/dist/stzh-components/p-5e0cccc9.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,s,i,n){function e(t){return t instanceof i?t:new i((function(s){s(t)}))}return new(i||(i=Promise))((function(i,h){function r(t){try{u(n.next(t))}catch(s){h(s)}}function p(t){try{u(n["throw"](t))}catch(s){h(s)}}function u(t){t.done?i(t.value):e(t.value).then(r,p)}u((n=n.apply(t,s||[])).next())}))};var __generator=this&&this.__generator||function(t,s){var i={label:0,sent:function(){if(h[0]&1)throw h[1];return h[1]},trys:[],ops:[]},n,e,h,r;return r={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function p(t){return function(s){return u([t,s])}}function u(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,e&&(h=r[0]&2?e["return"]:r[0]?e["throw"]||((h=e["return"])&&h.call(e),0):e.next)&&!(h=h.call(e,r[1])).done)return h;if(e=0,h)r=[r[0]&2,h.value];switch(r[0]){case 0:case 1:h=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;e=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(h=i.trys,h=h.length>0&&h[h.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!h||r[1]>h[0]&&r[1]<h[3])){i.label=r[1];break}if(r[0]===6&&i.label<h[1]){i.label=h[1];h=r;break}if(h&&i.label<h[2]){i.label=h[2];i.ops.push(r);break}if(h[2])i.ops.pop();i.trys.pop();continue}r=s.call(t,i)}catch(p){r=[6,p];e=0}finally{n=h=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-30b347ee.system.js","./p-0230004d.system.js","./p-a408bfba.system.js","./p-9c0494a6.system.js"],(function(t){"use strict";var s,i,n,e,h,r,p,u;return{setters:[function(t){s=t.r;i=t.c;n=t.h;e=t.a;h=t.g},function(t){r=t.h},function(t){p=t.f},function(t){u=t.S}],execute:function(){var a='.sc-stzh-input-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-input-h{display:none}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-input-h{width:100%;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0;right:0}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-button,.stzh-input__button-right[variant=input].sc-stzh-input{--border-color:transparent;--hover-border-color:transparent}.stzh-input.sc-stzh-input{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)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-input__description-long.sc-stzh-input{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-popover[open].sc-stzh-input:not([open=false]) .stzh-input__description-long-button.sc-stzh-input{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input__description-long-button.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-input__description-long-button.sc-stzh-input:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxsmall)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:-ms-flexbox;display:flex}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.0625rem solid var(--stzh-color-grey61);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-form-input-border-radius);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);width:100%;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background:var(--stzh-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:hover,.stzh-input__input.sc-stzh-input:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__input.sc-stzh-input::-ms-clear{display:none}.stzh-input__input.sc-stzh-input:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-input__input.sc-stzh-input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-color-grey61);width:auto;position:absolute;top:calc(var(--stzh-form-input-height) / 2);left:calc(var(--stzh-space-medium) + 0.0625rem);max-width:calc(100% - var(--stzh-space-medium) * 2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input::before{content:"";display:none;background:var(--stzh-color-white);position:absolute;width:100%;z-index:-1;left:0;top:50%;margin-top:-0.03125rem;height:0.125rem}.stzh-input__input.sc-stzh-input:hover+.stzh-input__label.sc-stzh-input,.stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__button-right.sc-stzh-input{display:none}.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:transparent}.stzh-input--is-clearable.stzh-input--is-filled.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{display:block}.stzh-input--type-search.sc-stzh-input:not(.stzh-input--is-filled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--is-filled.sc-stzh-input .stzh-input__button-right.is-search.sc-stzh-input{pointer-events:initial}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{display:block;top:0;left:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));height:1.25rem;line-height:1.25rem;padding:0 var(--stzh-space-xxsmall);max-width:calc(100% - var(--stzh-space-small) * 2);pointer-events:all}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before{display:block}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-form-input-height))}.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-height))}.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xxsmall) - var(--stzh-form-input-height))}.stzh-input--size-small.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__label.sc-stzh-input{top:calc(var(--stzh-form-input-small-height) / 2)}.stzh-input--size-small.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{top:0}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xxsmall) + var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xsmall) - var(--stzh-form-input-small-height))}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input{border-color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input{color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5);cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:focus,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:focus{border-color:var(--stzh-color-grey5)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input::before{background:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input],.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-grey61)}';var o=0;var l=t("stzh_input",function(){function t(t){var n=this;s(this,t);this.stzhChange=i(this,"stzhChange",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.multiline=false;this.type="text";this.step=1;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.showMarker=false;this.value="";this.invalid=false;this.required=false;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.size="default";this.a11yDescribedby="";this.onClearClick=function(t){n.value="";n.input.focus();n.stzhChange.emit({component:"stzh-input",originalEvent:t,value:n.value})};this.onInput=function(t){n.value=n.input.value;n.stzhChange.emit({component:"stzh-input",originalEvent:t,value:n.value})};this.onFocus=function(t){var s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});n.element.dispatchEvent(s);n.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=function(t){n.input.value=n.input.value;var s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});n.element.dispatchEvent(s);n.stzhBlur.emit({component:"stzh-input",originalEvent:t})}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.valueWatcher=function(t){this.filled=t!==""};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.typeWatcher=function(t){var s=["text","search","password","email","url","tel","number"];if(!this.multiline&&!s.includes(t)){throw new Error("Type ".concat(t," not supported"))}};t.prototype.renderTextarea=function(){var t=this;return n("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:function(s){return t.input=s},id:this.inputId,name:this.name,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur},this.value)};t.prototype.renderInput=function(){var t=this;return n("input",{class:"stzh-input__input stzh-input__input--input",ref:function(s){return t.input=s},id:this.inputId,type:this.type,name:this.name,value:this.value,min:this.min,max:this.max,step:this.step,placeholder:this.placeholder,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(s){switch(s.label){case 0:this.inputId="stzh-input-".concat(o++);this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,p(this.element,"input")];case 1:t.localization=s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var s;var i=r(this.element,"button-right");var h=r(this.element,"description")||!!this.description;var p=r(this.element,"description-long")||!!this.descriptionLong;var a=r(this.element,"error")||!!this.error;var o=(t={"stzh-input":true,"stzh-input--has-button-right":i||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":p,"stzh-input--has-error":a,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--has-placeholder":!!this.placeholder,"stzh-input--is-filled":this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--has-fixed-label":((s=window===null||window===void 0?void 0:window.stzhComponents)===null||s===void 0?void 0:s.labels)==="fixed"},t["stzh-input--size-".concat(this.size)]=!!this.size,t["stzh-input--type-".concat(this.type)]=!!this.type,t);return n(e,null,n("div",{class:o},n("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),n("label",{class:"stzh-input__label",htmlFor:this.inputId},this.label?this.label:n("slot",null),this.showMarker&&n("span",{class:"stzh-input__marker"},n("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),n("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this.clearable||this.type==="search"?n("stzh-button",{class:"stzh-input__button-right",icon:this.disabled||this.readonly||!this.filled?"search":"close-circle","icon-only":true,variant:"input",onClick:this.onClearClick,disabled:this.disabled||this.readonly||!this.filled,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):n("slot",{name:"button-right"})),n(u,{classPrefix:"stzh-input",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:p,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))};Object.defineProperty(t.prototype,"element",{get:function(){return h(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}},enumerable:false,configurable:true});return t}());l.style=a}}}));

package/dist/stzh-components/p-63b5068a.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function s(t){try{l(o.next(t))}catch(e){r(e)}}function a(t){try{l(o["throw"](t))}catch(e){r(e)}}function l(t){t.done?n(t.value):i(t.value).then(s,a)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(a){s=[6,a];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-30b347ee.system.js","./p-e20369c8.system.js"],(function(t){"use strict";var e,n,o,i,r,s;return{setters:[function(t){e=t.r;n=t.c;o=t.h;i=t.a;r=t.g},function(t){s=t.c}],execute:function(){var a=".sc-stzh-overlay-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-overlay-h{display:none}.sc-stzh-overlay-h *.sc-stzh-overlay,.sc-stzh-overlay-h *.sc-stzh-overlay::before,.sc-stzh-overlay-h *.sc-stzh-overlay::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-overlay.sc-stzh-overlay{display:none;z-index:var(--stzh-z-index-overlay);position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-align:stretch;align-items:stretch}.stzh-overlay__backdrop.sc-stzh-overlay{z-index:1;background-color:var(--stzh-color-white);opacity:0.95;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-overlay__content.sc-stzh-overlay{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-overlay__content-inner.sc-stzh-overlay{margin-top:auto;margin-bottom:auto;outline:none}.stzh-overlay--is-open.sc-stzh-overlay{display:-ms-flexbox;display:flex}";var l="stzh-overlay-open";var c=t("stzh_overlay",function(){function t(t){e(this,t);this.stzhOpen=n(this,"stzhOpen",7);this.stzhClose=n(this,"stzhClose",7);this.open=false;this.stay=true;this.a11yLabel=""}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.stzhOpen.emit({component:"stzh-overlay"});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;this.stzhClose.emit({component:"stzh-overlay"});return[2]}))}))};t.prototype.getSiblings=function(){var t=this;if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((function(e){return e!==t.element}))};t.prototype.disableSiblings=function(){this.getSiblings().forEach((function(t){t.setAttribute("aria-hidden","true")}))};t.prototype.enableSiblings=function(){this.getSiblings().forEach((function(t){t.removeAttribute("aria-hidden")}))};t.prototype.dialogShown=function(){document.body.classList.add(l);this.disableSiblings();if(this.trap){this.trap.activate()}};t.prototype.dialogHidden=function(){document.body.classList.remove(l);this.enableSiblings();if(this.trap){this.trap.deactivate()}};t.prototype.connectedCallback=function(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.parentElement=this.element.parentElement};t.prototype.componentDidRender=function(){this.open?this.dialogShown():this.dialogHidden()};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.element)};t.prototype.componentDidLoad=function(){this.trap=s(this.element,{fallbackFocus:this.dialogElement,returnFocusOnDeactivate:true});if(this.open){this.dialogShown()}};t.prototype.disconnectedCallback=function(){this.dialogHidden()};t.prototype.render=function(){var t=this;var e={"stzh-overlay":true,"stzh-overlay--is-open":this.open};return o(i,null,o("div",{class:e},o("div",{class:"stzh-overlay__backdrop"}),o("div",{class:"stzh-overlay__content"},o("div",{class:"stzh-overlay__content-inner",ref:function(e){return t.dialogElement=e},tabindex:"-1",role:"dialog","aria-label":this.a11yLabel,"aria-hidden":this.open?"false":"true"},o("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());c.style=a}}}));