@oiz/stzh-components 3.1.0 → 3.2.0-beta1

package/dist/stzh-components/p-0b0c7cb8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCardCss","StzhCard","this","_subtitles","nodeChange","entries","changeInSlot","forEach","entry","target","closest","hasAttribute","forceUpdate","element","headerClick","event","collapsible","filterTags","composedPathTags","composedPath","map","_a","tagName","toLowerCase","found","some","r","includes","collapsed","stzhCollapse","emit","component","subtitleClick","subtitleInteractive","stzhSubtitleClick","originalEvent","starToggleClick","stzhStarClick","starred","actionClick","action","stzhHeaderActionClick","arrowUpClick","sortable","findSortableChildElement","moveItem","arrowDownClick","updateElementInsideSortable","currentSortable","removeEventListener","init","chips","querySelectorAll","texts","chip","setPropsIfNull","size","text","handleMutation","handleSelectionChange","checked","detail","handleCardClick","stzhClick","href","subtitleWatcher","newValue","JSON","parse","err","headerActionsWatcher","_headerActions","footerActionsWatcher","_footerActions","sortableContainer","container","parentElement","componentWillLoad","subtitle","headerActions","footerActions","localization","window","stzhComponents","utils","fetchTranslations","componentDidLoad","addEventListener","componentDidRender","requestAnimationFrame","objectId","analyticsId","headingTextElement","innerText","_b","imageLinkElement","setAttribute","_c","titleLinkElement","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","imageUsed","hasSlot","headingUsed","footerUsed","contentUsed","Heading","headingLevel","Subtitle","sortableChildElement","isFirstItemInSortable","Array","from","children","indexOf","isLastItemInSortable","length","sortableEnabled","sortableDisabled","disabled","sortableActionsEnabled","hideMovementActions","hasHeading","heading","hasHeader","starrable","hasFooter","selectable","headerActionsWithBadge","filter","badge","badgeEmpty","classes","variant","h","Host","role","class","ref","el","tabindex","onClick","name","icon","iconOnly","slot","actionRemove","actionAdd","label","actionsPopoverLabel","placement","headerActionsBadge","badgePosition","badgeType","headerActionsBadgeType","_d","e","Fragment","actionMoveUp","actionMoveDown","actions","fullwidth","type","value","select","onStzhChange","stzhCardlistCss","StzhCardlist","collapseClick","cards","card","allCollapsed","stzhCollapseAll","updateCollapsedState","sortableGhostClone","dragElement","querySelector","originalElement","clonedElement","cloneNode","collapseListener","isStzhAnchornavVisible","document","documentElement","style","getPropertyValue","showToggleLink","layout","description","expandAll","collapseAll","dataIdAttribute","sortableDataIdAttribute","ghostClone"],"sources":["src/components/stzh-card/stzh-card.scss?tag=stzh-card&encapsulation=scoped","src/components/stzh-card/stzh-card.tsx","src/components/stzh-cardlist/stzh-cardlist.scss?tag=stzh-cardlist&encapsulation=scoped","src/components/stzh-cardlist/stzh-cardlist.tsx"],"sourcesContent":["/**\n * @prop --content-min-height: Min height of content\n */\n\n:host {\n  // --box-shadow: none;\n  --border-radius: 0px;\n\n  --content-min-height: 120px;\n\n  --dnd-visibility: hidden;\n  --dnd-opacity: 0;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-radius: var(--border-radius);\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  &[collapsed]:not([collapsed=\"false\"]) {\n    --content-min-height: none;\n  }\n\n  &[checked]:not([checked=\"false\"]) {\n    outline: 3px solid $colorPrimary;\n  }\n\n  &.is-ghost::after,\n  .is-ghost &::after {\n    border-radius: var(--border-radius);\n  }\n\n  &[href]:hover,\n  &[href]:focus-within,\n  &.is-selected,\n  &.is-chosen,\n  .is-selected &,\n  .is-chosen & {\n    // --box-shadow: #{$boxShadowOverlay};\n  }\n\n  &.is-ghost,\n  .is-ghost & {\n    // --box-shadow: none;\n\n    overflow: hidden;\n  }\n\n  &.is-drag,\n  &.is-chosen,\n  &.is-ghost,\n  &.is-selected,\n  .is-drag &,\n  .is-chosen &,\n  .is-ghost &,\n  .is-selected &,\n  &[is-sortable]:hover {\n    --dnd-visibility: visible;\n    --dnd-opacity: 1;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ::slotted(img[slot=\"image\"]) {\n    display: block;\n  }\n\n  ::slotted(table) {\n    border: 0;\n    border-spacing: 0;\n\n    th {\n      @include font;\n    }\n\n    td, th {\n      padding: 0;\n    }\n\n    td {\n      color: $colorBlack;\n      padding-left: space('xsmall');\n    }\n  }\n}\n\n.stzh-card {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n\tbackground-color: $colorWhite;\n\tborder-radius: var(--border-radius);\n\t// box-shadow: var(--box-shadow);\n\t// transition: box-shadow $baseTransitionAnimationSpeed;\n\n  // .vshow-medium {\n  //   @include mq($to: medium) {\n  //     @include visuallyhidden;\n  //   }\n  // }\n\n  // .show-medium {\n  //   @include mq($to: medium) {\n  //     display: none;\n  //   }\n  // }\n\n  // .hide-medium {\n  //   @include mq($from: medium) {\n  //     display: none;\n  //   }\n  // }\n\n  &__content-wrapper {\n    position: relative;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: var(--content-min-height);\n  }\n\n\t&__dnd {\n    --size: #{iconSize('xsmall')};\n\t\tposition: absolute;\n    // INFO: we don't use space() values here, because we want this element to align with the heading\n    left: 3px;\n    top: 23px;\n\t\tdisplay: flex;\n\t\tvisibility: var(--dnd-visibility);\n\t\topacity: var(--dnd-opacity);\n\t\ttransition: all $baseTransitionAnimationSpeed;\n    display: none;\n\n    @include mq($from: medium) {\n      display: block;\n    }\n\n    @include mq($from: large) {\n      // INFO: we don't use space() values here, because we want this element to align with the heading\n      left: 4px;\n      top: 27px;\n    }\n\t}\n\n  &__header-top {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n  }\n\n  &__header-meta {\n    &:not(:empty) {\n      display: inline-flex;\n      margin-top: space('xsmall');\n      gap: space('xsmall');\n    }\n  }\n\n\t&__header-left,\n\t&__header-right {\n\t\tdisplay: flex;\n\t}\n\n\t&__header-right {\n    @include spaceCurve('padding-left', 'tiny');\n\t}\n\n\t&__left {\n\t\talign-self: center;\n\t}\n\n\t&__title-area {\n\t\t@include wordWrap;\n\t\toverflow: hidden;\n\t}\n\n\t&__title,\n\t&__subtitle {\n\t\tmargin: 0;\n\t}\n\n  &__title-link {\n    color: inherit;\n    text-decoration-line: none;\n  }\n\n  &__title {\n    @include font('title');\n    @include fontSize('milli');\n  }\n\n  &__image-link {\n    display: block;\n  }\n\n\t&__subtitle {\n    @include fontSize('milli');\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\ttext-decoration-line: none;\n    // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n\t\tmargin-left: -0.5625em;\n\t}\n\n\t&__subtitle-text {\n\t\tposition: relative;\n\t\tdisplay: inline-flex;\n    // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n\t\tpadding-left: 0.5625em;\n\n\t\t&::after {\n\t\t\tcontent: ',';\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\t}\n\n\t&__content {\n    @include fontSize('milli');\n    flex-grow: 1;\n\t}\n\n  // &__footer-meta {\n  //   @include fontSize('micro');\n  //   display: flex;\n  //   flex-wrap: wrap;\n  //   gap: space('xsmall');\n  //   color: $colorGrey80;\n  // }\n\n  // &__footer-meta-separator {\n  //   width: 1px;\n  //   background-color: currentColor;\n  //   flex-shrink: 0;\n  // }\n\n  &__card-actions {\n\t\tdisplay: inline-flex;\n    white-space: nowrap;\n\t}\n\n\t&__card-action {\n    @include mq($to: medium) {\n      --icon-text-margin: 0px;\n      --badge-icon-text-margin: 0px;\n    }\n\n    &[variant=\"tertiary\"] {\n      --color: #{$baseColor};\n    }\n\n    &.is-button {\n      --icon-size: #{iconSize('small')};\n    }\n\n    &.is-placeholder {\n      width: space('xxlarge');\n      height: space('xxlarge');\n    }\n\n    &.is-star {\n    }\n\t}\n\n  &__card-action-popover {\n    --width: auto;\n  }\n\n  /* Service */\n\n  &--service &__subtitle {\n    @include fontCurve('p1');\n  }\n\n  &--service &__subtitle {\n    @include fontCurve('p1');\n  }\n\n  &--service &__title {\n    @include fontCurve('h3', 'heading');\n  }\n\n  /* Has content */\n\n  &--has-content &__content {\n    @include spaceCurve('padding-bottom', 'large');\n    padding-top: space('xlarge');\n    padding-left: space('medium');\n    padding-right: space('medium');\n\n    @include mq($from: medium) {\n      @include spaceCurve('padding-bottom', 'medium');\n    }\n  }\n\n  &--has-content#{&}--service &__content {\n    @include spaceCurve('padding', 'regular');\n  }\n\n  /* Has header */\n\n  &--has-header &__header {\n    padding-top: space('xlarge');\n    padding-left: space('medium');\n    padding-right: space('medium');\n\t}\n\n  &--has-header#{&}--has-content &__content {\n    padding-top: space('xsmall');\n  }\n\n  &--has-header#{&}--service &__header {\n\t\t@include spaceCurve('padding-top', 'regular');\n\t\t@include spaceCurve('padding-left', 'regular');\n\t\t@include spaceCurve('padding-right', 'regular');\n  }\n\n  &--has-header#{&}--has-content#{&}--service &__content {\n    @include spaceCurve('padding-top', 'regular');\n  }\n\n  /* Has footer */\n\n  &--has-footer &__footer {\n    @include spaceCurve('padding-bottom', 'medium');\n    padding-left: space('medium');\n    padding-right: space('medium');\n  }\n\n  &--has-footer#{&}--has-content &__content {\n    padding-bottom: space('medium');\n  }\n\n  &--has-footer#{&}--service &__footer {\n\t\t@include spaceCurve('padding-bottom', 'regular');\n\t\t@include spaceCurve('padding-left', 'regular');\n\t\t@include spaceCurve('padding-right', 'regular');\n  }\n\n  &--has-footer#{&}--has-content#{&}--service &__content {\n    @include spaceCurve('padding-bottom', 'regular');\n  }\n\n  /* Has tag */\n\n  &--has-tag#{&}--has-header &__header {\n    padding-top: space('xxxlarge');\n  }\n\n  /* Has Link */\n\n  &--has-link &__title-link,\n  &--has-link &__content {\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &--has-link &__title-link {\n    color: $colorPrimary;\n    text-decoration-line: none;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    // &::before {\n    //   transition: all $baseTransitionAnimationSpeed;\n    // }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &--has-link &__card-actions,\n  &--has-link &__header-meta,\n  &--has-link &__footer-actionset,\n  &--has-link &__footer-select-button {\n    position: relative;\n    z-index: 2;\n  }\n\n  &--has-link:has(#{&}__image-link:hover) &__title-link,\n  &--has-link:has(#{&}__image-link:hover) &__content,\n  &--has-link:has(#{&}__title-link:hover) &__title-link,\n  &--has-link:has(#{&}__title-link:hover) &__content {\n    color: $colorSecondary60;\n\n  //   &::before,\n  //   &::before {\n  //     background-color: $colorPrimary20;\n  //   }\n  }\n\n  // &__footer-arrow {\n  //   color: $colorPrimary;\n  // }\n\n  // &--has-link:hover &__footer-arrow {\n  //   color: $colorSecondary60;\n  // }\n\n  /* Interactive Subtitle */\n\n  &--has-subtitle-interactive &__subtitle {\n    cursor: pointer;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background: none;\n    border: none;\n    transition: color $baseTransitionAnimationSpeed;\n    color: $colorPrimary;\n\n    &:hover,\n    &:focus {\n      color: $colorPrimaryHover;\n    }\n  }\n\n  /* Is collapsible */\n\n  &--is-collapsible &__header {\n    cursor: pointer;\n  }\n\n  /* Collapsed (Header) */\n\n  &--is-collapsed,\n  &--has-collapsed-header &__header {\n    // .vhide-when-collapsed {\n    //   @include visuallyhidden;\n    // }\n\n    .hide-when-collapsed {\n      display: none;\n    }\n\n    // .show-when-collapsed {\n    //   display: block;\n    // }\n  }\n\n  &--is-collapsed &__header {\n    // border-bottom: none;\n    padding-bottom: space('xlarge');\n  }\n\n  &--is-collapsed#{&}--service &__header {\n    // border-bottom: none;\n    @include spaceCurve('padding-bottom', 'regular');\n  }\n\n  &--is-collapsed &__card-action,\n  &--has-collapsed-header &__card-action {\n    --icon-text-margin: 0px;\n    --badge-icon-text-margin: 0px;\n  }\n\n  /* Starred */\n\n  &--is-starred &__card-action.is-star {\n    color: $colorPrimary;\n\n    &:hover,\n    &:focus {\n      color: $colorPrimaryHover;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  Event,\n  EventEmitter,\n  Fragment,\n  forceUpdate\n} from \"@stencil/core\";\n\nimport {\n  StzhCardHeaderAction,\n  StzhActionsetItem,\n  StzhCardCollapseEvent,\n  StzhCardSubtitleClickEvent,\n  StzhCardStarClickEvent,\n  StzhCardClickEvent,\n  StzhCardHeaderActionClickEvent,\n  StzhButtonChangeEvent,\n  // StzhLocaleAdapter\n} from \"../../index\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n// import { media } from '../../utils/media-utils';\n\nimport { StzhCardLocalizedText } from './stzh-card.localization';\n\n/**\n * @slot heading - Slot for heading\n * @slot image - Slot for optional image element\n * @slot content - Slot for content for any elements\n * @slot meta - Slot for meta elements (status or chip)\n * @slot footer - Slot to replace footer content (`footerActions` and `selectable` button are not shown anymore)\n */\n@Component({\n  tag: \"stzh-card\",\n  styleUrl: \"stzh-card.scss\",\n  scoped: true\n})\nexport class StzhCard {\n  /** Translation strings */\n  @Prop() localization: StzhCardLocalizedText;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"service\" = \"default\";\n\n  /** Whether card is collapsed or not */\n  @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n\n  /** Whether card was starred */\n  @Prop({ reflect: true, mutable: true }) starred: boolean = false;\n\n  /**\n   * Whether card star is displayed (with tooltip and menu-item in mobile popover).\n   * The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).\n   */\n  @Prop({ reflect: true }) starrable: boolean = false;\n\n  /** Whether card is selectable */\n  @Prop({ reflect: true }) selectable: boolean = false;\n\n  /** Whether card is checked (if card is selectable) */\n  @Prop({ reflect: true }) checked: boolean = false;\n\n  /** The name of the input element (if card is selectable) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** The value of the input element (if card is selectable) */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Whether the element is disabled or not (if card is selectable) */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Heading (or use heading slot instead) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Subtitle */\n  @Prop() subtitle: string | string[] = \"\";\n  private _subtitles = [];\n\n  /** Author name */\n  // @Prop() author: string;\n\n  /** Date to display */\n  // @Prop() date: Date | string;\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  // @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Tag name */\n  // @Prop() tag: string;\n\n  /** Card header actions */\n  @Prop() headerActions: string | StzhCardHeaderAction[] = [];\n  private _headerActions: StzhCardHeaderAction[];\n\n  /**\n   * Set a badge text if header action badge exists (see headerActionsBadgeType for more info).\n   */\n  @Prop() headerActionsBadge: string;\n\n  /**\n   * If a header action with a badge exists inside `headerActions`, the more actions popover will automatically have a empty badge.\n   * By default, it takes the badge type from the first one. With this property you can overwrite it.\n   */\n  @Prop() headerActionsBadgeType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n  /**\n   * Card footer actions.\n   * The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.\n   * You can listen to clicks with the `stzhActionClick` event.\n   */\n  @Prop() footerActions: string | StzhActionsetItem[] = [];\n  private _footerActions: StzhActionsetItem[];\n\n  /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */\n  @Prop() subtitleInteractive: boolean = false;\n\n  /**\n   * Whether sorting should be disabled.\n   * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n   */\n  @Prop({ reflect: true }) sortableDisabled: boolean = false;\n\n  /** Whether card is collapsible */\n  @Prop({ reflect: true }) collapsible: boolean = false;\n\n  /**\n   * Whether movement menu items should be shown.\n   * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n   */\n  @Prop() hideMovementActions: boolean = false;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhCardElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardClickEvent>;\n\n  /** Collapse event */\n  @Event() stzhCollapse: EventEmitter<StzhCardCollapseEvent>;\n\n  /** Subtitle click event */\n  @Event() stzhSubtitleClick: EventEmitter<StzhCardSubtitleClickEvent>;\n\n  /** Star click event */\n  @Event() stzhStarClick: EventEmitter<StzhCardStarClickEvent>;\n\n  /** Header action click event */\n  @Event() stzhHeaderActionClick: EventEmitter<StzhCardHeaderActionClickEvent>;\n\n  @Watch(\"subtitle\")\n  subtitleWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      if (newValue === \"\") {\n        this._subtitles = [];\n      } else {\n        try {\n          this._subtitles = JSON.parse(newValue);\n        } catch(err) {\n          this._subtitles = [newValue];\n        }\n      }\n    } else {\n      this._subtitles = newValue;\n    }\n  }\n\n  @Watch(\"headerActions\")\n  headerActionsWatcher(newValue: StzhCardHeaderAction[] | string) {\n    if (typeof newValue === \"string\") {\n      this._headerActions = JSON.parse(newValue);\n    } else {\n      this._headerActions = newValue;\n    }\n  }\n\n  @Watch(\"footerActions\")\n  footerActionsWatcher(newValue: StzhActionsetItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._footerActions = JSON.parse(newValue);\n    } else {\n      this._footerActions = newValue;\n    }\n  }\n\n  // @Watch(\"collapsed\")\n  // collapsedWatcher() {\n  //   this.handleResize();\n  // }\n\n  private observer: MutationObserver;\n\n  private nodeChange = (entries) => {\n    let changeInSlot = false;\n\n    entries.forEach((entry) => {\n      if (entry.target.closest('[slot]') || entry.target.hasAttribute('slot')) {\n        changeInSlot = true;\n      }\n    });\n\n    if (changeInSlot) {\n      forceUpdate(this.element);\n    }\n  };\n\n  // private mainElement: HTMLElement;\n  // private headerElement: HTMLElement;\n  // private headerLeftElement: HTMLElement;\n  // private headerRightElement: HTMLElement;\n  private imageLinkElement: HTMLAnchorElement;\n  private titleLinkElement: HTMLAnchorElement;\n  private headingTextElement: HTMLDivElement;\n  private sortable: HTMLStzhSortableElement;\n\n  // private debounceResize: number;\n  // private resizeObserver: ResizeObserver;\n\n  // private update = () => {\n  //   if (!this.mainElement) {\n  //     return;\n  //   }\n\n  //   this.mainElement.classList.remove(\"stzh-card--has-collapsed-header\");\n\n  //   if (media('medium').matches) {\n  //     const headerWidth = this.headerElement.clientWidth;\n  //     const leftWidth = this.headerLeftElement.clientWidth;\n  //     const rightWidth = this.headerRightElement.clientWidth;\n\n  //     if (headerWidth - leftWidth <= rightWidth) {\n  //       this.mainElement.classList.add(\"stzh-card--has-collapsed-header\");\n  //     }\n  //   }\n  // }\n\n  private headerClick = (event: MouseEvent) => {\n    if (!this.collapsible) {\n      return;\n    }\n\n    const filterTags = [\"stzh-popover\", \"stzh-tooltip\", \"button\", \"a\", \"input\", \"select\", \"textarea\", \"iframe\", \"details\", \"label\", \"area\"];\n    const composedPathTags = event.composedPath().map(element => (element as HTMLElement).tagName?.toLowerCase());\n    const found = composedPathTags.some(r => filterTags.includes(r))\n\n    if (!found) {\n      this.collapsed = !this.collapsed;\n\n      this.stzhCollapse.emit({\n        component: \"stzh-card\",\n        collapsed: this.collapsed\n      });\n    }\n  }\n\n  private subtitleClick = (event: MouseEvent) => {\n    if (this.subtitleInteractive) {\n      this.stzhSubtitleClick.emit({\n        component: \"stzh-card\",\n        originalEvent: event\n      });\n    }\n  }\n\n  private starToggleClick = (event: MouseEvent) => {\n    this.stzhStarClick.emit({\n      component: \"stzh-card\",\n      starred: this.starred,\n      originalEvent: event\n    });\n  }\n\n  private actionClick = (event: MouseEvent, action: StzhCardHeaderAction) => {\n    this.stzhHeaderActionClick.emit({\n      component: \"stzh-card\",\n      action,\n      originalEvent: event\n    });\n  }\n\n  private arrowUpClick = () => {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      const element = this.findSortableChildElement();\n      sortable.moveItem(element, \"up\");\n    }\n  }\n\n  private arrowDownClick = () => {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      const element = this.findSortableChildElement();\n      sortable.moveItem(element, \"down\");\n    }\n  }\n\n  private updateElementInsideSortable = () => {\n    const currentSortable = this.element.closest(\"stzh-sortable\");\n\n    // check if element is still inside sortable\n    if (!currentSortable) {\n      this.sortable.removeEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n      this.sortable.removeEventListener(\"stzhDisable\", this.updateElementInsideSortable)\n      return;\n    }\n\n    if (this.element) {\n      forceUpdate(this.element);\n    }\n  }\n\n  private init = () => {\n    const chips = this.element.querySelectorAll(\n      'stzh-chip[slot=\"meta\"], [slot=\"meta\"] stzh-chip'\n    );\n\n    const texts = this.element.querySelectorAll(\n      'stzh-text[slot=\"content\"], [slot=\"meta\"] stzh-text'\n    );\n\n    chips.forEach((chip) => {\n      setPropsIfNull(chip, {\n        size: \"small\"\n      } as HTMLStzhChipElement)\n    });\n\n    texts.forEach((text) => {\n      setPropsIfNull(text, {\n        size: \"inherit\"\n      } as HTMLStzhTextElement)\n    });\n  }\n\n  // private handleResize = () => {\n  //   if (this.debounceResize) {\n  //     window.cancelAnimationFrame(this.debounceResize);\n  //   }\n\n  //   this.debounceResize = requestAnimationFrame(this.update);\n  // }\n\n  private handleMutation = (entries) => {\n    this.init();\n    this.nodeChange(entries);\n  }\n\n  private handleSelectionChange = (event: CustomEvent<StzhButtonChangeEvent>) => {\n    this.checked = event.detail.checked;\n  }\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card\",\n      originalEvent,\n      href: this.href\n    });\n  }\n\n  private findSortableChildElement(): HTMLElement | undefined {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      let element: HTMLElement = this.element;\n      let sortableContainer = null;\n\n      if (typeof sortable.container === \"function\") {\n        sortableContainer = sortable.container();\n      } else {\n        sortableContainer = sortable.container;\n      }\n\n      while (element.parentElement && element.parentElement !== sortableContainer) {\n        element = element.parentElement;\n      }\n\n      return element;\n    }\n  }\n\n  async componentWillLoad() {\n    this.subtitleWatcher(this.subtitle);\n    this.headerActionsWatcher(this.headerActions);\n    this.footerActionsWatcher(this.footerActions);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card\");\n    }\n\n    // if (!this.dateAdapter) {\n    //   this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n    //     this.localization.$formats,\n    //     this.localization.$globals\n    //   );\n    // }\n  }\n\n  componentDidLoad() {\n    this.sortable = this.element.closest(\"stzh-sortable\");\n\n    if (this.sortable) {\n      this.sortable.addEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n      this.sortable.addEventListener(\"stzhDisable\", this.updateElementInsideSortable)\n    }\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.imageLinkElement?.setAttribute(\"s-object-id\", objectId);\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.handleMutation);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n\n    // this.resizeObserver = new ResizeObserver(this.handleResize);\n    // this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    // if (this.resizeObserver) {\n    //   this.resizeObserver.disconnect();\n    // }\n  }\n\n  render() {\n    const imageUsed: boolean = hasSlot(this.element, \"image\");\n    const headingUsed: boolean = hasSlot(this.element, \"heading\");\n    const footerUsed: boolean = hasSlot(this.element, \"footer\");\n    const contentUsed: boolean = hasSlot(this.element, \"content\");\n\n    const Heading = `h${this.headingLevel}`;\n    const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;\n\n    const sortableChildElement = this.findSortableChildElement();\n\n    const isFirstItemInSortable = sortableChildElement?.parentElement\n      && Array.from(sortableChildElement?.parentElement?.children)\n        .indexOf(sortableChildElement) === 0;\n\n    const isLastItemInSortable = sortableChildElement?.parentElement\n      && Array.from(sortableChildElement?.parentElement?.children)\n        .indexOf(sortableChildElement) === sortableChildElement?.parentElement?.children.length - 1;\n\n    const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;\n    const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;\n\n    // const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);\n\n    // const headerActions = [\n    //   ...this._headerActions\n    // ];\n\n    const hasHeading = !!this.heading || headingUsed;\n\n    const hasHeader = hasHeading\n      || this._subtitles.length > 0\n      || this._headerActions.length > 0\n      // || nonCollapsingTextHeaderActions.length > 0\n      || this.starrable\n      || sortableActionsEnabled;\n\n    const hasFooter = footerUsed\n      || this._footerActions.length > 0\n      || this.selectable\n      // || !!this.author\n      // || !!this.date;\n\n    const headerActionsWithBadge = this._headerActions.filter(action => !!action.badge || action.badgeEmpty);\n\n    const classes = {\n      \"stzh-card\": true,\n      \"stzh-card--has-link\": !!this.href,\n      \"stzh-card--has-image\": imageUsed,\n      \"stzh-card--has-content\": contentUsed,\n      \"stzh-card--has-subtitle\": !!this.subtitle,\n      \"stzh-card--has-subtitle-interactive\": !!this.subtitle && this.subtitleInteractive,\n      \"stzh-card--has-header\": hasHeader,\n      \"stzh-card--has-footer\": hasFooter,\n      // \"stzh-card--has-tag\": !!this.tag,\n      \"stzh-card--is-collapsible\": this.collapsible,\n      \"stzh-card--is-collapsed\": this.collapsed,\n      \"stzh-card--is-starred\": this.starred,\n      \"stzh-card--is-checked\": this.checked,\n      \"stzh-card--is-sortable\": sortableEnabled,\n      [`stzh-card--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host role=\"listitem\" aria-label={this.heading} is-sortable={sortableEnabled}>\n        <article\n          // ref={(el) => (this.mainElement = el as HTMLElement)}\n          class={classes}\n        >\n          <a\n            ref={(el) => (this.imageLinkElement = el as HTMLAnchorElement)}\n            aria-hidden=\"true\"\n            tabindex=\"-1\"\n            class=\"stzh-card__image-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.href ? this.handleCardClick : null}\n          >\n            <slot name=\"image\"></slot>\n          </a>\n          <div class=\"stzh-card__content-wrapper\">\n            <stzh-icon class=\"stzh-card__dnd\" name=\"drag\"></stzh-icon>\n            {/* {this.tag && <div class=\"stzh-card__tag\">{this.tag}</div>} */}\n\n            <header\n              // ref={(el) => (this.headerElement = el as HTMLElement)}\n              class=\"stzh-card__header\"\n              onClick={this.headerClick}\n            >\n              <div class=\"stzh-card__header-top\">\n                <div\n                  // ref={(el) => (this.headerLeftElement = el as HTMLElement)}\n                  class=\"stzh-card__header-left\"\n                >\n                  <div class=\"stzh-card__title-area\">\n                    {hasHeading &&\n                      <Heading class=\"stzh-card__title\">\n                        <a\n                          ref={(el) => (this.titleLinkElement = el as HTMLAnchorElement)}\n                          class=\"stzh-card__title-link\"\n                          href={this.href}\n                          target={this.target}\n                          onClick={this.href ? this.handleCardClick : null}\n                        >\n                          <div ref={(el) => (this.headingTextElement = el as HTMLDivElement)}>\n                            {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                          </div>\n                        </a>\n                      </Heading>\n                    }\n                    {this._subtitles.length > 0 &&\n                      <Subtitle class=\"stzh-card__subtitle\" onClick={this.subtitleClick}>\n                        {this._subtitles.map(subtitle => (\n                          <span class=\"stzh-card__subtitle-text\">{subtitle}</span>\n                        ))}\n                      </Subtitle>\n                    }\n                  </div>\n                </div>\n                <div\n                  // ref={(el) => (this.headerRightElement = el as HTMLElement)}\n                  class=\"stzh-card__header-right\"\n                >\n                  <div class=\"stzh-card__card-actions\">\n                    {/* {this._headerActions.map(action => (\n                      <stzh-button\n                        class={{\n                          \"stzh-card__card-action\": true,\n                          \"is-button\": true,\n                          \"show-medium\": !action.onlyCollapseText,\n                          \"hide-when-collapsed\": !action.onlyCollapseText,\n                          \"hide-text-when-collapsed\": action.onlyCollapseText\n                        }}\n                        icon={action.icon}\n                        badge={action.badge}\n                        badgeEmpty={action.badgeEmpty}\n                        badgeType={action.badgeType}\n                        variant=\"tertiary\"\n                        size=\"tiny\"\n                        badgePosition=\"icon\"\n                        onClick={(e: MouseEvent) => { this.actionClick(e, action) }}\n                      >\n                        <span\n                          class={{\n                            \"vshow-medium\": action.onlyCollapseText,\n                            \"vhide-when-collapsed\": action.onlyCollapseText\n                          }}\n                        >\n                          {action.label}\n                        </span>\n                      </stzh-button>\n                    ))} */}\n\n                    {this.starrable &&\n                      <stzh-tooltip>\n                        <stzh-button\n                          class=\"stzh-card__card-action is-star\"\n                          icon={this.starred ? \"star-filled\" : \"star\"}\n                          variant=\"tertiary\"\n                          size=\"tiny\"\n                          iconOnly={true}\n                          onClick={this.starToggleClick}\n                        ></stzh-button>\n                        <div slot=\"content\">\n                          {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n                        </div>\n                      </stzh-tooltip>\n                    }\n\n                    {/* <stzh-actionset actions={headerActions} variant=\"overflow\"></stzh-actionset> */}\n                    {/* {(nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) && */}\n                    {(this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) &&\n                      <stzh-popover\n                        label={this.localization.actionsPopoverLabel}\n                        placement=\"bottom-end\"\n                        class={{\n                          \"stzh-card__card-action-popover\": true,\n                          // \"hide-medium show-when-collapsed\": !this.starrable && !sortableActionsEnabled\n                        }}\n                      >\n                        <stzh-button\n                          class=\"stzh-card__card-action is-further\"\n                          variant=\"tertiary\"\n                          size=\"tiny\"\n                          icon=\"more-vertical\"\n                          iconOnly={true}\n                          badge={this.headerActionsBadge}\n                          badgeEmpty={headerActionsWithBadge.length > 0}\n                          badgePosition=\"icon\"\n                          badgeType={this.headerActionsBadgeType || headerActionsWithBadge[0]?.badgeType || \"default\"}\n                        ></stzh-button>\n                        <stzh-menu slot=\"content\">\n                          {/* {nonCollapsingTextHeaderActions.map(action => ( */}\n                          {this._headerActions.map(action => (\n                            <stzh-menu-item\n                              // class=\"hide-medium show-when-collapsed\"\n                              icon={action.icon}\n                              badge={action.badge}\n                              badgeEmpty={action.badgeEmpty}\n                              badgeType={action.badgeType}\n                              onClick={(e: MouseEvent) => { this.actionClick(e, action) }}\n                            >\n                              {action.label}\n                            </stzh-menu-item>\n                          ))}\n\n                          {sortableActionsEnabled &&\n                            <Fragment>\n                              {!isFirstItemInSortable &&\n                                <stzh-menu-item icon=\"arrow-up\" onClick={this.arrowUpClick}>\n                                  {this.localization.actionMoveUp}\n                                </stzh-menu-item>\n                              }\n                              {!isLastItemInSortable &&\n                                <stzh-menu-item icon=\"arrow-down\" onClick={this.arrowDownClick}>\n                                  {this.localization.actionMoveDown}\n                                </stzh-menu-item>\n                              }\n                            </Fragment>\n                          }\n\n                          {this.starrable &&\n                            <stzh-menu-item icon={this.starred ? \"star-filled\" : \"star\"} onClick={this.starToggleClick}>\n                              {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n                            </stzh-menu-item>\n                          }\n                        </stzh-menu>\n                      </stzh-popover>\n                    }\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"stzh-card__header-meta\">\n                <slot name=\"meta\"></slot>\n              </div>\n            </header>\n\n            <div class=\"stzh-card__content hide-when-collapsed\">\n              <slot name=\"content\"></slot>\n            </div>\n\n            <div class=\"stzh-card__footer hide-when-collapsed\">\n              {/* {(this.author || this.date) &&\n                <div class=\"stzh-card__footer-meta\">\n                  {this.author &&\n                    <div class=\"stzh-card__footer-author\">{this.author}</div>\n                  }\n                  {this.author && this.date &&\n                    <div class=\"stzh-card__footer-meta-separator\"></div>\n                  }\n                  {this.date &&\n                    <div class=\"stzh-card__footer-date\">\n                      {this.dateAdapter.format(new Date(this.date), \"dateInput\")}\n                    </div>\n                  }\n                </div>\n              } */}\n\n              <slot name=\"footer\">\n                {this._footerActions.length > 0 &&\n                  <stzh-actionset\n                    class=\"stzh-card__footer-actionset\"\n                    actions={this._footerActions}\n                  ></stzh-actionset>\n                }\n\n                {this.selectable &&\n                  <stzh-button\n                    class=\"stzh-card__footer-select-button\"\n                    fullwidth\n                    type=\"radio\"\n                    variant=\"secondary\"\n                    name={this.name}\n                    value={this.value}\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    label={this.localization.select}\n                    onStzhChange={this.handleSelectionChange}\n                  ></stzh-button>\n                }\n              </slot>\n            </div>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n",":host {\n  --description-color: var(--stzh-cardlist-description-color, inherit);\n  --background-color: var(--stzh-cardlist-background-color, inherit);\n}\n\n.stzh-cardlist {\n  &__cards {\n    display: grid;\n    gap: $gridGutter;\n\n    @include mq($from: small) {\n      gap: $gridGutterSmall;\n    }\n\n    @include mq($from: medium) {\n      gap: $gridGutterMedium;\n    }\n\n    @include mq($from: large) {\n      gap: $gridGutterLarge;\n    }\n\n    @include mq($from: ultra) {\n      gap: $gridGutterUltra;\n    }\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: medium) { // was smallheader before\n      flex-direction: row;\n    }\n  }\n\n  &__description {\n    @include fontCurve('p1');\n    --stzh-icon-color: #{$colorPrimary70};\n\n    &:not(:empty) {\n      margin-bottom: space('xsmall');\n\n      @include mq($from: medium) { // was smallheader before\n        margin-bottom: 0;\n      }\n    }\n\n    ::slotted(stzh-heading) {\n      --color: var(--description-color);\n    }\n  }\n\n  &__switch {\n    --color: inherit;\n    align-self: end;\n  }\n\n  /* Has content inside header */\n\n  &:has(#{&}__description:not(:empty)) &__header,\n  &--has-toggle-link &__header {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  /* Subpages layout variant */\n\n  &--layout-subpages &__cards:has(stzh-card-navigation:not([has-lead])),\n  &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n    @include spaceCurve('row-gap', 'tiny');\n\n    @include mq($from: small) {\n      padding-left: calc(((100% - (#{$gridGutterSmall} * 3)) / 4) + #{$gridGutterSmall});\n    }\n\n    @include mq($from: medium) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: 0;\n    }\n  }\n\n  &--layout-subpages &__cards:has(stzh-card-navigation[has-lead]),\n  &--layout-subpages &__cards:has(stzh-pi-content-navigation[has-lead]) {\n    @include spaceCurve('row-gap', 'regular');\n\n    @include mq($from: small) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    @include mq($from: large) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  /* Teasers and Pi Teasers layout variant */\n\n  &--layout-teasers &__cards,\n  &--layout-pi-teasers &__cards {\n    @include spaceCurve('row-gap', 'medium');\n\n    @include mq($from: small) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    @include mq($from: medium) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    @include mq($from: large) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  &--layout-teasers#{&}--max-3-cols &__cards,\n  &--layout-pi-teasers#{&}--max-3-cols &__cards {\n    @include mq($from: large) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  /* Searchresults layout variant */\n\n  &--layout-searchresults &__cards {\n    gap: space('xlarge');\n  }\n\n  /* Fullwidth layout variant (e.g. for MeinKonto dashboard) */\n\n  &--layout-fullwidth &__cards {\n    @include spaceCurve('gap', 'regular');\n  }\n\n  /* Pi Teasers variant */\n  &--layout-pi-teasers {\n    background-color: var(--background-color);\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n    margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n    width: calc(100vw - var(--stzh-scrollbar-width));\n    max-width: calc(100vw - var(--stzh-scrollbar-width));\n    @include spaceCurve('padding-top', 'big');\n    @include spaceCurve('padding-bottom', 'big');\n  }\n\n  &--layout-pi-teasers &__header,\n  &--layout-pi-teasers &__cards {\n    @include container();\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State } from \"@stencil/core\";\n\nimport { StzhCardlistCollapseAllEvent } from \"../../index\";\nimport { StzhCardlistLocalizedText } from \"./stzh-cardlist.localization\";\n\n/**\n * @slot - Slot for `stzh-card` elements\n * @slot description - Slot for description\n */\n@Component({\n  tag: \"stzh-cardlist\",\n  styleUrl: \"stzh-cardlist.scss\",\n  scoped: true,\n})\nexport class StzhCardlist {\n  /** Translation strings */\n  @Prop() localization: StzhCardlistLocalizedText;\n\n  @Prop({ reflect: true }) layout: \"fullwidth\" | \"searchresults\" | \"subpages\" | \"teasers\" | \"pi-teasers\" = \"fullwidth\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Whether collapse/expand toggle link */\n  @Prop({ reflect: true }) showToggleLink: boolean = false;\n\n  /** Whether sorting should be enabled */\n  @Prop() sortableEnabled: boolean = false;\n\n  /** HTML attribute that is used by the `toArray()` of sortable method */\n  @Prop() sortableDataIdAttribute: string = \"data-id\";\n\n  @Element() element: HTMLStzhCardlistElement;\n\n  /** Collapse all event */\n  @Event() stzhCollapseAll: EventEmitter<StzhCardlistCollapseAllEvent>;\n\n  @Listen(\"stzhCollapse\")\n  collapseListener() {\n    this.updateCollapsedState();\n  }\n\n  @State() allCollapsed: boolean = false;\n  @State() isStzhAnchornavVisible: boolean = false;\n\n  private collapseClick = () => {\n    const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n    cards.forEach(card => {\n      if (card.collapsible) {\n        card.collapsed = !this.allCollapsed;\n      }\n    });\n\n    this.allCollapsed = !this.allCollapsed;\n\n    this.stzhCollapseAll.emit({\n      component: \"stzh-cardlist\",\n      allCollapsed: this.allCollapsed,\n    });\n  };\n\n  private updateCollapsedState = () => {\n    const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n    this.allCollapsed = !cards.some(card => !card.collapsed);\n  };\n\n  private sortableGhostClone: Function = (dragElement: HTMLElement) => {\n    // const [clonedElement, clonedStzhElement, originalStzhElement] = cloneWrappedStzhElement(dragElement);\n\n    // if (\n    //   clonedStzhElement\n    //   && originalStzhElement\n    //   && clonedStzhElement.tagName.toLowerCase() === \"stzh-card\"\n    // ) {\n    //   const clonedStzhElementCard: HTMLStzhCardElement = clonedStzhElement as HTMLStzhCardElement;\n    //   const originalStzhElementCard: HTMLStzhCardElement = originalStzhElement as HTMLStzhCardElement;\n\n    //   // copy every property that is not reflected to its attribute\n    //   clonedStzhElementCard.heading = originalStzhElementCard.heading;\n    //   clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;\n    //   clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;\n    //   clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;\n    //   clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;\n    // }\n\n    // return clonedElement;\n\n    const card =\n      dragElement.tagName.toLowerCase() === \"stzh-card\" ? dragElement : dragElement.querySelector(\"stzh-card\");\n\n    if (card) {\n      const originalElement = dragElement as HTMLStzhCardElement;\n      const clonedElement = dragElement.cloneNode(true) as HTMLStzhCardElement;\n\n      // copy every property that is not reflected to its attribute\n      clonedElement.heading = originalElement.heading;\n      clonedElement.subtitle = originalElement.subtitle;\n      clonedElement.headerActions = originalElement.headerActions;\n      clonedElement.footerActions = originalElement.footerActions;\n      clonedElement.hideMovementActions = originalElement.hideMovementActions;\n\n      return clonedElement;\n    }\n  };\n\n  async componentWillLoad() {\n    this.isStzhAnchornavVisible =\n      document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"cardlist\");\n    }\n  }\n\n  componentDidLoad() {\n    this.isStzhAnchornavVisible =\n      document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n    this.updateCollapsedState();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-cardlist\": true,\n      \"stzh-cardlist--has-toggle-link\": this.showToggleLink,\n      \"stzh-cardlist--max-3-cols\": this.isStzhAnchornavVisible,\n      [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-cardlist__header\">\n            <div class=\"stzh-cardlist__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n            {this.showToggleLink && (\n              <stzh-link\n                class=\"stzh-cardlist__switch\"\n                icon={this.allCollapsed ? \"list-expanded\" : \"list-shrinked\"}\n                label={this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll}\n                onClick={this.collapseClick}\n              ></stzh-link>\n            )}\n          </div>\n\n          <stzh-sortable\n            disabled={!this.sortableEnabled}\n            dataIdAttribute={this.sortableDataIdAttribute}\n            ghostClone={this.sortableGhostClone}\n          >\n            <div class=\"stzh-cardlist__cards\" role=\"list\">\n              <slot></slot>\n            </div>\n          </stzh-sortable>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-161ae3d1.entry.js → p-0b15d79b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as e,g as o}from"./p-c7bfac7a.js";import{i as n}from"./p-7e304ea3.js";import{w as a}from"./p-54bd842e.js";import{s as h,a as r,b as c}from"./p-7e2354d0.js";import"./p-9b063923.js";const d=".sc-stzh-details-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-details-h{display:none}.sc-stzh-details-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-details-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-details-h *.sc-stzh-details,.sc-stzh-details-h *.sc-stzh-details::before,.sc-stzh-details-h *.sc-stzh-details::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-details-h .has-focus.sc-stzh-details{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details{outline-style:none !important}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details::-moz-focus-inner{border:0 !important}.sc-stzh-details-h{display:contents;--content-width:var(--stzh-details-content-width, 100%);--content-padding-left:0px;--content-padding-right:var(--stzh-details-content-padding-right, 0px);--content-background:transparent;--content-grid-column:var(--stzh-details-content-grid-column, inherit);--content-border-bottom:none;--content-padding-top:var(--stzh-details-content-padding-top, var(--stzh-space-medium));--content-padding-bottom:0}.stzh-details.sc-stzh-details,.stzh-details__trigger.sc-stzh-details{display:contents}.stzh-details__content.sc-stzh-details{width:var(--content-width);overflow:hidden;background-color:var(--content-background);grid-column:var(--content-grid-column);border-bottom:var(--content-border-bottom)}@media print{.stzh-details__content.sc-stzh-details{height:auto !important;overflow:visible !important;display:block !important}}.stzh-details__content-inner.sc-stzh-details{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-left:var(--content-padding-left);padding-right:var(--content-padding-right)}";const l={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const p={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const f=class{constructor(i){t(this,i);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.toggledByMethod=false;this.onClickTrigger=()=>{this.toggle()};this.open=false}async openWatcher(t){if(!this.triggerElement){return}if(this.triggerElement.firstElementChild){const s=n(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(s?"a11y-expanded":"aria-expanded",t?"true":"false")}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await h(this.bodyElement);this.bodyElement.hidden=false;await r(this.bodyElement,c(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await h(this.bodyElement);this.bodyElement.style.overflow="hidden";await r(this.bodyElement,c(p.keyframes,{height:this.bodyElement.scrollHeight}),p.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}componentWillLoad(){this.detailsId=`stzh-details-${z++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden";if(this.triggerElement.firstElementChild){const t=n(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-controls":"aria-controls",`${this.detailsId}-content`);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false")}}connectedCallback(){var t;let s=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!s){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));s=t}if(s){s.addEventListener("click",this.onClickTrigger)}}disconnectedCallback(){if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-details":true,"stzh-details--is-open":this.open};return i(e,null,i("div",{class:t},i("div",{ref:t=>this.triggerElement=t,class:"stzh-details__trigger"},i("slot",null)),i("div",{id:`${this.detailsId}-content`,ref:t=>this.bodyElement=t,class:"stzh-details__content","aria-labelledby":`${this.detailsId}-header`},i("div",{class:"stzh-details__content-inner"},i("slot",{name:"content"})))))}get element(){return o(this)}static get watchers(){return{open:["openWatcher"]}}};f.style=d;export{f as stzh_details};
-//# sourceMappingURL=p-161ae3d1.entry.js.map
+import{r as t,c as s,h as i,a as e,g as o}from"./p-c7bfac7a.js";import{i as n}from"./p-e30a5acc.js";import{w as a}from"./p-54bd842e.js";import{s as h,a as r,b as c}from"./p-7e2354d0.js";import"./p-9b063923.js";const d=".sc-stzh-details-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-details-h{display:none}.sc-stzh-details-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-details-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-details-h *.sc-stzh-details,.sc-stzh-details-h *.sc-stzh-details::before,.sc-stzh-details-h *.sc-stzh-details::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-details-h .has-focus.sc-stzh-details{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details{outline-style:none !important}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details::-moz-focus-inner{border:0 !important}.sc-stzh-details-h{display:contents;--content-width:var(--stzh-details-content-width, 100%);--content-padding-left:0px;--content-padding-right:var(--stzh-details-content-padding-right, 0px);--content-background:transparent;--content-grid-column:var(--stzh-details-content-grid-column, inherit);--content-border-bottom:none;--content-padding-top:var(--stzh-details-content-padding-top, var(--stzh-space-medium));--content-padding-bottom:0}.stzh-details.sc-stzh-details,.stzh-details__trigger.sc-stzh-details{display:contents}.stzh-details__content.sc-stzh-details{width:var(--content-width);overflow:hidden;background-color:var(--content-background);grid-column:var(--content-grid-column);border-bottom:var(--content-border-bottom)}@media print{.stzh-details__content.sc-stzh-details{height:auto !important;overflow:visible !important;display:block !important}}.stzh-details__content-inner.sc-stzh-details{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-left:var(--content-padding-left);padding-right:var(--content-padding-right)}";const l={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const p={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const f=class{constructor(i){t(this,i);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.toggledByMethod=false;this.onClickTrigger=()=>{this.toggle()};this.open=false}async openWatcher(t){if(!this.triggerElement){return}if(this.triggerElement.firstElementChild){const s=n(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(s?"a11y-expanded":"aria-expanded",t?"true":"false")}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await h(this.bodyElement);this.bodyElement.hidden=false;await r(this.bodyElement,c(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await h(this.bodyElement);this.bodyElement.style.overflow="hidden";await r(this.bodyElement,c(p.keyframes,{height:this.bodyElement.scrollHeight}),p.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}componentWillLoad(){this.detailsId=`stzh-details-${z++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden";if(this.triggerElement.firstElementChild){const t=n(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-controls":"aria-controls",`${this.detailsId}-content`);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false")}}connectedCallback(){var t;let s=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!s){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));s=t}if(s){s.addEventListener("click",this.onClickTrigger)}}disconnectedCallback(){if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-details":true,"stzh-details--is-open":this.open};return i(e,null,i("div",{class:t},i("div",{ref:t=>this.triggerElement=t,class:"stzh-details__trigger"},i("slot",null)),i("div",{id:`${this.detailsId}-content`,ref:t=>this.bodyElement=t,class:"stzh-details__content","aria-labelledby":`${this.detailsId}-header`},i("div",{class:"stzh-details__content-inner"},i("slot",{name:"content"})))))}get element(){return o(this)}static get watchers(){return{open:["openWatcher"]}}};f.style=d;export{f as stzh_details};
+//# sourceMappingURL=p-0b15d79b.entry.js.map

package/dist/stzh-components/p-109a885b.entry.js

@@ -0,0 +1,2 @@
+import{r,c as o,h as t,a as n,g as c}from"./p-c7bfac7a.js";import{c as a,a as b}from"./p-7183ba4d.js";var e=a((function(r,o){(function(o,t){r.exports=t()})(b,(function(){function r(o){"@babel/helpers - typeof";return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},r(o)}var o=/^\s+/;var t=/\s+$/;function n(r,o){r=r?r:"";o=o||{};if(r instanceof n){return r}if(!(this instanceof n)){return new n(r,o)}var t=c(r);this._originalInput=r,this._r=t.r,this._g=t.g,this._b=t.b,this._a=t.a,this._roundA=Math.round(100*this._a)/100,this._format=o.format||t.format;this._gradientType=o.gradientType;if(this._r<1)this._r=Math.round(this._r);if(this._g<1)this._g=Math.round(this._g);if(this._b<1)this._b=Math.round(this._b);this._ok=t.ok}n.prototype={isDark:function r(){return this.getBrightness()<128},isLight:function r(){return!this.isDark()},isValid:function r(){return this._ok},getOriginalInput:function r(){return this._originalInput},getFormat:function r(){return this._format},getAlpha:function r(){return this._a},getBrightness:function r(){var o=this.toRgb();return(o.r*299+o.g*587+o.b*114)/1e3},getLuminance:function r(){var o=this.toRgb();var t,n,c,a,b,e;t=o.r/255;n=o.g/255;c=o.b/255;if(t<=.03928)a=t/12.92;else a=Math.pow((t+.055)/1.055,2.4);if(n<=.03928)b=n/12.92;else b=Math.pow((n+.055)/1.055,2.4);if(c<=.03928)e=c/12.92;else e=Math.pow((c+.055)/1.055,2.4);return.2126*a+.7152*b+.0722*e},setAlpha:function r(o){this._a=F(o);this._roundA=Math.round(100*this._a)/100;return this},toHsv:function r(){var o=i(this._r,this._g,this._b);return{h:o.h*360,s:o.s,v:o.v,a:this._a}},toHsvString:function r(){var o=i(this._r,this._g,this._b);var t=Math.round(o.h*360),n=Math.round(o.s*100),c=Math.round(o.v*100);return this._a==1?"hsv("+t+", "+n+"%, "+c+"%)":"hsva("+t+", "+n+"%, "+c+"%, "+this._roundA+")"},toHsl:function r(){var o=b(this._r,this._g,this._b);return{h:o.h*360,s:o.s,l:o.l,a:this._a}},toHslString:function r(){var o=b(this._r,this._g,this._b);var t=Math.round(o.h*360),n=Math.round(o.s*100),c=Math.round(o.l*100);return this._a==1?"hsl("+t+", "+n+"%, "+c+"%)":"hsla("+t+", "+n+"%, "+c+"%, "+this._roundA+")"},toHex:function r(o){return s(this._r,this._g,this._b,o)},toHexString:function r(o){return"#"+this.toHex(o)},toHex8:function r(o){return l(this._r,this._g,this._b,this._a,o)},toHex8String:function r(o){return"#"+this.toHex8(o)},toRgb:function r(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function r(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function r(){return{r:Math.round(_(this._r,255)*100)+"%",g:Math.round(_(this._g,255)*100)+"%",b:Math.round(_(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function r(){return this._a==1?"rgb("+Math.round(_(this._r,255)*100)+"%, "+Math.round(_(this._g,255)*100)+"%, "+Math.round(_(this._b,255)*100)+"%)":"rgba("+Math.round(_(this._r,255)*100)+"%, "+Math.round(_(this._g,255)*100)+"%, "+Math.round(_(this._b,255)*100)+"%, "+this._roundA+")"},toName:function r(){if(this._a===0){return"transparent"}if(this._a<1){return false}return N[s(this._r,this._g,this._b,true)]||false},toFilter:function r(o){var t="#"+h(this._r,this._g,this._b,this._a);var c=t;var a=this._gradientType?"GradientType = 1, ":"";if(o){var b=n(o);c="#"+h(b._r,b._g,b._b,b._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+t+",endColorstr="+c+")"},toString:function r(o){var t=!!o;o=o||this._format;var n=false;var c=this._a<1&&this._a>=0;var a=!t&&c&&(o==="hex"||o==="hex6"||o==="hex3"||o==="hex4"||o==="hex8"||o==="name");if(a){if(o==="name"&&this._a===0){return this.toName()}return this.toRgbString()}if(o==="rgb"){n=this.toRgbString()}if(o==="prgb"){n=this.toPercentageRgbString()}if(o==="hex"||o==="hex6"){n=this.toHexString()}if(o==="hex3"){n=this.toHexString(true)}if(o==="hex4"){n=this.toHex8String(true)}if(o==="hex8"){n=this.toHex8String()}if(o==="name"){n=this.toName()}if(o==="hsl"){n=this.toHslString()}if(o==="hsv"){n=this.toHsvString()}return n||this.toHexString()},clone:function r(){return n(this.toString())},_applyModification:function r(o,t){var n=o.apply(null,[this].concat([].slice.call(t)));this._r=n._r;this._g=n._g;this._b=n._b;this.setAlpha(n._a);return this},lighten:function r(){return this._applyModification(k,arguments)},brighten:function r(){return this._applyModification(v,arguments)},darken:function r(){return this._applyModification(p,arguments)},desaturate:function r(){return this._applyModification(u,arguments)},saturate:function r(){return this._applyModification(f,arguments)},greyscale:function r(){return this._applyModification(d,arguments)},spin:function r(){return this._applyModification(z,arguments)},_applyCombination:function r(o,t){return o.apply(null,[this].concat([].slice.call(t)))},analogous:function r(){return this._applyCombination(w,arguments)},complement:function r(){return this._applyCombination(m,arguments)},monochromatic:function r(){return this._applyCombination(x,arguments)},splitcomplement:function r(){return this._applyCombination(M,arguments)},triad:function r(){return this._applyCombination(y,[3])},tetrad:function r(){return this._applyCombination(y,[4])}};n.fromRatio=function(o,t){if(r(o)=="object"){var c={};for(var a in o){if(o.hasOwnProperty(a)){if(a==="a"){c[a]=o[a]}else{c[a]=$(o[a])}}}o=c}return n(o,t)};function c(o){var t={r:0,g:0,b:0};var n=1;var c=null;var b=null;var i=null;var s=false;var l=false;if(typeof o=="string"){o=P(o)}if(r(o)=="object"){if(D(o.r)&&D(o.g)&&D(o.b)){t=a(o.r,o.g,o.b);s=true;l=String(o.r).substr(-1)==="%"?"prgb":"rgb"}else if(D(o.h)&&D(o.s)&&D(o.v)){c=$(o.s);b=$(o.v);t=g(o.h,c,b);s=true;l="hsv"}else if(D(o.h)&&D(o.s)&&D(o.l)){c=$(o.s);i=$(o.l);t=e(o.h,c,i);s=true;l="hsl"}if(o.hasOwnProperty("a")){n=o.a}}n=F(n);return{ok:s,format:o.format||l,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}function a(r,o,t){return{r:_(r,255)*255,g:_(o,255)*255,b:_(t,255)*255}}function b(r,o,t){r=_(r,255);o=_(o,255);t=_(t,255);var n=Math.max(r,o,t),c=Math.min(r,o,t);var a,b,e=(n+c)/2;if(n==c){a=b=0}else{var i=n-c;b=e>.5?i/(2-n-c):i/(n+c);switch(n){case r:a=(o-t)/i+(o<t?6:0);break;case o:a=(t-r)/i+2;break;case t:a=(r-o)/i+4;break}a/=6}return{h:a,s:b,l:e}}function e(r,o,t){var n,c,a;r=_(r,360);o=_(o,100);t=_(t,100);function b(r,o,t){if(t<0)t+=1;if(t>1)t-=1;if(t<1/6)return r+(o-r)*6*t;if(t<1/2)return o;if(t<2/3)return r+(o-r)*(2/3-t)*6;return r}if(o===0){n=c=a=t}else{var e=t<.5?t*(1+o):t+o-t*o;var i=2*t-e;n=b(i,e,r+1/3);c=b(i,e,r);a=b(i,e,r-1/3)}return{r:n*255,g:c*255,b:a*255}}function i(r,o,t){r=_(r,255);o=_(o,255);t=_(t,255);var n=Math.max(r,o,t),c=Math.min(r,o,t);var a,b,e=n;var i=n-c;b=n===0?0:i/n;if(n==c){a=0}else{switch(n){case r:a=(o-t)/i+(o<t?6:0);break;case o:a=(t-r)/i+2;break;case t:a=(r-o)/i+4;break}a/=6}return{h:a,s:b,v:e}}function g(r,o,t){r=_(r,360)*6;o=_(o,100);t=_(t,100);var n=Math.floor(r),c=r-n,a=t*(1-o),b=t*(1-c*o),e=t*(1-(1-c)*o),i=n%6,g=[t,b,a,a,e,t][i],s=[e,t,t,b,a,a][i],l=[a,a,e,t,t,b][i];return{r:g*255,g:s*255,b:l*255}}function s(r,o,t,n){var c=[j(Math.round(r).toString(16)),j(Math.round(o).toString(16)),j(Math.round(t).toString(16))];if(n&&c[0].charAt(0)==c[0].charAt(1)&&c[1].charAt(0)==c[1].charAt(1)&&c[2].charAt(0)==c[2].charAt(1)){return c[0].charAt(0)+c[1].charAt(0)+c[2].charAt(0)}return c.join("")}function l(r,o,t,n,c){var a=[j(Math.round(r).toString(16)),j(Math.round(o).toString(16)),j(Math.round(t).toString(16)),j(I(n))];if(c&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)&&a[3].charAt(0)==a[3].charAt(1)){return a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0)}return a.join("")}function h(r,o,t,n){var c=[j(I(n)),j(Math.round(r).toString(16)),j(Math.round(o).toString(16)),j(Math.round(t).toString(16))];return c.join("")}n.equals=function(r,o){if(!r||!o)return false;return n(r).toRgbString()==n(o).toRgbString()};n.random=function(){return n.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function u(r,o){o=o===0?0:o||10;var t=n(r).toHsl();t.s-=o/100;t.s=E(t.s);return n(t)}function f(r,o){o=o===0?0:o||10;var t=n(r).toHsl();t.s+=o/100;t.s=E(t.s);return n(t)}function d(r){return n(r).desaturate(100)}function k(r,o){o=o===0?0:o||10;var t=n(r).toHsl();t.l+=o/100;t.l=E(t.l);return n(t)}function v(r,o){o=o===0?0:o||10;var t=n(r).toRgb();t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(o/100))));t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(o/100))));t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(o/100))));return n(t)}function p(r,o){o=o===0?0:o||10;var t=n(r).toHsl();t.l-=o/100;t.l=E(t.l);return n(t)}function z(r,o){var t=n(r).toHsl();var c=(t.h+o)%360;t.h=c<0?360+c:c;return n(t)}function m(r){var o=n(r).toHsl();o.h=(o.h+180)%360;return n(o)}function y(r,o){if(isNaN(o)||o<=0){throw new Error("Argument to polyad must be a positive number")}var t=n(r).toHsl();var c=[n(r)];var a=360/o;for(var b=1;b<o;b++){c.push(n({h:(t.h+b*a)%360,s:t.s,l:t.l}))}return c}function M(r){var o=n(r).toHsl();var t=o.h;return[n(r),n({h:(t+72)%360,s:o.s,l:o.l}),n({h:(t+216)%360,s:o.s,l:o.l})]}function w(r,o,t){o=o||6;t=t||30;var c=n(r).toHsl();var a=360/t;var b=[n(r)];for(c.h=(c.h-(a*o>>1)+720)%360;--o;){c.h=(c.h+a)%360;b.push(n(c))}return b}function x(r,o){o=o||6;var t=n(r).toHsv();var c=t.h,a=t.s,b=t.v;var e=[];var i=1/o;while(o--){e.push(n({h:c,s:a,v:b}));b=(b+i)%1}return e}n.mix=function(r,o,t){t=t===0?0:t||50;var c=n(r).toRgb();var a=n(o).toRgb();var b=t/100;var e={r:(a.r-c.r)*b+c.r,g:(a.g-c.g)*b+c.g,b:(a.b-c.b)*b+c.b,a:(a.a-c.a)*b+c.a};return n(e)};n.readability=function(r,o){var t=n(r);var c=n(o);return(Math.max(t.getLuminance(),c.getLuminance())+.05)/(Math.min(t.getLuminance(),c.getLuminance())+.05)};n.isReadable=function(r,o,t){var c=n.readability(r,o);var a,b;b=false;a=T(t);switch(a.level+a.size){case"AAsmall":case"AAAlarge":b=c>=4.5;break;case"AAlarge":b=c>=3;break;case"AAAsmall":b=c>=7;break}return b};n.mostReadable=function(r,o,t){var c=null;var a=0;var b;var e,i,g;t=t||{};e=t.includeFallbackColors;i=t.level;g=t.size;for(var s=0;s<o.length;s++){b=n.readability(r,o[s]);if(b>a){a=b;c=n(o[s])}}if(n.isReadable(r,c,{level:i,size:g})||!e){return c}else{t.includeFallbackColors=false;return n.mostReadable(r,["#fff","#000"],t)}};var S=n.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var N=n.hexNames=A(S);function A(r){var o={};for(var t in r){if(r.hasOwnProperty(t)){o[r[t]]=t}}return o}function F(r){r=parseFloat(r);if(isNaN(r)||r<0||r>1){r=1}return r}function _(r,o){if(q(r))r="100%";var t=H(r);r=Math.min(o,Math.max(0,parseFloat(r)));if(t){r=parseInt(r*o,10)/100}if(Math.abs(r-o)<1e-6){return 1}return r%o/parseFloat(o)}function E(r){return Math.min(1,Math.max(0,r))}function R(r){return parseInt(r,16)}function q(r){return typeof r=="string"&&r.indexOf(".")!=-1&&parseFloat(r)===1}function H(r){return typeof r==="string"&&r.indexOf("%")!=-1}function j(r){return r.length==1?"0"+r:""+r}function $(r){if(r<=1){r=r*100+"%"}return r}function I(r){return Math.round(parseFloat(r)*255).toString(16)}function C(r){return R(r)/255}var B=function(){var r="[-\\+]?\\d+%?";var o="[-\\+]?\\d*\\.\\d+%?";var t="(?:"+o+")|(?:"+r+")";var n="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?";var c="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?";return{CSS_UNIT:new RegExp(t),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+c),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+c),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+c),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function D(r){return!!B.CSS_UNIT.exec(r)}function P(r){r=r.replace(o,"").replace(t,"").toLowerCase();var n=false;if(S[r]){r=S[r];n=true}else if(r=="transparent"){return{r:0,g:0,b:0,a:0,format:"name"}}var c;if(c=B.rgb.exec(r)){return{r:c[1],g:c[2],b:c[3]}}if(c=B.rgba.exec(r)){return{r:c[1],g:c[2],b:c[3],a:c[4]}}if(c=B.hsl.exec(r)){return{h:c[1],s:c[2],l:c[3]}}if(c=B.hsla.exec(r)){return{h:c[1],s:c[2],l:c[3],a:c[4]}}if(c=B.hsv.exec(r)){return{h:c[1],s:c[2],v:c[3]}}if(c=B.hsva.exec(r)){return{h:c[1],s:c[2],v:c[3],a:c[4]}}if(c=B.hex8.exec(r)){return{r:R(c[1]),g:R(c[2]),b:R(c[3]),a:C(c[4]),format:n?"name":"hex8"}}if(c=B.hex6.exec(r)){return{r:R(c[1]),g:R(c[2]),b:R(c[3]),format:n?"name":"hex"}}if(c=B.hex4.exec(r)){return{r:R(c[1]+""+c[1]),g:R(c[2]+""+c[2]),b:R(c[3]+""+c[3]),a:C(c[4]+""+c[4]),format:n?"name":"hex8"}}if(c=B.hex3.exec(r)){return{r:R(c[1]+""+c[1]),g:R(c[2]+""+c[2]),b:R(c[3]+""+c[3]),format:n?"name":"hex"}}return false}function T(r){var o,t;r=r||{level:"AA",size:"small"};o=(r.level||"AA").toUpperCase();t=(r.size||"small").toLowerCase();if(o!=="AA"&&o!=="AAA"){o="AA"}if(t!=="small"&&t!=="large"){t="small"}return{level:o,size:t}}return n}))}));const i={color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"};const g={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const s={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const l={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const h={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const u={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const f={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const d={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const k={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const v={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const p={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const z={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const m={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const y={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const M={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const w={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const x={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const S={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const N={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const A={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const F={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const _={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const E={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const R={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const q={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const H={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const j={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const $={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const I={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const C={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const B={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const D={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const P={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const T={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const G={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const L={color:"rgb(255, 255, 255)",background:"rgb(93, 165, 38)"};const O={color:"rgb(255, 255, 255)",background:"rgb(111, 132, 191)"};const U={color:"rgb(255, 255, 255)",background:"rgb(243, 96, 76)"};const V={color:"rgb(255, 255, 255)",background:"rgb(27, 136, 164)"};const X={color:"rgb(255, 255, 255)",background:"rgb(70, 51, 120)"};const J={color:"rgb(0, 0, 0)",background:"rgb(255, 162, 1)"};const K={color:"rgb(255, 255, 255)",background:"rgb(47, 20, 97)"};const Q={color:"rgb(255, 255, 255)",background:"rgb(35, 156, 54)"};const W={color:"rgb(0, 0, 0)",background:"rgb(255, 177, 55)"};const Y={color:"rgb(255, 255, 255)",background:"rgb(130, 118, 170)"};const Z={color:"rgb(255, 255, 255)",background:"rgb(97, 55, 23)"};const rr={color:"rgb(255, 255, 255)",background:"rgb(198, 165, 126)"};const or={color:"rgb(255, 255, 255)",background:"rgb(130, 187, 162)"};const tr={color:"rgb(255, 255, 255)",background:"rgb(235, 60, 46)"};const nr={color:"rgb(255, 255, 255)",background:"rgb(245, 130, 32)"};const cr={color:"rgb(255, 255, 255)",background:"rgb(240, 91, 148)"};const ar={color:"rgb(255, 255, 255)",background:"rgb(121, 156, 205)"};const br={color:"rgb(255, 255, 255)",background:"rgb(115, 178, 75)"};const er={color:"rgb(255, 255, 255)",background:"rgb(148, 102, 68)"};const ir={color:"rgb(255, 255, 255)",background:"rgb(180, 30, 142)"};const gr={2:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},3:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},4:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},5:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},6:{color:"rgb(255, 255, 255)",background:"rgb(202, 125, 60)"},7:{color:"rgb(255, 255, 255)",background:"rgb(0, 0, 0)"},8:{color:"rgb(0, 0, 0)",background:"rgb(138, 181, 31)"},9:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},10:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},11:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},12:{color:"rgb(0, 0, 0)",background:"rgb(94, 179, 219)"},13:{color:"rgb(0, 0, 0)",background:"rgb(255, 193, 0)"},14:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},15:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},16:{color:"rgb(255, 255, 255)",background:"rgb(16, 55, 82)"},17:{color:"rgb(255, 255, 255)",background:"rgb(142, 34, 77)"},19:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},20:{color:"rgb(255, 255, 255)",background:"rgb(142, 34, 77)"},21:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},23:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)",comment:"Seilbahn Rigiblick"},24:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)",comment:"Polybahn"},25:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)",comment:"Dolderbahn"},29:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},31:{color:"rgb(255, 255, 255)",background:"rgb(165, 162, 198)"},32:{color:"rgb(0, 0, 0)",background:"rgb(204, 178, 209)"},33:{color:"rgb(0, 0, 0)",background:"rgb(218, 214, 156)"},34:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},35:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},36:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},37:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},38:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},39:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},40:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},45:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},46:{color:"rgb(0, 0, 0)",background:"rgb(193, 213, 159)"},54:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},61:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},62:{color:"rgb(0, 0, 0)",background:"rgb(202, 192, 182)"},63:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},64:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},66:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},67:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},69:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},70:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},72:{color:"rgb(0, 0, 0)",background:"rgb(198, 166, 147)"},73:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},75:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},76:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},77:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},78:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},79:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},80:{color:"rgb(0, 0, 0)",background:"rgb(203, 207, 179)"},83:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},89:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},91:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},94:{color:"rgb(255, 255, 255)",background:"rgb(169, 163, 155)"},95:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},99:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},151:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},152:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},153:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},156:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},161:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},162:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},163:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},165:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},184:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},185:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},200:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},201:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},215:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},220:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},235:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},236:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},245:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},301:{color:"rgb(0, 0, 0)",background:"rgb(138, 181, 31)"},302:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},303:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},304:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},305:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},306:{color:"rgb(0, 0, 0)",background:"rgb(255, 193, 0)"},307:{color:"rgb(255, 255, 255)",background:"rgb(202, 125, 60)"},308:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},309:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},311:{color:"rgb(255, 255, 255)",background:"rgb(255, 93, 85)"},314:{color:"rgb(0, 0, 0)",background:"rgb(255, 93, 85)"},315:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},317:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},321:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},323:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},325:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},350:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},444:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},445:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},701:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},702:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},703:{color:"rgb(0, 0, 0)",background:"rgb(255, 193, 0)"},704:{color:"rgb(255, 255, 255)",background:"rgb(142, 34, 77)"},705:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},720:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},721:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},725:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},726:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},727:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},742:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},743:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},744:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},745:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},747:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},748:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},751:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},752:{color:"rgb(0, 0, 0)",background:"rgb(138, 181, 31)"},753:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},754:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},759:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},760:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},765:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},768:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},781:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},786:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},787:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},910:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},912:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},916:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},917:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},918:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},919:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},E:i,N:g,N1:s,N2:l,N4:h,N5:u,N6:f,N7:d,N8:k,N9:v,N10:p,N11:z,N12:m,N13:y,N14:M,N15:w,N16:x,N17:S,N18:N,N19:A,N30:F,N31:_,N32:E,N33:R,N34:q,N45:H,N72:j,N78:$,SN1:I,SN4:C,SN5:B,SN6:D,SN7:P,SN8:T,SN9:G,S2:L,S3:O,S4:U,S5:V,S6:X,S7:J,S8:K,S9:Q,S10:W,S11:Y,S14:Z,S15:rr,S16:or,S18:tr,S19:nr,S20:cr,S21:ar,S23:br,S24:er,S25:ir};const sr='.sc-stzh-vbz-linechip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-linechip-h{display:none}.sc-stzh-vbz-linechip-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-linechip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-linechip-h *.sc-stzh-vbz-linechip,.sc-stzh-vbz-linechip-h *.sc-stzh-vbz-linechip::before,.sc-stzh-vbz-linechip-h *.sc-stzh-vbz-linechip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-linechip-h .has-focus.sc-stzh-vbz-linechip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-linechip-h .stzh-fylingfocus-focused.sc-stzh-vbz-linechip{outline-style:none !important}.sc-stzh-vbz-linechip-h .stzh-fylingfocus-focused.sc-stzh-vbz-linechip::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-linechip-h{display:inline-block}.stzh-vbz-linechip.sc-stzh-vbz-linechip{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);position:relative;border:none;margin:var(--stzh-space-xsmall) 0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--stzh-space-xxxsmall);width:2.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center}.stzh-vbz-linechip.sc-stzh-vbz-linechip::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-black20op);border-radius:var(--stzh-space-xxxsmall)}.stzh-vbz-linechip__text.sc-stzh-vbz-linechip{position:relative}.stzh-vbz-linechip__global-icon.sc-stzh-vbz-linechip{--size:var(--stzh-icon-size-xxsmall)}.stzh-vbz-linechip__alert.sc-stzh-vbz-linechip{position:absolute;top:-0.3125rem;right:-0.3125rem;color:var(--stzh-color-error60);background-color:var(--stzh-color-white);border-radius:100%;display:flex}.stzh-vbz-linechip__alert-icon.sc-stzh-vbz-linechip{--size:var(--stzh-icon-size-xsmall)}.stzh-vbz-linechip.sc-stzh-vbz-linechip:hover::before,.stzh-vbz-linechip.sc-stzh-vbz-linechip:focus::before,.stzh-vbz-linechip--is-active.sc-stzh-vbz-linechip::before{opacity:1}.stzh-vbz-linechip--is-dark.sc-stzh-vbz-linechip::before{background-color:var(--stzh-color-white20op)}.stzh-vbz-linechip--bg-white.sc-stzh-vbz-linechip{border:0.0625rem solid var(--stzh-color-black)}';const lr=class{constructor(t){r(this,t);this.stzhFocus=o(this,"stzhFocus",7);this.stzhBlur=o(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.chip.focus()}this.focusedByInput=false};this.onFocus=r=>{this.focusedByInput=true;const o=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(o);this.stzhFocus.emit({component:"stzh-vbz-linechip",originalEvent:r})};this.onBlur=r=>{const o=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(o);this.stzhBlur.emit({component:"stzh-vbz-linechip",originalEvent:r})};this.line=undefined;this.active=false;this.alert=false;this.global=false;this.disabled=false;this.analyticsId=undefined}render(){const r=gr[this.line]||{};const o={color:this.global?"rgb(0, 0, 0)":r.color||"rgb(255, 255, 255)",background:this.global?"rgb(228, 105, 76)":r.background||"rgb(0, 0, 0)"};const c=e(o.background);const a=c.getBrightness()<50;const b={"stzh-vbz-linechip":true,"stzh-vbz-linechip--is-global":this.global,"stzh-vbz-linechip--is-alert":this.alert,"stzh-vbz-linechip--is-active":this.active,"stzh-vbz-linechip--is-dark":a,"stzh-vbz-linechip--bg-white":o.background==="rgb(255, 255, 255)",[`stzh-vbz-linechip--line-${this.line}`]:!!this.line};const i=r.comment||"";return t(n,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},t("button",{ref:r=>this.chip=r,class:b,style:o,title:i,disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,"s-object-id":this.analyticsId||(this.global?"Global":this.line)},this.global?t("stzh-icon",{name:"important-warning",class:"stzh-vbz-linechip__global-icon"}):t("div",{class:"stzh-vbz-linechip__text"},this.line),this.alert&&t("div",{class:"stzh-vbz-linechip__alert"},t("stzh-icon",{name:"warning-big",class:"stzh-vbz-linechip__alert-icon"}))))}get element(){return c(this)}};lr.style=sr;export{lr as stzh_vbz_linechip};
+//# sourceMappingURL=p-109a885b.entry.js.map