@oiz/stzh-components 2.1.0 → 2.2.0-beta

package/dist/esm/stzh-card-list.entry.js

@@ -1,72 +0,0 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-2915b467.js';
-import { c as cloneElement } from './utils-68a28fce.js';
-import { f as fetchTranslations } from './translation-utils-2623783f.js';
-
-const stzhCardListCss = ".sc-stzh-card-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-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-list-h .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__header.sc-stzh-card-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-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-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-card-list__description.sc-stzh-card-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-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";
-
-const StzhCardList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.stzhCollapseAll = createEvent(this, "stzhCollapseAll", 7);
-    this.collapseClick = () => {
-      const cards = Array.from(this.element.querySelectorAll("stzh-card"));
-      cards.forEach(card => {
-        if (card.collapsible) {
-          card.collapsed = !this.allCollapsed;
-        }
-      });
-      this.allCollapsed = !this.allCollapsed;
-      this.stzhCollapseAll.emit({
-        component: "stzh-card-list",
-        allCollapsed: this.allCollapsed
-      });
-    };
-    this.updateCollapsedState = () => {
-      const cards = Array.from(this.element.querySelectorAll("stzh-card"));
-      this.allCollapsed = !cards.some(card => !card.collapsed);
-    };
-    this.sortableGhostClone = (dragElement) => {
-      const [clonedElement, clonedStzhElement, originalStzhElement] = cloneElement(dragElement);
-      if (clonedStzhElement
-        && originalStzhElement
-        && clonedStzhElement.tagName.toLowerCase() === "stzh-card") {
-        const clonedStzhElementCard = clonedStzhElement;
-        const originalStzhElementCard = originalStzhElement;
-        // copy every property that is not reflected to its attribute
-        clonedStzhElementCard.heading = originalStzhElementCard.heading;
-        clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;
-        clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;
-        clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;
-        clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;
-      }
-      return clonedElement;
-    };
-    this.localization = undefined;
-    this.showToggleLink = false;
-    this.sortableEnabled = false;
-    this.sortableDataIdAttribute = "data-id";
-    this.allCollapsed = false;
-  }
-  collapseListener() {
-    this.updateCollapsedState();
-  }
-  async componentWillLoad() {
-    if (!this.localization) {
-      this.localization = await fetchTranslations(this.element, "card-list");
-    }
-  }
-  componentDidLoad() {
-    this.updateCollapsedState();
-  }
-  render() {
-    const classes = {
-      "stzh-card-list": true
-    };
-    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-card-list__header" }, h("div", { class: "stzh-card-list__description" }, h("slot", { name: "description" })), this.showToggleLink &&
-      h("stzh-link", { class: "stzh-card-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.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { class: "stzh-card-list__cards", role: "list" }, h("slot", null))))));
-  }
-  get element() { return getElement(this); }
-};
-StzhCardList.style = stzhCardListCss;
-
-export { StzhCardList as stzh_card_list };

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

@@ -1,278 +0,0 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-2915b467.js';
-import { s as setPropsIfNull, 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 stzhCardCss = ".sc-stzh-card-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-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-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)}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-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-card-h .sc-stzh-card-s>[slot=image]{max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{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-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative}.stzh-card__dnd.sc-stzh-card{--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-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-meta.sc-stzh-card:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title.sc-stzh-card{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-card__title.sc-stzh-card{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-card__title.sc-stzh-card{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-card__subtitle.sc-stzh-card{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-card__subtitle.sc-stzh-card{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-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:\",\";position:absolute;left:0}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{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-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}";
-
-const StzhCard = 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.stzhHeaderActionClick = createEvent(this, "stzhHeaderActionClick", 7);
-    this._subtitles = [];
-    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-card--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-card--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-card",
-          collapsed: this.collapsed
-        });
-      }
-    };
-    this.subtitleClick = () => {
-      if (this.subtitleInteractive) {
-        this.stzhSubtitleClick.emit({
-          component: "stzh-card"
-        });
-      }
-    };
-    this.starToggleClick = () => {
-      this.stzhStarClick.emit({
-        component: "stzh-card",
-        starred: this.starred
-      });
-    };
-    this.actionClick = (action) => {
-      this.stzhHeaderActionClick.emit({
-        component: "stzh-card",
-        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");
-      }
-    };
-    this.updateElementInsideSortable = () => {
-      const currentSortable = this.element.closest("stzh-sortable");
-      // check if element is still inside sortable
-      if (!currentSortable) {
-        this.sortable.removeEventListener("stzhUpdate", this.updateElementInsideSortable);
-        this.sortable.removeEventListener("stzhDisable", this.updateElementInsideSortable);
-        return;
-      }
-      if (this.element) {
-        forceUpdate(this.element);
-      }
-    };
-    this.init = () => {
-      const chips = this.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');
-      chips.forEach((chip) => {
-        setPropsIfNull(chip, {
-          size: "small"
-        });
-      });
-    };
-    this.handleMutation = (entries) => {
-      this.init();
-      this.nodeChange(entries);
-    };
-    this.handleSelectionChange = (event) => {
-      this.checked = event.detail.checked;
-    };
-    this.localization = undefined;
-    this.collapsed = false;
-    this.starred = false;
-    this.starrable = false;
-    this.selectable = false;
-    this.checked = false;
-    this.name = "";
-    this.value = "";
-    this.disabled = false;
-    this.heading = "";
-    this.subtitle = "";
-    this.headerActions = [];
-    this.footerActions = [];
-    this.subtitleInteractive = false;
-    this.sortableDisabled = false;
-    this.collapsible = false;
-    this.hideHeaderBorder = false;
-    this.hideFooterBorder = false;
-    this.hideMovementActions = false;
-  }
-  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;
-    }
-  }
-  headerActionsWatcher(newValue) {
-    if (typeof newValue === "string") {
-      this._headerActions = JSON.parse(newValue);
-    }
-    else {
-      this._headerActions = newValue;
-    }
-  }
-  footerActionsWatcher(newValue) {
-    if (typeof newValue === "string") {
-      this._footerActions = JSON.parse(newValue);
-    }
-    else {
-      this._footerActions = 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 && element.parentElement !== sortableContainer) {
-        element = element.parentElement;
-      }
-      return element;
-    }
-  }
-  async componentWillLoad() {
-    this.subtitleWatcher(this.subtitle);
-    this.headerActionsWatcher(this.headerActions);
-    this.footerActionsWatcher(this.footerActions);
-    if (!this.localization) {
-      this.localization = await fetchTranslations(this.element, "card");
-    }
-  }
-  componentDidLoad() {
-    this.sortable = this.element.closest("stzh-sortable");
-    if (this.sortable) {
-      this.sortable.addEventListener("stzhUpdate", this.updateElementInsideSortable);
-      this.sortable.addEventListener("stzhDisable", this.updateElementInsideSortable);
-    }
-  }
-  connectedCallback() {
-    this.init();
-    this.observer = new MutationObserver(this.handleMutation);
-    this.observer.observe(this.element, {
-      childList: true,
-      subtree: true
-    });
-  }
-  disconnectedCallback() {
-    this.observer.disconnect();
-  }
-  render() {
-    var _a, _b, _c;
-    const imageUsed = hasSlot(this.element, "image");
-    const contentUsed = hasSlot(this.element, "content");
-    const classes = {
-      "stzh-card": true,
-      "stzh-card--has-image": imageUsed,
-      "stzh-card--has-content": contentUsed,
-      "stzh-card--has-subtitle": !!this.subtitle,
-      "stzh-card--has-subtitle-interactive": !!this.subtitle && this.subtitleInteractive,
-      "stzh-card--has-hidden-header-border": this.hideHeaderBorder,
-      "stzh-card--has-hidden-footer-border": this.hideFooterBorder,
-      "stzh-card--is-collapsed": this.collapsed,
-      "stzh-card--is-starred": this.starred,
-      "stzh-card--is-checked": this.checked
-    };
-    const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;
-    const sortableChildElement = this.findSortableChildElement();
-    const isFirstItemInSortable = (sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement)
-      && Array.from((_a = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _a === void 0 ? void 0 : _a.children)
-        .indexOf(sortableChildElement) === 0;
-    const isLastItemInSortable = (sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement)
-      && Array.from((_b = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _b === void 0 ? void 0 : _b.children)
-        .indexOf(sortableChildElement) === ((_c = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _c === void 0 ? void 0 : _c.children.length) - 1;
-    const sortableActionsEnabled = !this.sortableDisabled
-      && !this.hideMovementActions
-      && this.sortable
-      && !this.sortable.disabled;
-    const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);
-    // const headerActions = [
-    //   ...this._headerActions
-    // ];
-    return (h(Host, { role: "listitem", "aria-label": this.heading }, h("article", { ref: (el) => (this.mainElement = el), class: classes }, h("slot", { name: "image" }), h("div", { class: "stzh-card__content-wrapper" }, h("stzh-icon", { class: "stzh-card__dnd", name: "drag" }), h("header", { ref: (el) => (this.headerElement = el), class: "stzh-card__header", onClick: this.headerClick }, h("div", { class: "stzh-card__header-top" }, h("div", { ref: (el) => (this.headerLeftElement = el), class: "stzh-card__header-left" }, h("div", { class: "stzh-card__title-area" }, h("h3", { class: "stzh-card__title" }, this.heading), this._subtitles.length > 0 &&
-      h(Subtitle, { class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle)))))), h("div", { ref: (el) => (this.headerRightElement = el), class: "stzh-card__header-right" }, h("div", { class: "stzh-card__card-actions" }, this._headerActions.map(action => (h("stzh-button", { class: {
-        "stzh-card__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, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, 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-card__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)), (nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) &&
-      h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
-          "stzh-card__card-action-popover": true,
-          "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-        } }, h("stzh-button", { class: "stzh-card__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), nonCollapsingTextHeaderActions.map(action => (h("stzh-menu-item", { class: "hide-medium show-when-collapsed", icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: () => { this.actionClick(action); } }, action.label))), sortableActionsEnabled &&
-        h(Fragment, null, !isFirstItemInSortable &&
-          h("stzh-menu-item", { icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp), !isLastItemInSortable &&
-          h("stzh-menu-item", { icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown))))))), h("div", { class: "stzh-card__header-meta" }, h("slot", { name: "meta" }))), h("div", { class: "stzh-card__content hide-when-collapsed" }, h("slot", { name: "content" })), h("div", { class: "stzh-card__footer hide-when-collapsed" }, this._footerActions.length > 0 &&
-      h("stzh-actionset", { actions: this._footerActions }), this.selectable &&
-      h("stzh-button", { fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "subtitle": ["subtitleWatcher"],
-    "headerActions": ["headerActionsWatcher"],
-    "footerActions": ["footerActionsWatcher"]
-  }; }
-};
-StzhCard.style = stzhCardCss;
-
-export { StzhCard as stzh_card };

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

@@ -1,58 +0,0 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-2915b467.js';
-
-const stzhDatalistCss = ".sc-stzh-datalist-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-datalist__list-item.sc-stzh-datalist{position:relative}.stzh-datalist__list.sc-stzh-datalist{width:100%}.stzh-datalist__value.sc-stzh-datalist{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-black)}.stzh-datalist__label.sc-stzh-datalist,.stzh-datalist__meta.sc-stzh-datalist{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-datalist__action.sc-stzh-datalist{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;color:inherit;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist__action.sc-stzh-datalist:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-small-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-small-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-small-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-smallheader-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-smallheader-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-medium-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-medium-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-large-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-large-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-large-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:block}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:block;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-icon-size-default))}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:block;padding-top:0;padding-bottom:0}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:0}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:0}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:initial;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-datalist--direction-ultra-vertical.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{display:table}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__list-item.sc-stzh-datalist{display:table-row;padding-top:0;padding-bottom:0}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__list-item--has-icon.sc-stzh-datalist{padding-right:0}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__list-item.sc-stzh-datalist{border-bottom:none}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{display:table-cell;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__label.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__value.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__meta.sc-stzh-datalist,.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist:not(.stzh-datalist--hide-border) .stzh-datalist__action-list.sc-stzh-datalist{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__label.sc-stzh-datalist:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__meta.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist{vertical-align:top;position:static;right:auto;top:auto;-webkit-transform:initial;transform:initial}.stzh-datalist--direction-ultra-horizontal.sc-stzh-datalist .stzh-datalist__action-list.sc-stzh-datalist:not(:empty){padding-left:var(--stzh-space-xsmall)}}";
-
-const StzhDatalist = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.stzhItemActionClick = createEvent(this, "stzhItemActionClick", 7);
-    this._items = [];
-    this.actionClick = (originalEvent, item) => {
-      this.stzhItemActionClick.emit({
-        component: "stzh-datalist",
-        originalEvent,
-        item
-      });
-    };
-    this.direction = "vertical";
-    this.directionSmall = "horizontal";
-    this.directionMedium = "inherit";
-    this.directionLarge = "inherit";
-    this.directionUltra = "inherit";
-    this.hideBorder = false;
-    this.items = [];
-  }
-  itemsWatcher(newValue) {
-    if (typeof newValue === "string") {
-      this._items = JSON.parse(newValue);
-    }
-    else {
-      this._items = newValue;
-    }
-  }
-  async componentWillLoad() {
-    this.itemsWatcher(this.items);
-  }
-  render() {
-    const classes = {
-      "stzh-datalist": true,
-      "stzh-datalist--hide-border": this.hideBorder,
-      [`stzh-datalist--direction-${this.direction}`]: !!this.direction,
-      [`stzh-datalist--direction-small-${this.directionSmall}`]: !!this.directionSmall,
-      [`stzh-datalist--direction-medium-${this.directionMedium}`]: !!this.directionMedium,
-      [`stzh-datalist--direction-large-${this.directionLarge}`]: !!this.directionLarge,
-      [`stzh-datalist--direction-ultra-${this.directionUltra}`]: !!this.directionUltra
-    };
-    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-datalist__list", role: "list" }, this._items.map((item) => h("div", { role: "listitem", class: {
-        "stzh-datalist__list-item": true,
-        "stzh-datalist__list-item--has-icon": !!item.icon,
-      } }, h("div", { class: "stzh-datalist__label" }, item.label), h("div", { class: "stzh-datalist__value" }, item.href ? h("stzh-link", { href: item.href, label: item.value, size: "inherit" }) : item.value), h("div", { class: "stzh-datalist__meta" }, item.meta), h("div", { class: "stzh-datalist__action-list" }, h("button", { class: "stzh-datalist__action", onClick: (event) => this.actionClick(event, item) }, h("stzh-icon", { name: item.icon })))))))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "items": ["itemsWatcher"]
-  }; }
-};
-StzhDatalist.style = stzhDatalistCss;
-
-export { StzhDatalist as stzh_datalist };

package/dist/esm-es5/app-globals-246b5e49.js

@@ -1 +0,0 @@
-var name="@oiz/stzh-components";var version="2.1.0";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-card-list.entry.js

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

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

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,s,a){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,i){function n(t){try{c(a.next(t))}catch(e){i(e)}}function h(t){try{c(a["throw"](t))}catch(e){i(e)}}function c(t){t.done?s(t.value):r(t.value).then(n,h)}c((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,r,i,n;return n={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function h(t){return function(e){return c([t,e])}}function c(n){if(a)throw new TypeError("Generator is already executing.");while(s)try{if(a=1,r&&(i=n[0]&2?r["return"]:n[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,n[1])).done)return i;if(r=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:s.label++;return{value:n[1],done:false};case 5:s.label++;r=n[1];n=[0];continue;case 7:n=s.ops.pop();s.trys.pop();continue;default:if(!(i=s.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6||n[0]===2)){s=0;continue}if(n[0]===3&&(!i||n[1]>i[0]&&n[1]<i[3])){s.label=n[1];break}if(n[0]===6&&s.label<i[1]){s.label=i[1];i=n;break}if(i&&s.label<i[2]){s.label=i[2];s.ops.push(n);break}if(i[2])s.ops.pop();s.trys.pop();continue}n=e.call(t,s)}catch(h){n=[6,h];r=0}finally{a=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,f as forceUpdate,h,F as Fragment,a as Host,g as getElement}from"./index-2915b467.js";import{s as setPropsIfNull,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 stzhCardCss='.sc-stzh-card-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-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-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)}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-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-card-h .sc-stzh-card-s>[slot=image]{max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{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-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative}.stzh-card__dnd.sc-stzh-card{--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-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-meta.sc-stzh-card:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title.sc-stzh-card{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-card__title.sc-stzh-card{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-card__title.sc-stzh-card{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-card__subtitle.sc-stzh-card{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-card__subtitle.sc-stzh-card{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-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{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-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}';var StzhCard=function(){function t(t){var e=this;registerInstance(this,t);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhHeaderActionClick=createEvent(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=function(t){var s=false;t.forEach((function(t){if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){forceUpdate(e.element)}};this.update=function(){if(!e.mainElement){return}e.mainElement.classList.remove("stzh-card--has-collapsed-header");if(media("medium").matches){var t=e.headerElement.clientWidth;var s=e.headerLeftElement.clientWidth;var a=e.headerRightElement.clientWidth;if(t-s<=a){e.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=function(t){if(!e.collapsible){return}var s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var a=t.composedPath().map((function(t){var e;return(e=t.tagName)===null||e===void 0?void 0:e.toLowerCase()}));var r=a.some((function(t){return s.includes(t)}));if(!r){e.collapsed=!e.collapsed;e.stzhCollapse.emit({component:"stzh-card",collapsed:e.collapsed})}};this.subtitleClick=function(){if(e.subtitleInteractive){e.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=function(){e.stzhStarClick.emit({component:"stzh-card",starred:e.starred})};this.actionClick=function(t){e.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=function(){var t=e.element.closest("stzh-sortable");if(!t){e.sortable.removeEventListener("stzhUpdate",e.updateElementInsideSortable);e.sortable.removeEventListener("stzhDisable",e.updateElementInsideSortable);return}if(e.element){forceUpdate(e.element)}};this.init=function(){var t=e.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((function(t){setPropsIfNull(t,{size:"small"})}))};this.handleMutation=function(t){e.init();e.nodeChange(t)};this.handleSelectionChange=function(t){e.checked=t.detail.checked};this.localization=undefined;this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.value="";this.disabled=false;this.heading="";this.subtitle="";this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideMovementActions=false}t.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};t.prototype.subtitleWatcher=function(t){if(typeof t==="string"){try{this._subtitles=JSON.parse(t)}catch(e){this._subtitles=[t]}}else{this._subtitles=t}};t.prototype.headerActionsWatcher=function(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}};t.prototype.footerActionsWatcher=function(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}};t.prototype.findSortableChildElement=function(){var t=this.element.closest("stzh-sortable");if(t){var e=this.element;var s=null;if(typeof t.container==="function"){s=t.container()}else{s=t.container}while(e.parentElement&&e.parentElement!==s){e=e.parentElement}return e}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t=this;var e,s,a;var r=hasSlot(this.element,"image");var i=hasSlot(this.element,"content");var n={"stzh-card":true,"stzh-card--has-image":r,"stzh-card--has-content":i,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked};var c="".concat(this.subtitleInteractive?"button":"span");var o=this.findSortableChildElement();var d=(o===null||o===void 0?void 0:o.parentElement)&&Array.from((e=o===null||o===void 0?void 0:o.parentElement)===null||e===void 0?void 0:e.children).indexOf(o)===0;var l=(o===null||o===void 0?void 0:o.parentElement)&&Array.from((s=o===null||o===void 0?void 0:o.parentElement)===null||s===void 0?void 0:s.children).indexOf(o)===((a=o===null||o===void 0?void 0:o.parentElement)===null||a===void 0?void 0:a.children.length)-1;var z=!this.sortableDisabled&&!this.hideMovementActions&&this.sortable&&!this.sortable.disabled;var p=this._headerActions.filter((function(t){return!t.onlyCollapseText}));return h(Host,{role:"listitem","aria-label":this.heading},h("article",{ref:function(e){return t.mainElement=e},class:n},h("slot",{name:"image"}),h("div",{class:"stzh-card__content-wrapper"},h("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),h("header",{ref:function(e){return t.headerElement=e},class:"stzh-card__header",onClick:this.headerClick},h("div",{class:"stzh-card__header-top"},h("div",{ref:function(e){return t.headerLeftElement=e},class:"stzh-card__header-left"},h("div",{class:"stzh-card__title-area"},h("h3",{class:"stzh-card__title"},this.heading),this._subtitles.length>0&&h(c,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(t){return h("span",{class:"stzh-card__subtitle-text"},t)}))))),h("div",{ref:function(e){return t.headerRightElement=e},class:"stzh-card__header-right"},h("div",{class:"stzh-card__card-actions"},this._headerActions.map((function(e){return h("stzh-button",{class:{"stzh-card__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,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){t.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-card__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)),(p.length>0||this.starrable||z)&&h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true,"hide-medium show-when-collapsed":!this.starrable&&!z}},h("stzh-button",{class:"stzh-card__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),p.map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,onClick:function(){t.actionClick(e)}},e.label)})),z&&h(Fragment,null,!d&&h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!l&&h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-card__header-meta"},h("slot",{name:"meta"}))),h("div",{class:"stzh-card__content hide-when-collapsed"},h("slot",{name:"content"})),h("div",{class:"stzh-card__footer hide-when-collapsed"},this._footerActions.length>0&&h("stzh-actionset",{actions:this._footerActions}),this.selectable&&h("stzh-button",{fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhCard.style=stzhCardCss;export{StzhCard as stzh_card};

package/dist/esm-es5/stzh-chip-select.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,s,i){function r(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,c){function n(e){try{a(i.next(e))}catch(t){c(t)}}function h(e){try{a(i["throw"](e))}catch(t){c(t)}}function a(e){e.done?s(e.value):r(e.value).then(n,h)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},i,r,c,n;return n={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function h(e){return function(t){return a([e,t])}}function a(n){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,r&&(c=n[0]&2?r["return"]:n[0]?r["throw"]||((c=r["return"])&&c.call(r),0):r.next)&&!(c=c.call(r,n[1])).done)return c;if(r=0,c)n=[n[0]&2,c.value];switch(n[0]){case 0:case 1:c=n;break;case 4:s.label++;return{value:n[1],done:false};case 5:s.label++;r=n[1];n=[0];continue;case 7:n=s.ops.pop();s.trys.pop();continue;default:if(!(c=s.trys,c=c.length>0&&c[c.length-1])&&(n[0]===6||n[0]===2)){s=0;continue}if(n[0]===3&&(!c||n[1]>c[0]&&n[1]<c[3])){s.label=n[1];break}if(n[0]===6&&s.label<c[1]){s.label=c[1];c=n;break}if(c&&s.label<c[2]){s.label=c[2];s.ops.push(n);break}if(c[2])s.ops.pop();s.trys.pop();continue}n=t.call(e,s)}catch(h){n=[6,h];r=0}finally{i=c=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-2915b467.js";import{S as StzhInputDescription}from"./stzh-input-description-e87e6697.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhChipSelectCss=".sc-stzh-chip-select-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-chip-select-h{display:none}.sc-stzh-chip-select-h *.sc-stzh-chip-select,.sc-stzh-chip-select-h *.sc-stzh-chip-select::before,.sc-stzh-chip-select-h *.sc-stzh-chip-select::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-chip-select__marker-symbol.sc-stzh-chip-select{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-chip-select__marker-text.sc-stzh-chip-select{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-chip-select__description-wrapper.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select__description.sc-stzh-chip-select{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-chip-select__error.sc-stzh-chip-select{color:var(--stzh-color-error)}.stzh-chip-select__error-list.sc-stzh-chip-select{list-style:none;margin:0;padding:0}.stzh-chip-select__description.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-chip-select__description-long.sc-stzh-chip-select{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-chip-select__description-long-popover.sc-stzh-chip-select{--width:auto;--max-width:27.3125rem}.stzh-chip-select__description-long-popover[open].sc-stzh-chip-select:not([open=false]) .stzh-chip-select__description-long-button.sc-stzh-chip-select{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select__description-long-button.sc-stzh-chip-select{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-chip-select__description-long-button.sc-stzh-chip-select:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select.sc-stzh-chip-select stzh-icon.stzh-chip-select__description-long-icon.sc-stzh-chip-select{--size:var(--stzh-icon-size-xsmall)}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xxsmall)}.stzh-chip-select__chips.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-small) / -2) calc(var(--stzh-space-xsmall) / -2)}@media screen and (max-width: 1023px){.stzh-chip-select__chips.sc-stzh-chip-select{display:none}}.stzh-chip-select__chip.sc-stzh-chip-select{margin:calc(var(--stzh-space-small) / 2) calc(var(--stzh-space-xsmall) / 2)}@media screen and (min-width: 1024px){.stzh-chip-select__dropdown.sc-stzh-chip-select{display:none}}@media screen and (max-width: 1023px){.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:none}}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xsmall)}";var chipSelectCounter=0;var StzhChipSelect=function(){function e(e){var t=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this._data=[];this._dataDropdown=[];this.chipClick=function(e){t.value=e.value;t.stzhChange.emit({component:"stzh-chip-select",value:t.value})};this.onDropdownChange=function(e){t.value=e.detail.value;t.stzhChange.emit({component:"stzh-chip-select",value:t.value})};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.value="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.a11yDescribedby=""}e.prototype.dataWatcher=function(e){if(typeof e==="string"){this._data=JSON.parse(e)}else{this._data=e}this._dataDropdown=this._data.map((function(e){return{text:"".concat(e.label," (").concat(e.counter,")"),value:e.value}}))};e.prototype.errorWatcher=function(e){if(typeof e==="string"){try{this._error=JSON.parse(e)}catch(t){if(e){this._error=[e]}else{this._error=[]}}}else if(e){this._error=e}else{this._error=[]}this.invalid=this._error.length>0};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.inputId="stzh-chip-select-".concat(chipSelectCounter++);this.dataWatcher(this.data);this.errorWatcher(this.error);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"chip-select")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.render=function(){var e=this;var t=!!this.description;var s=!!this.descriptionLong;var i=!!this.error;var r={"stzh-chip-select":true,"stzh-chip-select--has-description":t,"stzh-chip-select--has-description-long":s,"stzh-chip-select--has-error":i,"stzh-chip-select--is-invalid":this.invalid,"stzh-chip-select--is-disabled":this.disabled,"stzh-chip-select--is-required":this.required};return h(Host,null,h("div",{class:r},h("input",{type:"hidden",name:this.name,value:this.value}),h("div",{class:"stzh-chip-select__chips",role:"listbox"},this._data.map((function(t){return h("stzh-chip",{role:"option",class:"stzh-chip-select__chip",label:t.label,counter:t.counter,icon:t.icon,type:t.type,variant:t.variant,size:t.size,disabled:e.disabled||t.disabled,active:e.value===t.value,"aria-selected":e.value===t.value?"true":null,a11yDescribedby:"".concat(e.inputId,"-description ").concat(e.a11yDescribedby),onClick:function(){return e.chipClick(t)}})}))),h(StzhInputDescription,{classPrefix:"stzh-chip-select",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}),h("stzh-dropdown",{class:"stzh-chip-select__dropdown",disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,required:this.required,invalid:this.invalid,items:[this.value],label:this.label,options:this._dataDropdown,onStzhChange:this.onDropdownChange})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{data:["dataWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return e}();StzhChipSelect.style=stzhChipSelectCss;export{StzhChipSelect as stzh_chip_select};