npm - @oiz/stzh-components - Versions diffs - 2.9.0-alpha → 2.9.0-beta - Mend

@oiz/stzh-components 2.9.0-alpha → 2.9.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/dist/stzh-components/{p-3d4553f7.entry.js.map → p-45d0b549.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["stzhSkinPortalMitwirkenCss","StzhSkinPortalMitwirken","componentDidLoad","console","log","this","constructor","style","replace","render","h","Host"],"sources":["./src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.scss?tag=stzh-skin-portal-mitwirken","./src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.tsx"],"sourcesContent":["@import \"../../global/css/stzh-components.css\";\n\n:root {\n --stzh-color-primary: var(--stzh-color-deepcerulean);\n --stzh-color-primary-hover: var(--stzh-color-regalblue);\n\n --stzh-color-primary48: rgba(5, 127, 172, 0.48);\n --stzh-color-primary32: rgba(5, 127, 172, 0.32);\n --stzh-color-primary16: rgba(5, 127, 172, 0.16);\n --stzh-color-primary8: rgba(5, 127, 172, 0.08);\n\n --stzh-font-family-heavy: var(--stzh-font-family-bold);\n --stzh-font-family-title: var(--stzh-font-family-light);\n\n --stzh-button-text-hover-background: rgba(5, 127, 172, 0.08);\n}\n\n$mobileBreakpoint: 40em;\n$processHeaderMaxMobileBreakpoint: 599px;\n$processHeaderMaxDesktopBreakpoint: 1023px;\n\nmain,\n.reveal-overlay,\n.mod_header {\n --primary: var(--stzh-color-primary);\n --secondary: var(--stzh-color-primary);\n --success: var(--stzh-color-truegreen);\n --warning: var(--stzh-color-warning);\n --alert: var(--stzh-color-error);\n --highlight: var(--stzh-color-coral);\n --highlight_alternative: var(--stzh-color-coral);\n}\n\n// For main and modals\nmain,\n.reveal-overlay {\n a.muted,\n .inline-filters button.muted[data-toggle] {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n\n &:hover,\n &:focus {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n }\n }\n}\n\n// Only modals\n.reveal-overlay {\n background-color: rgba(5, 127, 172, 0.8);\n\n /* Dialog /\n\n .reveal__title {\n margin-top: 0;\n }\n\n .reveal {\n box-shadow: $boxShadowOverlay;\n }\n\n .close-button {\n color: $baseLeadColor;\n }\n}\n\n// Only header\n.mod_header {\n .mod_header__logobar-logo img {\n background: url(https://www.stadt-zuerich.ch/content/dam/stzh/corpdesign/wortbildmarken/logo_stzh_vbz_pos_2-1.svg) no-repeat;\n width: 0;\n padding-left: 208px;\n }\n}\n\n// Main Content Modules\nmain {\n accent-color: $colorPrimary;\n\n / Resets /\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n &, label, tfoot, thead {\n color: $baseColor;\n }\n\n svg {\n overflow: visible;\n }\n\n label {\n display: flex;\n align-items: center;\n }\n\n .field label {\n @include font('heavy');\n display: block;\n }\n\n input[type=checkbox],\n input[type=radio] {\n width: 24px;\n height: 24px;\n }\n\n label > [type=checkbox],\n label > [type=radio] {\n margin-right: space('small');\n }\n\n .filters__section--general label,\n .filters__section label {\n @include fontSize('milli');\n display: flex;\n line-height: 24px;\n transition: color $baseTransitionAnimationSpeed;\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .filters__has-subfilters {\n align-items: center;\n\n [data-toggle] {\n margin-bottom: space('small');\n }\n }\n\n .form-input-extra-before,\n .form-error {\n @include font;\n @include fontCurve('caption');\n }\n\n .form-error,\n .is-invalid-label {\n color: $colorError;\n }\n\n [type=color],\n [type=date],\n [type=datetime-local],\n [type=datetime],\n [type=email],\n [type=month],\n [type=number],\n [type=password],\n [type=search],\n [type=tel],\n [type=text],\n [type=time],\n [type=url],\n [type=week],\n textarea,\n .inline-filters button[data-toggle],\n select,\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n @include font;\n\t @include fontSize('milli');\n border: 1px solid $formBorderColor;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n border-radius: $formInputBorderRadius;\n padding: space('xsmall') space('medium');\n width: 100%;\n height: $formInputHeight;\n color: $colorPrimary;\n appearance: none;\n margin-bottom: space('medium');\n text-decoration-line: none;\n\n @include placeholder {\n color: $formInputPlaceholderColor;\n }\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n // remove clear button for IE11\n &::-ms-clear {\n display: none;\n }\n\n // prevent ugly autofill background color in chrome\n &:-webkit-autofill {\n background-clip: text;\n }\n\n // show ellipsis for placeholders that are too long\n &:placeholder-shown {\n text-overflow: ellipsis;\n }\n }\n\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &::after {\n float: none;\n margin-top: 0;\n }\n }\n\n .inline-filters button[data-toggle],\n select {\n padding-right: space('xxlarge');\n }\n\n textarea {\n min-height: $formInputHeight;\n resize: vertical;\n\n &[rows] {\n height: auto;\n }\n }\n\n .input-group .input-group-field {\n margin-bottom: 0;\n }\n\n .section > p,\n .floating-helper__content p {\n margin-top: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .add-message,\n .card,\n .chart-tooltip,\n .comment-thread,\n .conference-registration,\n .conference-speaker .speaker-bio {\n margin-bottom: space('xxlarge');\n border-color: $baseBorderColor;\n background-color: $colorWhite;\n }\n\n .ql-editor ol,\n .ql-editor ul {\n padding-left: 0;\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul li:not(.card-data__item) {\n padding-left: space('large');\n\n &::before {\n content: \"–\";\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n width: auto;\n }\n }\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul.tags li:not(.card-data__item) {\n padding-left: 0;\n\n &::before {\n content: none;\n }\n }\n }\n\n .m-bottom {\n margin-bottom: space('medium');\n }\n\n .mb-sm {\n margin-bottom: space('xxlarge');\n }\n\n p {\n color: $baseColor;\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th {\n @include font('heavy');\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th,\n tbody td,\n tbody th {\n padding: space('xmall');\n }\n\n table,\n td,\n tr,\n .questionnaire-question-matrix table,\n .questionnaire-question-matrix td,\n .questionnaire-question-matrix tr,\n .questionnaire-question-matrix tr:nth-child(2n) {\n border-color: $baseBorderColor;\n }\n\n\n / Process Header /\n\n .process-header .process-header__inner {\n background-color: $colorPrimary;\n }\n\n .card--full .process-header .process-header__container .process-header__info .card__title,\n .process-header .process-header__container .process-header__info .card--full .card__title,\n .process-header .process-header__container .process-header__info .heading2 {\n @include font('title');\n @include fontCurve('hero', 'heading');\n @include spaceCurve('margin-bottom', 'medium');\n margin-top: 0;\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .process-header .process-header__container {\n padding: 0 space('xxxxlarge');\n\n @media screen and (max-width: #{$processHeaderMaxDesktopBreakpoint}) {\n padding: space('xxxxlarge');\n padding-bottom: space('big');\n }\n\n @media screen and (max-width: #{$processHeaderMaxMobileBreakpoint}) {\n padding: space('xxlarge') $containerMargin space('xxxlarge');\n }\n }\n\n .process-header__info {\n padding: 0;\n }\n\n .process-header .process-header__container .process-header__info .heading-small {\n @include fontCurve('h3', 'heading');\n color: $baseInvertColor;\n margin-top: 0;\n }\n\n .process-header__hashtag a {\n color: $baseInvertColor;\n text-decoration-line: none;\n\n &:hover {\n color: $baseInvertColor;\n }\n\n .external-link-indicator {\n background: $baseInvertColor;\n padding: space('xxsmall');\n box-sizing: content-box;\n border-radius: $buttonBorderRadius;\n margin: 0;\n margin-bottom: -4px;\n margin-left: 4px;\n }\n }\n\n .phase-subtitle--initiatives,\n .phase-title,\n .phase-title--initiatives {\n @include font('heavy');\n @include fontCurve('h4');\n color: $baseLeadColor;\n }\n\n .process-header__progress {\n display: flex;\n align-items: center;\n }\n\n .process-header__phase {\n padding: space('medium');\n margin-top: space('medium');\n margin-bottom: 0;\n }\n\n .phase-date {\n @include font('regular');\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .phase-current {\n @include fontCurve('caption');\n margin-left: space('xxsmall');\n color: $baseColor;\n }\n\n .process-header__progress {\n margin-bottom: space('xsmall');\n }\n\n .process-header__phase .button,\n .process-header__phase .meeting-polls__button,\n .process-phase .button,\n .process-phase .meeting-polls__button {\n margin-top: space('xsmall');\n }\n\n / Links /\n\n a,\n .link {\n text-decoration-line: underline;\n transition: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $linkHoverColor;\n }\n }\n\n / Buttons /\n\n .button {\n @include fontSize('milli');\n display: inline-flex;\n align-items: center;\n height: auto;\n min-height: $formInputHeight;\n line-height: $formInputHeight - 2px;\n line-height: inherit;\n margin: 0;\n text-decoration-line: none;\n appearance: none;\n border: 1px solid $colorPrimary;\n padding: space('xsmall') space('xlarge');\n transition: all $baseTransitionAnimationSpeed;\n\n &.small {\n @include fontSize('micro');\n min-height: $formInputHeightSmall;\n line-height: $formInputHeightSmall - 2px;\n }\n\n &.tiny {\n @include fontSize('micro');\n min-height: 32px;\n }\n\n &.process-nav__more i {\n background-color: currentColor;\n margin-bottom: 0;\n }\n\n &.process-nav__more i:first-child {\n margin-left: space('xsmall');\n }\n }\n\n .button--icon {\n .icon-wrap {\n display: flex;\n align-items: center;\n }\n\n .icon-wrap .icon {\n margin-right: space('xxsmall');\n }\n }\n\n .button--icon.meeting-polls__button .icon,\n .button--icon.small .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n\n .extra .button.follow-button {\n margin-top: 0;\n }\n\n .button-group.meeting-polls__button .button,\n .button-group.meeting-polls__button .meeting-polls__button,\n .button-group.small .button,\n .button-group.small .meeting-polls__button,\n .button-group.tiny .button,\n .button-group.tiny .meeting-polls__button {\n @include fontSize('micro');\n }\n\n .button.primary,\n .button.primary.disabled,\n .button.primary.disabled:focus,\n .button.primary.disabled:hover,\n .button.primary[disabled],\n .button.primary[disabled]:focus,\n .button.primary[disabled]:hover,\n .primary.meeting-polls__button {\n background-color: $colorPrimary;\n\n &:hover,\n &:focus {\n background-color: $colorPrimaryHover;\n }\n }\n\n .button.budget-vote-button {\n @include font;\n color: $colorPrimary;\n background-color: $colorWhite;\n margin-bottom: space('medium');\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n background-color: $colorWhite;\n }\n }\n\n .button--vote-button {\n margin-bottom: space('large');\n }\n\n .view-side > .button {\n margin-bottom: space('medium');\n }\n\n .button.clear,\n .button.clear.disabled,\n .button.clear.disabled:focus,\n .button.clear.disabled:hover,\n .button.clear[disabled],\n .button.clear[disabled]:focus,\n .button.clear[disabled]:hover,\n .clear.meeting-polls__button {\n color: $colorError;\n }\n\n\n / Wrapper / Layout /\n\n .wrapper {\n @include spaceCurve('padding-top', 'big');\n @include spaceCurve('padding-bottom', 'big');\n\n padding-left: $containerMargin;\n padding-right: $containerMargin;\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n padding-right: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n padding-right: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: $containerMarginLarge;\n padding-right: $containerMarginLarge;\n }\n\n .wrapper--inner {\n background-color: $colorGrey5;\n }\n\n // .row.column {\n // padding-left: 0;\n // padding-right: 0;\n // }\n\n .row:not(.column) .floating-helper-container {\n padding-right: 0.625rem;\n padding-left: 0.625rem;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .row:not(.column) .floating-helper-container {\n padding-right: 0.9375rem;\n padding-left: 0.9375rem;\n }\n }\n }\n\n\n / Headings /\n\n .heading1, h1,\n .heading2, h2,\n .heading3, h3,\n .heading4, h4 {\n color: $colorPrimary;\n }\n\n .heading1, h1 {\n @include font('title');\n @include fontCurve('h1', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .section-heading,\n .heading2, h2 {\n @include font('title');\n @include fontCurve('h2', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .heading3, h3 {\n @include font('title');\n @include fontCurve('h3', 'heading');\n @include spaceCurve('margin-top', 'medium');\n }\n\n .heading4, h4 {\n @include font('title');\n @include fontCurve('h4', 'heading');\n @include spaceCurve('margin-top', 'medium');\n color: $baseColor;\n }\n\n .heading4, h4,\n .timeline__item--current .timeline__date {\n color: $colorPrimary;\n }\n\n #most-commented .section-heading {\n margin-top: 0;\n }\n\n #most-commented a {\n text-decoration-line: none;\n }\n\n\n / Section /\n\n .section {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n .section-heading {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .section-heading .text-sm,\n .section-heading .text-small {\n @include fontCurve('h3', 'heading');\n }\n\n\n / Dropdown /\n\n .order-by__dropdown,\n .results-per-page__dropdown {\n display: flex;\n align-items: center;\n }\n\n .order-by__text,\n .results-per-page__text {\n margin-right: space('xsmall');\n }\n\n .is-dropdown-submenu {\n box-shadow: $boxShadowPopover;\n border: none;\n border-radius: var(--stzh-popover-border-radius);\n margin-top: var(--stzh-space-xsmall);\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a {\n @include font;\n @include fontSize('milli');\n display: flex;\n align-items: center;\n background: $colorWhite;\n padding: space('xsmall') space('medium');\n padding-right: calc(#{space('xlarge')} + #{space('medium')} + #{space('xsmall')});\n min-height: $formInputHeight;\n border: 1px solid $formBorderColor;\n margin: 0;\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a:after {\n border-color: $colorPrimary transparent transparent;\n right: space('medium');\n }\n\n .dropdown .is-dropdown-submenu a,\n .comment__header__context-menu__content-item {\n @include fontSize('micro');\n display: flex;\n align-items: center;\n justify-content: stretch;\n appearance: none;\n text-decoration-line: none;\n border: none;\n padding: space('xsmall') space('medium');\n padding-left: space('large');\n color: $colorGrey70;\n background-color: transparent;\n height: $menuItemHeight;\n line-height: $menuItemHeight;\n transition: all $baseTransitionAnimationSpeed;\n cursor: pointer;\n\n &:hover {\n color: $colorGrey70;\n background-color: $colorGrey5;\n text-decoration-line: none;\n }\n }\n\n .comment__header__context-menu__content-item {\n grid-gap: space('small');\n gap: space('small');\n }\n\n\n / Comments /\n\n .comments {\n padding-top: 0;\n margin-top: space('medium');\n margin-bottom: space('medium');\n }\n\n .comments .section-heading {\n margin-top: 0;\n }\n\n .comment__header,\n .comment__footer,\n .add-comment {\n @include spaceCurve('padding', 'regular');\n }\n\n .add-comment {\n background-color: transparent;\n padding: 0;\n }\n\n .add-comment .remaining-character-count {\n color: $baseColor;\n padding: space('xsmall') space('small');\n }\n\n .comment-threads {\n margin-bottom: space('xxxlarge');\n }\n\n .comment__content {\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n\n p {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n .comment__footer {\n @include fontCurve('p2');\n }\n\n .comment__votes {\n margin-top: 0;\n }\n\n .comment__header__context-menu__content {\n box-shadow: $boxShadowPopover;\n }\n\n .opinion-toggle {\n margin: space('xlarge') 0;\n }\n\n .button:hover,\n .meeting-polls__button:hover,\n .opinion-toggle--meh.is-active,\n .opinion-toggle--meh:focus,\n .opinion-toggle--meh:hover {\n background-color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n .opinion-toggle--ko.is-active,\n .opinion-toggle--ko:focus,\n .opinion-toggle--ko:hover {\n background-color: $colorError;\n border-color: $colorError;\n }\n\n .opinion-toggle--ok.is-active,\n .opinion-toggle--ok:focus,\n .opinion-toggle--ok:hover {\n background-color: $colorTruegreen;\n border-color: $colorTruegreen;\n }\n\n\n / Process Nav /\n\n .process-nav__content {\n border-bottom: none;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav li {\n padding: space('xsmall') space('small');\n }\n }\n\n\n / Statistics /\n\n .statistics-cell {\n margin: space('xxlarge') 0;\n }\n\n .statistics-cell .statistic__number {\n @include font('regular');\n color: $colorPrimary;\n }\n\n .statistics-cell .statistic__title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseLeadColor;\n margin-top: 0;\n text-transform: none;\n }\n\n .statistics-cell .statistic__data:after {\n border-left: 2px solid $baseBorderColor;\n }\n\n\n / Richtext /\n\n .ql-editor {\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n :first-child {\n margin-top: 0;\n }\n }\n\n .help-text {\n color: $baseColor;\n }\n\n .help-text .ql-editor p {\n @include fontCurve('caption');\n }\n\n\n /* Accountability /\n\n .accountability .categories .categories--header span,\n .accountability .categories .progress-figure,\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n color: $baseColor;\n }\n\n .accountability .categories .categories--header .icon--arrow-bottom {\n fill: $baseColor;\n }\n\n .accountability .categories .categories--header {\n border-color: $baseBorderColor;\n margin-bottom: space('medium');\n padding-bottom: space('medium');\n }\n\n .accountability .intro .progress-level p {\n @include font('heavy');\n @include spaceCurve('margin-bottom', 'small');\n margin-top: 0;\n }\n\n .accountability .categories .progress-figure {\n margin-top: 0;\n }\n\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n margin-top: space('xxxsmall');\n }\n\n .accountability .title-action {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n\n / Breadrumb /\n\n .lines-breadcrumb a,\n .muted-link {\n @include font;\n color: $linkColor;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n\n &:hover,\n &:focus {\n color: $linkHoverColor;\n }\n }\n\n\n / Lead /\n\n .lead .ql-editor p {\n @include font('light');\n @include fontCurve('h3');\n @include spaceCurve('margin-bottom', 'big');\n margin-top: space('xxlarge');\n }\n\n\n / Message / Callout / Floating Helper /\n\n .callout.secondary,\n .callout.warning,\n .callout.success,\n .floating-helper__content {\n @include spaceCurve('padding', 'regular');\n padding: space('medium');\n display: block;\n box-shadow: $boxShadowMessage;\n background-color: $colorWhite;\n margin-bottom: space('xxxxlarge') !important;\n }\n\n .callout {\n @include font('heavy');\n border-left-width: 5px;\n\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .floating-helper__content {\n border-top: none;\n padding-right: calc(#{iconSize('medium')} + #{space('small')} + #{space('medium')});\n }\n\n .floating-helper__wrapper {\n position: relative;\n }\n\n .floating-helper__content-close {\n @include spaceCurve('top', 'regular');\n @include spaceCurve('right', 'regular');\n box-sizing: content-box;\n position: absolute;\n width: iconSize('medium');\n height: iconSize('medium');\n padding: var(--stzh-space-xsmall);\n margin: calc(var(--stzh-space-xsmall) -1);\n background-color: transparent;\n color: var(--stzh-base-lead-color);\n\n .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n }\n\n .floating-helper__icon-big {\n width: iconSize('large');\n height: iconSize('large');\n background-color: $colorPrimary8;\n\n .icon {\n width: iconSize('xsmall');\n height: iconSize('xsmall');\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .floating-helper__content-inner > * {\n margin: 0;\n }\n\n .floating-helper__icon-big {\n margin-right: space('small');\n }\n }\n\n .floating-helper-block .mb-s {\n margin: 0 !important;\n }\n\n\n /* Sidebar /\n\n .extra,\n .tech-info {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n .extra__date,\n .extra__suport-number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n .extra__month {\n @include fontCurve('caption');\n }\n\n .extra__time,\n .extra__suport-text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n\n / Filters /\n\n .filters__help p:first-of-type {\n @include fontCurve('p2');\n margin-top: 0;\n }\n\n #participatory-space-filters legend {\n margin-right: space('xsmall');\n }\n\n\n / Mini Title /\n\n .mini-title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .mini-title__strong--highlight {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n\n / Tags /\n\n .tags {\n display: flex;\n flex-wrap: wrap;\n\n &:last-child {\n margin-bottom: calc(#{space('xsmall')} -1);\n }\n }\n\n .tags li {\n margin-right: space('xsmall');\n margin-bottom: space('xsmall');\n }\n\n .tags li a {\n @include fontSize('micro');\n height: 32px;\n line-height: 32px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border-radius: 16px;\n padding: 0 space('medium');\n color: $colorPrimary;\n appearance: none;\n border: 1px solid $colorGrey13;\n background-color: $colorWhite;\n transition: all $baseTransitionAnimationSpeed;\n text-decoration-line: none;\n }\n\n /* Card /\n\n .card {\n color: $baseColor;\n }\n\n .card__top .badge-card__content,\n .card__top .card__content {\n @include fontCurve('caption');\n padding: space('xsmall') space('large');\n align-items: center;\n\n span.muted {\n font-size: inherit;\n }\n }\n\n .card__top .card__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .card__top .card__content .card__link {\n display: block;\n }\n\n .card > .card__content,\n .card.definition-data,\n .card .definition-data,\n .badge-card__content,\n .card__support,\n .filters__section,\n .filters__section--general,\n .filters__section--general:first-of-type,\n .filters__section:first-of-type {\n @include spaceCurve('padding', 'regular');\n }\n\n .card-data__item,\n .filters__section,\n .filters__section--general,\n .card__block ul,\n .card__icondata ul,\n .card__footer,\n .card__top {\n border-color: $baseBorderColor;\n }\n\n .card__link {\n display: flex;\n flex-direction: column;\n text-decoration-line: none;\n color: $baseColor;\n\n &:hover {\n text-decoration-line: none;\n }\n\n .text-small {\n @include fontCurve('p2');\n }\n }\n\n .card__header {\n margin-bottom: space('small');\n }\n\n .card__text {\n @include fontCurve('p1');\n\n &:not(:last-child) {\n margin-bottom: space('small');\n }\n }\n\n .card .card__title,\n .card--list__heading {\n @include font('heavy');\n @include fontCurve('h4', 'heading');\n color: $colorPrimary;\n margin-top: 0;\n transition: color $baseTransitionAnimationSpeed;\n }\n\n .card:not(.card--secondary):hover .card__title {\n color: $colorPrimaryHover;\n }\n\n .collapsible-list .card__text--paragraph {\n color: $baseColor !important;\n }\n\n .card__block ul li:not(:first-child),\n .card__icondata ul li:not(:first-child) {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card-data__item {\n @include fontCurve('caption');\n color: $baseColor;\n\n .heading1,\n .heading2,\n .heading3,\n .heading4 {\n margin-top: 0;\n }\n\n strong {\n display: block;\n }\n\n br {\n display: none;\n }\n }\n\n .card-data__item.creation_date_status strong {\n color: $baseColor;\n color: inherit;\n }\n\n .card__status .card-data__item {\n padding: space('xsmall');\n }\n\n .card--meta {\n color: $baseColor;\n }\n\n .card__block ul li:not(:first-child) strong,\n .card__icondata ul li:not(:first-child) strong {\n font-size: inherit;\n letter-spacing: inherit;\n }\n\n .add-message:not(.card--secondary),\n .card:not(.card--secondary),\n .chart-tooltip:not(.card--secondary),\n .conference-registration:not(.card--secondary),\n .conference-speaker .speaker-bio:not(.card--secondary) {\n &:hover {\n box-shadow: $boxShadowPopover;\n }\n }\n\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > p,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h1,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h2,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h3,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h4 {\n @include font;\n @include fontCurve('p1');\n color: $baseColor;\n }\n\n // Progress bar\n\n .progress__bar.progress__bar--vertical .progress__bar__subtitle,\n .progress__bar .progress__bar__title {\n @include font;\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card__support__number,\n .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number,\n .progress__bar .progress__bar__title .progress__bar__number,\n .extra__suport-text,\n .progress__bar.progress__bar--vertical .progress__bar__text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .progress__bar.progress__bar--vertical .progress__bar__number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n // Card list\n\n .card--list__item {\n padding: 0;\n }\n\n .card--list__text {\n padding: 0;\n display: block;\n }\n\n .card--list__icon {\n fill: $colorPrimary;\n }\n\n .card--list__item .card__link {\n @include spaceCurve('padding', 'regular');\n }\n\n .card--list__text .card__link:hover .card--list__heading {\n color: $colorPrimaryHover;\n }\n\n .card--list__text .card__link .text-small {\n color: $baseColor;\n }\n\n .card--list__data {\n background-color: $colorGrey5;\n }\n\n .card--list__data__number {\n @include font('heavy');\n @include fontCurve('h3');\n color: $colorGrey70;\n }\n\n // Side cards\n\n .card.extra,\n .view-side .card:not(.card--secondary),\n .comment-thread:not(.card--secondary) {\n &:hover {\n box-shadow: none;\n }\n }\n\n // Definition Card\n\n .definition__title {\n color: $colorGrey70;\n }\n\n .definition-data {\n color: $colorGrey55;\n }\n\n .definition-data__item {\n @include fontCurve('p2');\n padding: 0;\n padding-bottom: space('small');\n margin-bottom: space('small');\n border-bottom: 1px solid $baseBorderColor;\n\n &:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .definition-data__title {\n @include font('heavy');\n @include fontCurve('p2');\n margin-bottom: 0;\n }\n\n .section.columns.medium-5.mediumlarge-4.large-3 > .card.extra.definition-data {\n background-color: $colorGrey5;\n }\n\n\n / Blog /\n\n .author__name {\n @include font('regular');\n @include fontCurve('caption');\n color: $colorGrey55 !important;\n }\n\n .author-data {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .author-data__extra {\n @include font('regular');\n @include fontCurve('caption');\n\n &::before {\n border-color: $baseBorderColor;\n }\n }\n\n .author-data__extra a {\n white-space: nowrap;\n text-decoration-line: none;\n }\n\n .author-data__extra > a,\n .author-data__extra > button\n .author-data__extra > span {\n margin-right: space('medium');\n }\n\n\n / Budget /\n\n .budget-summary {\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .budget-progress {\n min-height: $formInputHeight;\n }\n\n .budget-list__title {\n margin-top: space('xsmall');\n margin-bottom: space('medium');\n }\n\n .budget-list__text:not(:last-child) {\n margin-bottom: 0;\n }\n\n .budget-list__data__number {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n / Survey /\n\n .answer-questionnaire .questionnaire-question {\n @include font('heavy');\n @include fontCurve('p1');\n margin-bottom: space('xsmall');\n }\n}\n","import {\n Component,\n Host,\n h\n} from \"@stencil/core\";\n\n/\n \n */\n@Component({\n tag: \"stzh-skin-portal-mitwirken\",\n styleUrl: \"stzh-skin-portal-mitwirken.scss\"\n})\nexport class StzhSkinPortalMitwirken {\n componentDidLoad() {\n // copy this string from console and put it in the Decidim CSS textbox to adjust theme\n console.log((this.constructor as any).style.replace('@charset \"UTF-8\";', ''));\n }\n\n render() {\n return (\n <Host>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,my9J,MCatBC,EAAuB,M,yBAClCC,mBAEEC,QAAQC,IAAKC,KAAKC,YAAoBC,MAAMC,QAAQ,oBAAqB,I,CAG3EC,SACE,OACEC,EAACC,EAAI,K"}
1	+ {"version":3,"names":["stzhSkinPortalMitwirkenCss","StzhSkinPortalMitwirken","componentDidLoad","console","log","this","constructor","style","replace","render","h","Host"],"sources":["./src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.scss?tag=stzh-skin-portal-mitwirken","./src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.tsx"],"sourcesContent":["@import \"../../global/css/stzh-components.css\";\n\n:root {\n --stzh-color-primary: var(--stzh-color-deepcerulean);\n --stzh-color-primary-hover: var(--stzh-color-regalblue);\n\n --stzh-color-primary48: rgba(5, 127, 172, 0.48);\n --stzh-color-primary32: rgba(5, 127, 172, 0.32);\n --stzh-color-primary16: rgba(5, 127, 172, 0.16);\n --stzh-color-primary8: rgba(5, 127, 172, 0.08);\n\n --stzh-font-family-heavy: var(--stzh-font-family-bold);\n --stzh-font-family-title: var(--stzh-font-family-light);\n\n --stzh-button-text-hover-background: rgba(5, 127, 172, 0.08);\n}\n\n$mobileBreakpoint: 40em;\n$processHeaderMaxMobileBreakpoint: 599px;\n$processHeaderMaxDesktopBreakpoint: 1023px;\n\nmain,\n.reveal-overlay,\n.mod_header {\n --primary: var(--stzh-color-primary);\n --secondary: var(--stzh-color-primary);\n --success: var(--stzh-color-truegreen);\n --warning: var(--stzh-color-warning);\n --alert: var(--stzh-color-error);\n --highlight: var(--stzh-color-coral);\n --highlight_alternative: var(--stzh-color-coral);\n}\n\n// For main and modals\nmain,\n.reveal-overlay {\n a.muted,\n .inline-filters button.muted[data-toggle] {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n\n &:hover,\n &:focus {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n }\n }\n}\n\n// Only modals\n.reveal-overlay {\n background-color: rgba(5, 127, 172, 0.8);\n\n /* Dialog /\n\n .reveal__title {\n margin-top: 0;\n }\n\n .reveal {\n box-shadow: $boxShadowOverlay;\n }\n\n .close-button {\n color: $baseLeadColor;\n }\n}\n\n// Only header\n.mod_header {\n .mod_header__logobar-logo img {\n background: url(https://www.stadt-zuerich.ch/content/dam/stzh/corpdesign/wortbildmarken/logo_stzh_vbz_pos_2-1.svg) no-repeat;\n width: 0;\n padding-left: 208px;\n }\n}\n\n// Main Content Modules\nmain {\n accent-color: $colorPrimary;\n\n / Resets /\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n &, label, tfoot, thead {\n color: $baseColor;\n }\n\n svg {\n overflow: visible;\n }\n\n label {\n display: flex;\n align-items: center;\n }\n\n .field label {\n @include font('heavy');\n display: block;\n }\n\n input[type=checkbox],\n input[type=radio] {\n width: 24px;\n height: 24px;\n }\n\n label > [type=checkbox],\n label > [type=radio] {\n margin-right: space('small');\n }\n\n .filters__section--general label,\n .filters__section label {\n @include fontSize('milli');\n display: flex;\n line-height: 24px;\n transition: color $baseTransitionAnimationSpeed;\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .filters__has-subfilters {\n align-items: center;\n\n [data-toggle] {\n margin-bottom: space('small');\n }\n }\n\n .form-input-extra-before,\n .form-error {\n @include font;\n @include fontCurve('caption');\n }\n\n .form-error,\n .is-invalid-label {\n color: $colorError;\n }\n\n [type=color],\n [type=date],\n [type=datetime-local],\n [type=datetime],\n [type=email],\n [type=month],\n [type=number],\n [type=password],\n [type=search],\n [type=tel],\n [type=text],\n [type=time],\n [type=url],\n [type=week],\n textarea,\n .inline-filters button[data-toggle],\n select,\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n @include font;\n\t @include fontSize('milli');\n border: 1px solid $formBorderColor;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n border-radius: $formInputBorderRadius;\n padding: space('xsmall') space('medium');\n width: 100%;\n height: $formInputHeight;\n color: $colorPrimary;\n appearance: none;\n margin-bottom: space('medium');\n text-decoration-line: none;\n\n @include placeholder {\n color: $formInputPlaceholderColor;\n }\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n // remove clear button for IE11\n &::-ms-clear {\n display: none;\n }\n\n // prevent ugly autofill background color in chrome\n &:-webkit-autofill {\n background-clip: text;\n }\n\n // show ellipsis for placeholders that are too long\n &:placeholder-shown {\n text-overflow: ellipsis;\n }\n }\n\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &::after {\n float: none;\n margin-top: 0;\n }\n }\n\n .inline-filters button[data-toggle],\n select {\n padding-right: space('xxlarge');\n }\n\n textarea {\n min-height: $formInputHeight;\n resize: vertical;\n\n &[rows] {\n height: auto;\n }\n }\n\n .input-group .input-group-field {\n margin-bottom: 0;\n }\n\n .section > p,\n .floating-helper__content p {\n margin-top: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .add-message,\n .card,\n .chart-tooltip,\n .comment-thread,\n .conference-registration,\n .conference-speaker .speaker-bio {\n margin-bottom: space('xxlarge');\n border-color: $baseBorderColor;\n background-color: $colorWhite;\n }\n\n .ql-editor ol,\n .ql-editor ul {\n padding-left: 0;\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul li:not(.card-data__item) {\n padding-left: space('large');\n\n &::before {\n content: \"–\";\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n width: auto;\n }\n }\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul.tags li:not(.card-data__item) {\n padding-left: 0;\n\n &::before {\n content: none;\n }\n }\n }\n\n .m-bottom {\n margin-bottom: space('medium');\n }\n\n .mb-sm {\n margin-bottom: space('xxlarge');\n }\n\n p {\n color: $baseColor;\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th {\n @include font('heavy');\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th,\n tbody td,\n tbody th {\n padding: space('xmall');\n }\n\n table,\n td,\n tr,\n .questionnaire-question-matrix table,\n .questionnaire-question-matrix td,\n .questionnaire-question-matrix tr,\n .questionnaire-question-matrix tr:nth-child(2n) {\n border-color: $baseBorderColor;\n }\n\n\n / Process Header /\n\n .process-header .process-header__inner {\n background-color: $colorPrimary;\n }\n\n .card--full .process-header .process-header__container .process-header__info .card__title,\n .process-header .process-header__container .process-header__info .card--full .card__title,\n .process-header .process-header__container .process-header__info .heading2 {\n @include font('title');\n @include fontCurve('hero', 'heading');\n @include spaceCurve('margin-bottom', 'medium');\n margin-top: 0;\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .process-header .process-header__container {\n padding: 0 space('xxxxlarge');\n\n @media screen and (max-width: #{$processHeaderMaxDesktopBreakpoint}) {\n padding: space('xxxxlarge');\n padding-bottom: space('big');\n }\n\n @media screen and (max-width: #{$processHeaderMaxMobileBreakpoint}) {\n padding: space('xxlarge') $containerMargin space('xxxlarge');\n }\n }\n\n .process-header__info {\n padding: 0;\n }\n\n .process-header .process-header__container .process-header__info .heading-small {\n @include fontCurve('h3', 'heading');\n color: $baseInvertColor;\n margin-top: 0;\n }\n\n .process-header__hashtag a {\n color: $baseInvertColor;\n text-decoration-line: none;\n\n &:hover {\n color: $baseInvertColor;\n }\n\n .external-link-indicator {\n background: $baseInvertColor;\n padding: space('xxsmall');\n box-sizing: content-box;\n border-radius: $buttonBorderRadius;\n margin: 0;\n margin-bottom: -4px;\n margin-left: 4px;\n }\n }\n\n .phase-subtitle--initiatives,\n .phase-title,\n .phase-title--initiatives {\n @include font('heavy');\n @include fontCurve('h4');\n color: $baseLeadColor;\n }\n\n .process-header__progress {\n display: flex;\n align-items: center;\n }\n\n .process-header__phase {\n padding: space('medium');\n margin-top: space('medium');\n margin-bottom: 0;\n }\n\n .phase-date {\n @include font('regular');\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .phase-current {\n @include fontCurve('caption');\n margin-left: space('xxsmall');\n color: $baseColor;\n }\n\n .process-header__progress {\n margin-bottom: space('xsmall');\n }\n\n .process-header__phase .button,\n .process-header__phase .meeting-polls__button,\n .process-phase .button,\n .process-phase .meeting-polls__button {\n margin-top: space('xsmall');\n }\n\n / Links /\n\n a,\n .link {\n text-decoration-line: underline;\n transition: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $linkHoverColor;\n }\n }\n\n / Buttons /\n\n .button {\n @include fontSize('milli');\n display: inline-flex;\n align-items: center;\n height: auto;\n min-height: $formInputHeight;\n line-height: $formInputHeight - 2px;\n line-height: inherit;\n margin: 0;\n text-decoration-line: none;\n appearance: none;\n border: 1px solid $colorPrimary;\n padding: space('xsmall') space('xlarge');\n transition: all $baseTransitionAnimationSpeed;\n\n &.small {\n @include fontSize('micro');\n min-height: $formInputHeightSmall;\n line-height: $formInputHeightSmall - 2px;\n }\n\n &.tiny {\n @include fontSize('micro');\n min-height: 32px;\n }\n\n &.process-nav__more i {\n background-color: currentColor;\n margin-bottom: 0;\n }\n\n &.process-nav__more i:first-child {\n margin-left: space('xsmall');\n }\n }\n\n .button--icon {\n .icon-wrap {\n display: flex;\n align-items: center;\n }\n\n .icon-wrap .icon {\n margin-right: space('xxsmall');\n }\n }\n\n .button--icon.meeting-polls__button .icon,\n .button--icon.small .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n\n .extra .button.follow-button {\n margin-top: 0;\n }\n\n .button-group.meeting-polls__button .button,\n .button-group.meeting-polls__button .meeting-polls__button,\n .button-group.small .button,\n .button-group.small .meeting-polls__button,\n .button-group.tiny .button,\n .button-group.tiny .meeting-polls__button {\n @include fontSize('micro');\n }\n\n .button.primary,\n .button.primary.disabled,\n .button.primary.disabled:focus,\n .button.primary.disabled:hover,\n .button.primary[disabled],\n .button.primary[disabled]:focus,\n .button.primary[disabled]:hover,\n .primary.meeting-polls__button {\n background-color: $colorPrimary;\n\n &:hover,\n &:focus {\n background-color: $colorPrimaryHover;\n }\n }\n\n .button.budget-vote-button {\n @include font;\n color: $colorPrimary;\n background-color: $colorWhite;\n margin-bottom: space('medium');\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n background-color: $colorWhite;\n }\n }\n\n .button--vote-button {\n margin-bottom: space('large');\n }\n\n .view-side > .button {\n margin-bottom: space('medium');\n }\n\n .button.clear,\n .button.clear.disabled,\n .button.clear.disabled:focus,\n .button.clear.disabled:hover,\n .button.clear[disabled],\n .button.clear[disabled]:focus,\n .button.clear[disabled]:hover,\n .clear.meeting-polls__button {\n color: $colorError;\n }\n\n\n / Wrapper / Layout /\n\n .wrapper {\n @include spaceCurve('padding-top', 'big');\n @include spaceCurve('padding-bottom', 'big');\n\n padding-left: $containerMargin;\n padding-right: $containerMargin;\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n padding-right: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n padding-right: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: $containerMarginLarge;\n padding-right: $containerMarginLarge;\n }\n\n .wrapper--inner {\n background-color: $colorGrey5;\n }\n\n // .row.column {\n // padding-left: 0;\n // padding-right: 0;\n // }\n\n .row:not(.column) .floating-helper-container {\n padding-right: 0.625rem;\n padding-left: 0.625rem;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .row:not(.column) .floating-helper-container {\n padding-right: 0.9375rem;\n padding-left: 0.9375rem;\n }\n }\n }\n\n\n / Headings /\n\n .heading1, h1,\n .heading2, h2,\n .heading3, h3,\n .heading4, h4 {\n color: $colorPrimary;\n }\n\n .heading1, h1 {\n @include font('title');\n @include fontCurve('h1', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .section-heading,\n .heading2, h2 {\n @include font('title');\n @include fontCurve('h2', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .heading3, h3 {\n @include font('title');\n @include fontCurve('h3', 'heading');\n @include spaceCurve('margin-top', 'medium');\n }\n\n .heading4, h4 {\n @include font('title');\n @include fontCurve('h4', 'heading');\n @include spaceCurve('margin-top', 'medium');\n color: $baseColor;\n }\n\n .heading4, h4,\n .timeline__item--current .timeline__date {\n color: $colorPrimary;\n }\n\n #most-commented .section-heading {\n margin-top: 0;\n }\n\n #most-commented a {\n text-decoration-line: none;\n }\n\n\n / Section /\n\n .section {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n .section-heading {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .section-heading .text-sm,\n .section-heading .text-small {\n @include fontCurve('h3', 'heading');\n }\n\n\n / Dropdown /\n\n .order-by__dropdown,\n .results-per-page__dropdown {\n display: flex;\n align-items: center;\n }\n\n .order-by__text,\n .results-per-page__text {\n margin-right: space('xsmall');\n }\n\n .is-dropdown-submenu {\n box-shadow: $boxShadowPopover;\n border: none;\n border-radius: var(--stzh-popover-border-radius);\n margin-top: var(--stzh-space-xsmall);\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a {\n @include font;\n @include fontSize('milli');\n display: flex;\n align-items: center;\n background: $colorWhite;\n padding: space('xsmall') space('medium');\n padding-right: calc(#{space('xlarge')} + #{space('medium')} + #{space('xsmall')});\n min-height: $formInputHeight;\n border: 1px solid $formBorderColor;\n margin: 0;\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a:after {\n border-color: $colorPrimary transparent transparent;\n right: space('medium');\n }\n\n .dropdown .is-dropdown-submenu a,\n .comment__header__context-menu__content-item {\n @include fontSize('micro');\n display: flex;\n align-items: center;\n justify-content: stretch;\n appearance: none;\n text-decoration-line: none;\n border: none;\n padding: space('xsmall') space('medium');\n padding-left: space('large');\n color: $colorGrey70;\n background-color: transparent;\n height: $menuItemHeight;\n line-height: $menuItemHeight;\n transition: all $baseTransitionAnimationSpeed;\n cursor: pointer;\n\n &:hover {\n color: $colorGrey70;\n background-color: $colorGrey5;\n text-decoration-line: none;\n }\n }\n\n .comment__header__context-menu__content-item {\n grid-gap: space('small');\n gap: space('small');\n }\n\n\n / Comments /\n\n .comments {\n padding-top: 0;\n margin-top: space('medium');\n margin-bottom: space('medium');\n }\n\n .comments .section-heading {\n margin-top: 0;\n }\n\n .comment__header,\n .comment__footer,\n .add-comment {\n @include spaceCurve('padding', 'regular');\n }\n\n .add-comment {\n background-color: transparent;\n padding: 0;\n }\n\n .add-comment .remaining-character-count {\n color: $baseColor;\n padding: space('xsmall') space('small');\n }\n\n .comment-threads {\n margin-bottom: space('xxxlarge');\n }\n\n .comment__content {\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n\n p {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n .comment__footer {\n @include fontCurve('p2');\n }\n\n .comment__votes {\n margin-top: 0;\n }\n\n .comment__header__context-menu__content {\n box-shadow: $boxShadowPopover;\n }\n\n .opinion-toggle {\n margin: space('xlarge') 0;\n }\n\n .button:hover,\n .meeting-polls__button:hover,\n .opinion-toggle--meh.is-active,\n .opinion-toggle--meh:focus,\n .opinion-toggle--meh:hover {\n background-color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n .opinion-toggle--ko.is-active,\n .opinion-toggle--ko:focus,\n .opinion-toggle--ko:hover {\n background-color: $colorError;\n border-color: $colorError;\n }\n\n .opinion-toggle--ok.is-active,\n .opinion-toggle--ok:focus,\n .opinion-toggle--ok:hover {\n background-color: $colorTruegreen;\n border-color: $colorTruegreen;\n }\n\n\n / Process Nav /\n\n .process-nav__content {\n border-bottom: none;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav li {\n padding: space('xsmall') space('small');\n }\n }\n\n\n / Statistics /\n\n .statistics-cell {\n margin: space('xxlarge') 0;\n }\n\n .statistics-cell .statistic__number {\n @include font('regular');\n color: $colorPrimary;\n }\n\n .statistics-cell .statistic__title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseLeadColor;\n margin-top: 0;\n text-transform: none;\n }\n\n .statistics-cell .statistic__data:after {\n border-left: 2px solid $baseBorderColor;\n }\n\n\n / Richtext /\n\n .ql-editor {\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n :first-child {\n margin-top: 0;\n }\n }\n\n .help-text {\n color: $baseColor;\n }\n\n .help-text .ql-editor p {\n @include fontCurve('caption');\n }\n\n\n /* Accountability /\n\n .accountability .categories .categories--header span,\n .accountability .categories .progress-figure,\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n color: $baseColor;\n }\n\n .accountability .categories .categories--header .icon--arrow-bottom {\n fill: $baseColor;\n }\n\n .accountability .categories .categories--header {\n border-color: $baseBorderColor;\n margin-bottom: space('medium');\n padding-bottom: space('medium');\n }\n\n .accountability .intro .progress-level p {\n @include font('heavy');\n @include spaceCurve('margin-bottom', 'small');\n margin-top: 0;\n }\n\n .accountability .categories .progress-figure {\n margin-top: 0;\n }\n\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n margin-top: space('xxxsmall');\n }\n\n .accountability .title-action {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n\n / Breadrumb /\n\n .lines-breadcrumb a,\n .muted-link {\n @include font;\n color: $linkColor;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n\n &:hover,\n &:focus {\n color: $linkHoverColor;\n }\n }\n\n\n / Lead /\n\n .lead .ql-editor p {\n @include font('light');\n @include fontCurve('h3');\n @include spaceCurve('margin-bottom', 'big');\n margin-top: space('xxlarge');\n }\n\n\n / Message / Callout / Floating Helper /\n\n .callout.secondary,\n .callout.warning,\n .callout.success,\n .floating-helper__content {\n @include spaceCurve('padding', 'regular');\n padding: space('medium');\n display: block;\n box-shadow: $boxShadowMessage;\n background-color: $colorWhite;\n margin-bottom: space('xxxxlarge') !important;\n }\n\n .callout {\n @include font('heavy');\n border-left-width: 5px;\n\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .floating-helper__content {\n border-top: none;\n padding-right: calc(#{iconSize('medium')} + #{space('small')} + #{space('medium')});\n }\n\n .floating-helper__wrapper {\n position: relative;\n }\n\n .floating-helper__content-close {\n @include spaceCurve('top', 'regular');\n @include spaceCurve('right', 'regular');\n box-sizing: content-box;\n position: absolute;\n width: iconSize('medium');\n height: iconSize('medium');\n padding: var(--stzh-space-xsmall);\n margin: calc(var(--stzh-space-xsmall) -1);\n background-color: transparent;\n color: var(--stzh-base-lead-color);\n\n .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n }\n\n .floating-helper__icon-big {\n width: iconSize('large');\n height: iconSize('large');\n background-color: $colorPrimary8;\n\n .icon {\n width: iconSize('xsmall');\n height: iconSize('xsmall');\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .floating-helper__content-inner > * {\n margin: 0;\n }\n\n .floating-helper__icon-big {\n margin-right: space('small');\n }\n }\n\n .floating-helper-block .mb-s {\n margin: 0 !important;\n }\n\n\n /* Sidebar /\n\n .extra,\n .tech-info {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n .extra__date,\n .extra__suport-number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n .extra__month {\n @include fontCurve('caption');\n }\n\n .extra__time,\n .extra__suport-text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n\n / Filters /\n\n .filters__help p:first-of-type {\n @include fontCurve('p2');\n margin-top: 0;\n }\n\n #participatory-space-filters legend {\n margin-right: space('xsmall');\n }\n\n\n / Mini Title /\n\n .mini-title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .mini-title__strong--highlight {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n\n / Tags /\n\n .tags {\n display: flex;\n flex-wrap: wrap;\n\n &:last-child {\n margin-bottom: calc(#{space('xsmall')} -1);\n }\n }\n\n .tags li {\n margin-right: space('xsmall');\n margin-bottom: space('xsmall');\n }\n\n .tags li a {\n @include fontSize('micro');\n height: 32px;\n line-height: 32px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border-radius: 16px;\n padding: 0 space('medium');\n color: $colorPrimary;\n appearance: none;\n border: 1px solid $colorGrey13;\n background-color: $colorWhite;\n transition: all $baseTransitionAnimationSpeed;\n text-decoration-line: none;\n }\n\n /* Card /\n\n .card {\n color: $baseColor;\n }\n\n .card__top .badge-card__content,\n .card__top .card__content {\n @include fontCurve('caption');\n padding: space('xsmall') space('large');\n align-items: center;\n\n span.muted {\n font-size: inherit;\n }\n }\n\n .card__top .card__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .card__top .card__content .card__link {\n display: block;\n }\n\n .card > .card__content,\n .card.definition-data,\n .card .definition-data,\n .badge-card__content,\n .card__support,\n .filters__section,\n .filters__section--general,\n .filters__section--general:first-of-type,\n .filters__section:first-of-type {\n @include spaceCurve('padding', 'regular');\n }\n\n .card-data__item,\n .filters__section,\n .filters__section--general,\n .card__block ul,\n .card__icondata ul,\n .card__footer,\n .card__top {\n border-color: $baseBorderColor;\n }\n\n .card__link {\n display: flex;\n flex-direction: column;\n text-decoration-line: none;\n color: $baseColor;\n\n &:hover {\n text-decoration-line: none;\n }\n\n .text-small {\n @include fontCurve('p2');\n }\n }\n\n .card__header {\n margin-bottom: space('small');\n }\n\n .card__text {\n @include fontCurve('p1');\n\n &:not(:last-child) {\n margin-bottom: space('small');\n }\n }\n\n .card .card__title,\n .card--list__heading {\n @include font('heavy');\n @include fontCurve('h4', 'heading');\n color: $colorPrimary;\n margin-top: 0;\n transition: color $baseTransitionAnimationSpeed;\n }\n\n .card:not(.card--secondary):hover .card__title {\n color: $colorPrimaryHover;\n }\n\n .collapsible-list .card__text--paragraph {\n color: $baseColor !important;\n }\n\n .card__block ul li:not(:first-child),\n .card__icondata ul li:not(:first-child) {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card-data__item {\n @include fontCurve('caption');\n color: $baseColor;\n\n .heading1,\n .heading2,\n .heading3,\n .heading4 {\n margin-top: 0;\n }\n\n strong {\n display: block;\n }\n\n br {\n display: none;\n }\n }\n\n .card-data__item.creation_date_status strong {\n color: $baseColor;\n color: inherit;\n }\n\n .card__status .card-data__item {\n padding: space('xsmall');\n }\n\n .card--meta {\n color: $baseColor;\n }\n\n .card__block ul li:not(:first-child) strong,\n .card__icondata ul li:not(:first-child) strong {\n font-size: inherit;\n letter-spacing: inherit;\n }\n\n .add-message:not(.card--secondary),\n .card:not(.card--secondary),\n .chart-tooltip:not(.card--secondary),\n .conference-registration:not(.card--secondary),\n .conference-speaker .speaker-bio:not(.card--secondary) {\n &:hover {\n box-shadow: $boxShadowPopover;\n }\n }\n\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > p,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h1,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h2,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h3,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h4 {\n @include font;\n @include fontCurve('p1');\n color: $baseColor;\n }\n\n // Progress bar\n\n .progress__bar.progress__bar--vertical .progress__bar__subtitle,\n .progress__bar .progress__bar__title {\n @include font;\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card__support__number,\n .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number,\n .progress__bar .progress__bar__title .progress__bar__number,\n .extra__suport-text,\n .progress__bar.progress__bar--vertical .progress__bar__text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .progress__bar.progress__bar--vertical .progress__bar__number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n // Card list\n\n .card--list__item {\n padding: 0;\n }\n\n .card--list__text {\n padding: 0;\n display: block;\n }\n\n .card--list__icon {\n fill: $colorPrimary;\n }\n\n .card--list__item .card__link {\n @include spaceCurve('padding', 'regular');\n }\n\n .card--list__text .card__link:hover .card--list__heading {\n color: $colorPrimaryHover;\n }\n\n .card--list__text .card__link .text-small {\n color: $baseColor;\n }\n\n .card--list__data {\n background-color: $colorGrey5;\n }\n\n .card--list__data__number {\n @include font('heavy');\n @include fontCurve('h3');\n color: $colorGrey70;\n }\n\n // Side cards\n\n .card.extra,\n .view-side .card:not(.card--secondary),\n .comment-thread:not(.card--secondary) {\n &:hover {\n box-shadow: none;\n }\n }\n\n // Definition Card\n\n .definition__title {\n color: $colorGrey70;\n }\n\n .definition-data {\n color: $colorGrey55;\n }\n\n .definition-data__item {\n @include fontCurve('p2');\n padding: 0;\n padding-bottom: space('small');\n margin-bottom: space('small');\n border-bottom: 1px solid $baseBorderColor;\n\n &:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .definition-data__title {\n @include font('heavy');\n @include fontCurve('p2');\n margin-bottom: 0;\n }\n\n .section.columns.medium-5.mediumlarge-4.large-3 > .card.extra.definition-data {\n background-color: $colorGrey5;\n }\n\n\n / Blog /\n\n .author__name {\n @include font('regular');\n @include fontCurve('caption');\n color: $colorGrey55 !important;\n }\n\n .author-data {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .author-data__extra {\n @include font('regular');\n @include fontCurve('caption');\n\n &::before {\n border-color: $baseBorderColor;\n }\n }\n\n .author-data__extra a {\n white-space: nowrap;\n text-decoration-line: none;\n }\n\n .author-data__extra > a,\n .author-data__extra > button\n .author-data__extra > span {\n margin-right: space('medium');\n }\n\n\n / Budget /\n\n .budget-summary {\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .budget-progress {\n min-height: $formInputHeight;\n }\n\n .budget-list__title {\n margin-top: space('xsmall');\n margin-bottom: space('medium');\n }\n\n .budget-list__text:not(:last-child) {\n margin-bottom: 0;\n }\n\n .budget-list__data__number {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n / Survey /\n\n .answer-questionnaire .questionnaire-question {\n @include font('heavy');\n @include fontCurve('p1');\n margin-bottom: space('xsmall');\n }\n}\n","import {\n Component,\n Host,\n h\n} from \"@stencil/core\";\n\n/\n \n */\n@Component({\n tag: \"stzh-skin-portal-mitwirken\",\n styleUrl: \"stzh-skin-portal-mitwirken.scss\"\n})\nexport class StzhSkinPortalMitwirken {\n componentDidLoad() {\n // copy this string from console and put it in the Decidim CSS textbox to adjust theme\n console.log((this.constructor as any).style.replace('@charset \"UTF-8\";', ''));\n }\n\n render() {\n return (\n <Host>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,889J,MCatBC,EAAuB,M,yBAClCC,mBAEEC,QAAQC,IAAKC,KAAKC,YAAoBC,MAAMC,QAAQ,oBAAqB,I,CAG3EC,SACE,OACEC,EAACC,EAAI,K"}

package/dist/stzh-components/p-61b0e7da.system.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["stzhMessageCss","KEY_PREFIX_CLOSE","StzhMessage","exports","this","onCloseButtonClick","_this","hide","class_1","prototype","show","open","stzhOpen","emit","component","setCloseKey","stzhClose","closeKey","Cookie","set","concat","Date","now","toString","componentWillLoad","timeClosed","get","localization","_a","window","stzhComponents","utils","fetchTranslations","element","_b","sent","render","classes","hideClose","type","h","Host","hidden","class","name","label","description","onClick","a11yLabel","close","variant","size","iconOnly","icon"],"sources":["src/components/stzh-message/stzh-message.scss?tag=stzh-message&encapsulation=scoped","src/components/stzh-message/stzh-message.tsx"],"sourcesContent":[":host {\n --background-color: #{$colorWhite};\n --icon-color: #{$colorPrimary};\n --close-color: #{$colorGrey70};\n --label-color: #{$baseColor};\n --description-color: #{$baseColor};\n\n // --link-color: #{$baseInvertColor};\n // --hover-link-color: #{$baseInvertColor};\n\n &[type=\"success\"] {\n --label-color: #{$colorTruegreen};\n --icon-color: #{$colorTruegreen};\n }\n\n &[type=\"warning\"] {\n --label-color: #{$colorWarning};\n --icon-color: #{$colorWarning};\n }\n\n &[type=\"error\"] {\n --label-color: #{$colorError};\n --icon-color: #{$colorError};\n }\n\n // high priority variants are currently not allowed to use\n // (discussion will be resumed in relaunch, when colors are a topic)\n\n // &[priority=\"high\"] {\n // // TOOD: @include base-invert;\n // --background-color: #{$baseColor};\n // --close-color: #{$baseInvertColor};\n // --label-color: #{$baseInvertColor};\n // --description-color: #{$baseInvertColor};\n // --icon-color: #{$baseInvertColor};\n\n // ::slotted(stzh-link[slot=\"link\"]) {\n // --color: var(--link-color);\n // --hover-color: var(--hover-link-color);\n // }\n // }\n\n // &[priority=\"high\"][type=\"success\"] {\n // --background-color: #{$colorTruegreen};\n // }\n\n // &[priority=\"high\"][type=\"warning\"] {\n // --background-color: #{$colorWarning};\n // --stzh-base-invert-color: #{$colorGrey87};\n // }\n\n // &[priority=\"high\"][type=\"error\"] {\n // --background-color: #{$colorError};\n // }\n}\n\n.stzh-message {\n @include spaceCurve('padding', 'regular');\n position: relative;\n display: flex;\n box-shadow: $boxShadowMessage;\n background-color: var(--background-color);\n border-radius: #{$buttonBorderRadius};\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: small) {\n flex-direction: row;\n align-items: flex-start;\n }\n }\n\n &__icon-wrapper {\n display: flex;\n }\n\n &__icon {\n --size: #{iconSize('large')};\n color: var(--icon-color);\n }\n\n &__text-wrapper {\n @include mq($from: small) {\n flex-grow: 1;\n margin-left: space('small');\n }\n }\n\n &__label {\n @include font('heavy');\n @include fontCurve('h4');\n margin-top: space('small');\n color: var(--label-color);\n\n @include mq($from: small) {\n margin-top: 0;\n }\n }\n\n &__description {\n @include fontCurve('p1');\n color: var(--description-color);\n }\n\n &__link {\n &:not(:empty) {\n @include spaceCurve('margin-top', 'small');\n }\n }\n\n &__description:empty + &__link {\n margin-top: 0;\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Event,\n EventEmitter,\n Method,\n State\n} from \"@stencil/core\";\n\nimport Cookie from \"js-cookie\";\n\nimport { StzhMessageOpenEvent, StzhMessageCloseEvent } from \"../../index\";\n\nimport { StzhMessageLocalizedText } from \"./stzh-message.localization\"\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-message-close\";\n\n/*\n @slot - Slot for description content (use instead of description property)\n * @slot link - Slot for optional stzh-link element\n /\n@Component({\n tag: \"stzh-message\",\n styleUrl: \"stzh-message.scss\",\n scoped: true\n})\nexport class StzhMessage {\n /* Label /\n @Prop() label: string = \"\";\n\n /* Description (use instead of default slot) /\n @Prop() description: string = \"\";\n\n /\n Close cookie name key.\n * Component will check for the cookie (stzh-components-message-close-{name})\n * and if not empty (message already closed before) will hide the message.\n /\n @Prop() closeKey: string = \"\";\n\n /* Type /\n @Prop({ reflect: true }) type: \"info\" \| \"success\" \| \"warning\" \| \"error\" = \"info\"\n\n // high priority variants are currently not allowed to use\n // (discussion will be resumed in relaunch, when colors are a topic)\n\n // /* Prority /\n // @Prop({ reflect: true }) priority: \"default\" \| \"high\" = \"default\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Translation strings. /\n @Prop() localization: StzhMessageLocalizedText;\n\n /* Message open event /\n @Event() stzhOpen: EventEmitter<StzhMessageOpenEvent>;\n\n /* Message close event /\n @Event() stzhClose: EventEmitter<StzhMessageCloseEvent>;\n\n @Element() element: HTMLStzhMessageElement;\n\n /* Open state */\n @State() open: boolean = true;\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-message\"\n })\n }\n\n @Method()\n async hide(setCloseKey: boolean = true) {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-message\"\n });\n\n if (this.closeKey && setCloseKey) {\n Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n }\n }\n\n private onCloseButtonClick = () => {\n this.hide();\n }\n\n async componentWillLoad() {\n if (this.closeKey) {\n const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n if (timeClosed) {\n this.hide(false);\n }\n }\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"message\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-message\": true,\n \"stzh-message--has-close-hidden\": this.hideClose,\n [`stzh-message--type-${this.type}`]: !!this.type,\n // [`stzh-message--priority-${this.priority}`]: !!this.priority\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-message__content\">\n <div class=\"stzh-message__icon-wrapper\">\n <stzh-icon\n class=\"stzh-message__icon\"\n name={\n this.type === 'info' && \"info-help\"\n \|\| this.type === 'success' && \"checkmark-circle\"\n \|\| this.type === 'warning' && \"warning\"\n \|\| this.type === 'error' && \"important-warning\"\n }\n ></stzh-icon>\n </div>\n <div class=\"stzh-message__text-wrapper\">\n <div class=\"stzh-message__label\">\n {this.label}\n </div>\n <div class=\"stzh-message__description\">\n {this.description ? this.description : <slot></slot>}\n </div>\n <div class=\"stzh-message__link\">\n <slot name=\"link\"></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose &&\n <stzh-button\n class=\"stzh-message__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly={true}\n icon=\"close\"\n ></stzh-button>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"osDAAA,IAAMA,EAAiB,2lJCkBvB,IAAMC,EAAmB,gC,IAWZC,EAAWC,EAAA,0B,2GA4DdC,KAAAC,mBAAqB,WAC3BC,EAAKC,M,aA3DiB,G,iBAGM,G,cAOH,G,UAG+C,O,eAS7C,M,sCAcJ,I,CAGnBC,EAAAC,UAAAC,KAAN,W,qFACEN,KAAKO,KAAO,KACZP,KAAKQ,SAASC,KAAK,CACjBC,UAAW,iB,iBAKTN,EAAAC,UAAAF,KAAN,SAAWQ,GAAA,GAAAA,SAAA,GAAAA,EAAA,IAA2B,C,qFACpCX,KAAKO,KAAO,MACZP,KAAKY,UAAUH,KAAK,CAClBC,UAAW,iBAGb,GAAIV,KAAKa,UAAYF,EAAa,CAChCG,EAAOC,IAAI,GAAAC,OAAGnB,EAAgB,KAAAmB,OAAIhB,KAAKa,UAAYI,KAAKC,MAAMC,W,kBAQ5Df,EAAAC,UAAAe,kBAAN,W,oHACE,GAAIpB,KAAKa,SAAU,CACXQ,EAAaP,EAAOQ,IAAI,GAAAN,OAAGnB,EAAgB,KAAAmB,OAAIhB,KAAKa,WAC1D,GAAIQ,EAAY,CACdrB,KAAKG,KAAK,M,OAITH,KAAKuB,aAAN,YACFC,EAAAxB,KAAoB,SAAMyB,OAAOC,eAAeC,MAAMC,kBAAkB5B,KAAK6B,QAAS,Y,OAAtFL,EAAKD,aAAeO,EAAAC,O,mCAIxB3B,EAAAC,UAAA2B,OAAA,W,MACE,IAAMC,GAAOT,EAAA,CACX,eAAgB,KAChB,iCAAkCxB,KAAKkC,WACvCV,EAAC,sBAAAR,OAAsBhB,KAAKmC,SAAWnC,KAAKmC,K,GAI9C,OACEC,EAACC,EAAI,CAACC,QAAStC,KAAKO,MAClB6B,EAAA,OAAKG,MAAON,GACVG,EAAA,OAAKG,MAAM,yBACTH,EAAA,OAAKG,MAAM,8BACTH,EAAA,aACEG,MAAM,qBACNC,KACExC,KAAKmC,OAAS,QAAU,aACrBnC,KAAKmC,OAAS,WAAa,oBAC3BnC,KAAKmC,OAAS,WAAa,WAC3BnC,KAAKmC,OAAS,SAAW,uBAIlCC,EAAA,OAAKG,MAAM,8BACTH,EAAA,OAAKG,MAAM,uBACRvC,KAAKyC,OAERL,EAAA,OAAKG,MAAM,6BACRvC,KAAK0C,YAAc1C,KAAK0C,YAAcN,EAAA,cAEzCA,EAAA,OAAKG,MAAM,sBACTH,EAAA,QAAMI,KAAK,aAKfxC,KAAKkC,WACLE,EAAA,eACEG,MAAM,sBACNI,QAAS3C,KAAKC,mBACd2C,UAAW5C,KAAKuB,aAAasB,MAC7BC,QAAQ,WACRC,KAAK,QACLC,SAAU,KACVC,KAAK,W,4HAzHK,I"}
1	+ {"version":3,"names":["stzhMessageCss","KEY_PREFIX_CLOSE","StzhMessage","exports","this","onCloseButtonClick","_this","hide","class_1","prototype","show","open","stzhOpen","emit","component","setCloseKey","stzhClose","closeKey","Cookie","set","concat","Date","now","toString","componentWillLoad","timeClosed","get","localization","_a","window","stzhComponents","utils","fetchTranslations","element","_b","sent","render","classes","hideClose","type","h","Host","hidden","class","name","label","description","onClick","a11yLabel","close","variant","size","iconOnly","icon"],"sources":["src/components/stzh-message/stzh-message.scss?tag=stzh-message&encapsulation=scoped","src/components/stzh-message/stzh-message.tsx"],"sourcesContent":[":host {\n --background-color: #{$colorWhite};\n --icon-color: #{$colorPrimary};\n --close-color: #{$colorGrey70};\n --label-color: #{$baseColor};\n --description-color: #{$baseColor};\n\n // --link-color: #{$baseInvertColor};\n // --hover-link-color: #{$baseInvertColor};\n\n &[type=\"success\"] {\n --label-color: #{$colorTruegreen};\n --icon-color: #{$colorTruegreen};\n }\n\n &[type=\"warning\"] {\n --label-color: #{$colorWarning};\n --icon-color: #{$colorWarning};\n }\n\n &[type=\"error\"] {\n --label-color: #{$colorError};\n --icon-color: #{$colorError};\n }\n\n // high priority variants are currently not allowed to use\n // (discussion will be resumed in relaunch, when colors are a topic)\n\n // &[priority=\"high\"] {\n // // TOOD: @include base-invert;\n // --background-color: #{$baseColor};\n // --close-color: #{$baseInvertColor};\n // --label-color: #{$baseInvertColor};\n // --description-color: #{$baseInvertColor};\n // --icon-color: #{$baseInvertColor};\n\n // ::slotted(stzh-link[slot=\"link\"]) {\n // --color: var(--link-color);\n // --hover-color: var(--hover-link-color);\n // }\n // }\n\n // &[priority=\"high\"][type=\"success\"] {\n // --background-color: #{$colorTruegreen};\n // }\n\n // &[priority=\"high\"][type=\"warning\"] {\n // --background-color: #{$colorWarning};\n // --stzh-base-invert-color: #{$colorGrey87};\n // }\n\n // &[priority=\"high\"][type=\"error\"] {\n // --background-color: #{$colorError};\n // }\n}\n\n.stzh-message {\n @include spaceCurve('padding', 'regular');\n position: relative;\n display: flex;\n box-shadow: $boxShadowMessage;\n background-color: var(--background-color);\n border-radius: #{$buttonBorderRadius};\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: small) {\n flex-direction: row;\n align-items: flex-start;\n }\n }\n\n &__icon-wrapper {\n display: flex;\n }\n\n &__icon {\n --size: #{iconSize('large')};\n color: var(--icon-color);\n }\n\n &__text-wrapper {\n @include mq($from: small) {\n flex-grow: 1;\n margin-left: space('small');\n }\n }\n\n &__label {\n @include font('heavy');\n @include fontCurve('h4');\n margin-top: space('small');\n color: var(--label-color);\n\n @include mq($from: small) {\n margin-top: 0;\n }\n }\n\n &__description {\n @include fontCurve('p1');\n color: var(--description-color);\n }\n\n &__link {\n &:not(:empty) {\n @include spaceCurve('margin-top', 'small');\n }\n }\n\n &__description:empty + &__link {\n margin-top: 0;\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Event,\n EventEmitter,\n Method,\n State\n} from \"@stencil/core\";\n\nimport Cookie from \"js-cookie\";\n\nimport { StzhMessageOpenEvent, StzhMessageCloseEvent } from \"../../index\";\n\nimport { StzhMessageLocalizedText } from \"./stzh-message.localization\"\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-message-close\";\n\n/*\n @slot - Slot for description content (use instead of description property)\n * @slot link - Slot for optional stzh-link element\n /\n@Component({\n tag: \"stzh-message\",\n styleUrl: \"stzh-message.scss\",\n scoped: true\n})\nexport class StzhMessage {\n /* Label /\n @Prop() label: string = \"\";\n\n /* Description (use instead of default slot) /\n @Prop() description: string = \"\";\n\n /\n Close cookie name key.\n * Component will check for the cookie (stzh-components-message-close-{name})\n * and if not empty (message already closed before) will hide the message.\n /\n @Prop() closeKey: string = \"\";\n\n /* Type /\n @Prop({ reflect: true }) type: \"info\" \| \"success\" \| \"warning\" \| \"error\" = \"info\"\n\n // high priority variants are currently not allowed to use\n // (discussion will be resumed in relaunch, when colors are a topic)\n\n // /* Prority /\n // @Prop({ reflect: true }) priority: \"default\" \| \"high\" = \"default\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Translation strings. /\n @Prop() localization: StzhMessageLocalizedText;\n\n /* Message open event /\n @Event() stzhOpen: EventEmitter<StzhMessageOpenEvent>;\n\n /* Message close event /\n @Event() stzhClose: EventEmitter<StzhMessageCloseEvent>;\n\n @Element() element: HTMLStzhMessageElement;\n\n /* Open state */\n @State() open: boolean = true;\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-message\"\n });\n }\n\n @Method()\n async hide(setCloseKey: boolean = true) {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-message\"\n });\n\n if (this.closeKey && setCloseKey) {\n Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n }\n }\n\n private onCloseButtonClick = () => {\n this.hide();\n }\n\n async componentWillLoad() {\n if (this.closeKey) {\n const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n if (timeClosed) {\n this.hide(false);\n }\n }\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"message\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-message\": true,\n \"stzh-message--has-close-hidden\": this.hideClose,\n [`stzh-message--type-${this.type}`]: !!this.type,\n // [`stzh-message--priority-${this.priority}`]: !!this.priority\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-message__content\">\n <div class=\"stzh-message__icon-wrapper\">\n <stzh-icon\n class=\"stzh-message__icon\"\n name={\n this.type === 'info' && \"info-help\"\n \|\| this.type === 'success' && \"checkmark-circle\"\n \|\| this.type === 'warning' && \"warning\"\n \|\| this.type === 'error' && \"important-warning\"\n }\n ></stzh-icon>\n </div>\n <div class=\"stzh-message__text-wrapper\">\n <div class=\"stzh-message__label\">\n {this.label}\n </div>\n <div class=\"stzh-message__description\">\n {this.description ? this.description : <slot></slot>}\n </div>\n <div class=\"stzh-message__link\">\n <slot name=\"link\"></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose &&\n <stzh-button\n class=\"stzh-message__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly={true}\n icon=\"close\"\n ></stzh-button>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"osDAAA,IAAMA,EAAiB,2lJCkBvB,IAAMC,EAAmB,gC,IAWZC,EAAWC,EAAA,0B,2GA4DdC,KAAAC,mBAAqB,WAC3BC,EAAKC,M,aA3DiB,G,iBAGM,G,cAOH,G,UAG+C,O,eAS7C,M,sCAcJ,I,CAGnBC,EAAAC,UAAAC,KAAN,W,qFACEN,KAAKO,KAAO,KACZP,KAAKQ,SAASC,KAAK,CACjBC,UAAW,iB,iBAKTN,EAAAC,UAAAF,KAAN,SAAWQ,GAAA,GAAAA,SAAA,GAAAA,EAAA,IAA2B,C,qFACpCX,KAAKO,KAAO,MACZP,KAAKY,UAAUH,KAAK,CAClBC,UAAW,iBAGb,GAAIV,KAAKa,UAAYF,EAAa,CAChCG,EAAOC,IAAI,GAAAC,OAAGnB,EAAgB,KAAAmB,OAAIhB,KAAKa,UAAYI,KAAKC,MAAMC,W,kBAQ5Df,EAAAC,UAAAe,kBAAN,W,oHACE,GAAIpB,KAAKa,SAAU,CACXQ,EAAaP,EAAOQ,IAAI,GAAAN,OAAGnB,EAAgB,KAAAmB,OAAIhB,KAAKa,WAC1D,GAAIQ,EAAY,CACdrB,KAAKG,KAAK,M,OAITH,KAAKuB,aAAN,YACFC,EAAAxB,KAAoB,SAAMyB,OAAOC,eAAeC,MAAMC,kBAAkB5B,KAAK6B,QAAS,Y,OAAtFL,EAAKD,aAAeO,EAAAC,O,mCAIxB3B,EAAAC,UAAA2B,OAAA,W,MACE,IAAMC,GAAOT,EAAA,CACX,eAAgB,KAChB,iCAAkCxB,KAAKkC,WACvCV,EAAC,sBAAAR,OAAsBhB,KAAKmC,SAAWnC,KAAKmC,K,GAI9C,OACEC,EAACC,EAAI,CAACC,QAAStC,KAAKO,MAClB6B,EAAA,OAAKG,MAAON,GACVG,EAAA,OAAKG,MAAM,yBACTH,EAAA,OAAKG,MAAM,8BACTH,EAAA,aACEG,MAAM,qBACNC,KACExC,KAAKmC,OAAS,QAAU,aACrBnC,KAAKmC,OAAS,WAAa,oBAC3BnC,KAAKmC,OAAS,WAAa,WAC3BnC,KAAKmC,OAAS,SAAW,uBAIlCC,EAAA,OAAKG,MAAM,8BACTH,EAAA,OAAKG,MAAM,uBACRvC,KAAKyC,OAERL,EAAA,OAAKG,MAAM,6BACRvC,KAAK0C,YAAc1C,KAAK0C,YAAcN,EAAA,cAEzCA,EAAA,OAAKG,MAAM,sBACTH,EAAA,QAAMI,KAAK,aAKfxC,KAAKkC,WACLE,EAAA,eACEG,MAAM,sBACNI,QAAS3C,KAAKC,mBACd2C,UAAW5C,KAAKuB,aAAasB,MAC7BC,QAAQ,WACRC,KAAK,QACLC,SAAU,KACVC,KAAK,W,4HAzHK,I"}

package/dist/stzh-components/p-9ee80bcc.entry.js ADDED Viewed

@@ -0,0 +1,10 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./p-9e02896c.js";import{c as createCommonjsModule,a as commonjsGlobal}from"./p-3e8ff66b.js";var flexsearch_bundle=createCommonjsModule((function(module){
+/**!
+ * FlexSearch.js v0.7.31 (Bundle)
+ * Copyright 2018-2022 Nextapps GmbH
+ * Author: Thomas Wilkerling
+ * Licence: Apache-2.0
+ * https://github.com/nextapps-de/flexsearch
+ */
+(function _f(self){try{if(module)self=module}catch(t){}self._factory=_f;var t;function u(t){return"undefined"!==typeof t?t:!0}function aa(t){const e=Array(t);for(let i=0;i<t;i++)e[i]=v();return e}function v(){return Object.create(null)}function ba(t,e){return e.length-t.length}function x(t){return"string"===typeof t}function C(t){return"object"===typeof t}function D(t){return"function"===typeof t}function ca(t,e){var i=da;if(t&&(e&&(t=E(t,e)),this.H&&(t=E(t,this.H)),this.J&&1<t.length&&(t=E(t,this.J)),i||""===i)){t=t.split(i);if(this.filter){e=this.filter;i=t.length;const s=[];for(let a=0,n=0;a<i;a++){const i=t[a];i&&!e[i]&&(s[n++]=i)}t=s}return t}return t}const da=/[\p{Z}\p{S}\p{P}\p{C}]+/u,ea=/[\u0300-\u036f]/g;function fa(t,e){const i=Object.keys(t),s=i.length,a=[];let n="",r=0;for(let h=0,o,l;h<s;h++)o=i[h],(l=t[o])?(a[r++]=F(e?"(?!\\b)"+o+"(\\b|_)":o),a[r++]=l):n+=(n?"|":"")+o;n&&(a[r++]=F(e?"(?!\\b)("+n+")(\\b|_)":"("+n+")"),a[r]="");return a}function E(t,e){for(let i=0,s=e.length;i<s&&(t=t.replace(e[i],e[i+1]),t);i+=2);return t}function F(t){return new RegExp(t,"g")}function ha(t){let e="",i="";for(let s=0,a=t.length,n;s<a;s++)(n=t[s])!==i&&(e+=i=n);return e}var ja={encode:ia,F:!1,G:""};function ia(t){return ca.call(this,(""+t).toLowerCase(),!1)}const ka={},G={};function la(t){I(t,"add");I(t,"append");I(t,"search");I(t,"update");I(t,"remove")}function I(t,e){t[e+"Async"]=function(){const t=this,i=arguments;var s=i[i.length-1];let a;D(s)&&(a=s,delete i[i.length-1]);s=new Promise((function(s){setTimeout((function(){t.async=!0;const a=t[e].apply(t,i);t.async=!1;s(a)}))}));return a?(s.then(a),this):s}}function ma(t,e,i,s){const a=t.length;let n=[],r,h,o=0;s&&(s=[]);for(let l=a-1;0<=l;l--){const c=t[l],f=c.length,d=v();let u=!r;for(let t=0;t<f;t++){const f=c[t],b=f.length;if(b)for(let t=0,c,z;t<b;t++)if(z=f[t],r){if(r[z]){if(!l)if(i)i--;else if(n[o++]=z,o===e)return n;if(l||s)d[z]=1;u=!0}if(s&&(c=(h[z]||0)+1,h[z]=c,c<a)){const t=s[c-2]||(s[c-2]=[]);t[t.length]=z}}else d[z]=1}if(s)r||(h=d);else if(!u)return[];r=d}if(s)for(let t=s.length-1,a,h;0<=t;t--){a=s[t];h=a.length;for(let t=0,s;t<h;t++)if(s=a[t],!r[s]){if(i)i--;else if(n[o++]=s,o===e)return n;r[s]=1}}return n}function na(t,e){const i=v(),s=v(),a=[];for(let e=0;e<t.length;e++)i[t[e]]=1;for(let t=0,n;t<e.length;t++){n=e[t];for(let t=0,e;t<n.length;t++)e=n[t],i[e]&&!s[e]&&(s[e]=1,a[a.length]=e)}return a}function J(t){this.l=!0!==t&&t;this.cache=v();this.h=[]}function oa(t,e,i){C(t)&&(t=t.query);let s=this.cache.get(t);s||(s=this.search(t,e,i),this.cache.set(t,s));return s}J.prototype.set=function(t,e){if(!this.cache[t]){var i=this.h.length;i===this.l?delete this.cache[this.h[i-1]]:i++;for(--i;0<i;i--)this.h[i]=this.h[i-1];this.h[0]=t}this.cache[t]=e};J.prototype.get=function(t){const e=this.cache[t];if(this.l&&e&&(t=this.h.indexOf(t))){const e=this.h[t-1];this.h[t-1]=this.h[t];this.h[t]=e}return e};const qa={memory:{charset:"latin:extra",D:3,B:4,m:!1},performance:{D:3,B:3,s:!1,context:{depth:2,D:1}},match:{charset:"latin:extra",G:"reverse"},score:{charset:"latin:advanced",D:20,B:3,context:{depth:3,D:9}},default:{}};function ra(t,e,i,s,a,n,r){setTimeout((function(){const h=t(i?i+"."+s:s,JSON.stringify(r));h&&h.then?h.then((function(){e.export(t,e,i,a,n+1)})):e.export(t,e,i,a,n+1)}))}function K(t,e){if(!(this instanceof K))return new K(t);var i;if(t){x(t)?t=qa[t]:(i=t.preset)&&(t=Object.assign({},i[i],t));i=t.charset;var s=t.lang;x(i)&&(-1===i.indexOf(":")&&(i+=":default"),i=G[i]);x(s)&&(s=ka[s])}else t={};let a,n,r=t.context||{};this.encode=t.encode||i&&i.encode||ia;this.register=e||v();this.D=a=t.resolution||9;this.G=e=i&&i.G||t.tokenize||"strict";this.depth="strict"===e&&r.depth;this.l=u(r.bidirectional);this.s=n=u(t.optimize);this.m=u(t.fastupdate);this.B=t.minlength||1;this.C=t.boost;this.map=n?aa(a):v();this.A=a=r.resolution||1;this.h=n?aa(a):v();this.F=i&&i.F||t.rtl;this.H=(e=t.matcher||s&&s.H)&&fa(e,!1);this.J=(e=t.stemmer||s&&s.J)&&fa(e,!0);if(i=e=t.filter||s&&s.filter){i=e;s=v();for(let t=0,e=i.length;t<e;t++)s[i[t]]=1;i=s}this.filter=i;this.cache=(e=t.cache)&&new J(e)}t=K.prototype;t.append=function(t,e){return this.add(t,e,!0)};t.add=function(t,e,i,s){if(e&&(t||0===t)){if(!s&&!i&&this.register[t])return this.update(t,e);e=this.encode(e);if(s=e.length){const l=v(),c=v(),f=this.depth,d=this.D;for(let u=0;u<s;u++){let b=e[this.F?s-1-u:u];var a=b.length;if(b&&a>=this.B&&(f||!c[b])){var n=L(d,s,u),r="";switch(this.G){case"full":if(2<a){for(n=0;n<a;n++)for(var h=a;h>n;h--)if(h-n>=this.B){var o=L(d,s,u,a,n);r=b.substring(n,h);M(this,c,r,o,t,i)}break}case"reverse":if(1<a){for(h=a-1;0<h;h--)r=b[h]+r,r.length>=this.B&&M(this,c,r,L(d,s,u,a,h),t,i);r=""}case"forward":if(1<a){for(h=0;h<a;h++)r+=b[h],r.length>=this.B&&M(this,c,r,n,t,i);break}default:if(this.C&&(n=Math.min(n/this.C(e,b,u)|0,d-1)),M(this,c,b,n,t,i),f&&1<s&&u<s-1)for(a=v(),r=this.A,n=b,h=Math.min(f+1,s-u),a[n]=1,o=1;o<h;o++)if((b=e[this.F?s-1-u-o:u+o])&&b.length>=this.B&&!a[b]){a[b]=1;const e=this.l&&b>n;M(this,l,e?n:b,L(r+(s/2>r?0:1),s,u,h-1,o-1),t,i,e?b:n)}}}}this.m||(this.register[t]=1)}}return this};function L(t,e,i,s,a){return i&&1<t?e+(s||0)<=t?i+(a||0):(t-1)/(e+(s||0))*(i+(a||0))+1|0:0}function M(t,e,i,s,a,n,r){let h=r?t.h:t.map;if(!e[i]||r&&!e[i][r])t.s&&(h=h[s]),r?(e=e[i]||(e[i]=v()),e[r]=1,h=h[r]||(h[r]=v())):e[i]=1,h=h[i]||(h[i]=[]),t.s||(h=h[s]||(h[s]=[])),n&&h.includes(a)||(h[h.length]=a,t.m&&(t=t.register[a]||(t.register[a]=[]),t[t.length]=h))}t.search=function(t,e,i){i||(!e&&C(t)?(i=t,t=i.query):C(e)&&(i=e));let s=[],a;let n,r=0;if(i){t=i.query||t;e=i.limit;r=i.offset||0;var h=i.context;n=i.suggest}if(t&&(t=this.encode(""+t),a=t.length,1<a)){i=v();var o=[];for(let e=0,r=0,h;e<a;e++)if((h=t[e])&&h.length>=this.B&&!i[h])if(this.s||n||this.map[h])o[r++]=h,i[h]=1;else return s;t=o;a=t.length}if(!a)return s;e||(e=100);h=this.depth&&1<a&&!1!==h;i=0;let l;h?(l=t[0],i=1):1<a&&t.sort(ba);for(let c,f;i<a;i++){f=t[i];h?(c=sa(this,s,n,e,r,2===a,f,l),n&&!1===c&&s.length||(l=f)):c=sa(this,s,n,e,r,1===a,f);if(c)return c;if(n&&i===a-1){o=s.length;if(!o){if(h){h=0;i=-1;continue}return s}if(1===o)return ta(s[0],e,r)}}return ma(s,e,r,n)};function sa(t,e,i,s,a,n,r,h){let o=[],l=h?t.h:t.map;t.s||(l=ua(l,r,h,t.l));if(l){let i=0;const c=Math.min(l.length,h?t.A:t.D);for(let e=0,f=0,d,u;e<c;e++)if(d=l[e])if(t.s&&(d=ua(d,r,h,t.l)),a&&d&&n&&(u=d.length,u<=a?(a-=u,d=null):(d=d.slice(a),a=0)),d&&(o[i++]=d,n&&(f+=d.length,f>=s)))break;if(i){if(n)return ta(o,s,0);e[e.length]=o;return}}return!i&&o}function ta(t,e,i){t=1===t.length?t[0]:[].concat.apply([],t);return i||t.length>e?t.slice(i,i+e):t}function ua(t,e,i,s){i?(s=s&&e>i,t=(t=t[s?e:i])&&t[s?i:e]):t=t[e];return t}t.contain=function(t){return!!this.register[t]};t.update=function(t,e){return this.remove(t).add(t,e)};t.remove=function(t,e){const i=this.register[t];if(i){if(this.m)for(let e=0,s;e<i.length;e++)s=i[e],s.splice(s.indexOf(t),1);else N(this.map,t,this.D,this.s),this.depth&&N(this.h,t,this.A,this.s);e||delete this.register[t];if(this.cache){e=this.cache;for(let i=0,s,a;i<e.h.length;i++)a=e.h[i],s=e.cache[a],s.includes(t)&&(e.h.splice(i--,1),delete e.cache[a])}}return this};function N(t,e,i,s,a){let n=0;if(t.constructor===Array)if(a)e=t.indexOf(e),-1!==e?1<t.length&&(t.splice(e,1),n++):n++;else{a=Math.min(t.length,i);for(let r=0,h;r<a;r++)if(h=t[r])n=N(h,e,i,s,a),s||n||delete t[r]}else for(let r in t)(n=N(t[r],e,i,s,a))||delete t[r];return n}t.searchCache=oa;t.export=function(t,e,i,s,a){let n,r;switch(a||(a=0)){case 0:n="reg";if(this.m){r=v();for(let t in this.register)r[t]=1}else r=this.register;break;case 1:n="cfg";r={doc:0,opt:this.s?1:0};break;case 2:n="map";r=this.map;break;case 3:n="ctx";r=this.h;break;default:return}ra(t,e||this,i,n,s,a,r);return!0};t.import=function(t,e){if(e)switch(x(e)&&(e=JSON.parse(e)),t){case"cfg":this.s=!!e.opt;break;case"reg":this.m=!1;this.register=e;break;case"map":this.map=e;break;case"ctx":this.h=e}};la(K.prototype);function va(t){t=t.data;var e=self._index;const i=t.args;var s=t.task;switch(s){case"init":s=t.options||{};t=t.factory;e=s.encode;s.cache=!1;e&&0===e.indexOf("function")&&(s.encode=Function("return "+e)());t?(Function("return "+t)()(self),self._index=new self.FlexSearch.Index(s),delete self.FlexSearch):self._index=new K(s);break;default:t=t.id,e=e[s].apply(e,i),postMessage("search"===s?{id:t,msg:e}:{id:t})}}let wa=0;function O(t){if(!(this instanceof O))return new O(t);var e;t?D(e=t.encode)&&(t.encode=e.toString()):t={};(e=(self||window)._factory)&&(e=e.toString());const i="undefined"===typeof window&&self.exports,s=this;this.o=xa(e,i,t.worker);this.h=v();if(this.o){if(i)this.o.on("message",(function(t){s.h[t.id](t.msg);delete s.h[t.id]}));else this.o.onmessage=function(t){t=t.data;s.h[t.id](t.msg);delete s.h[t.id]};this.o.postMessage({task:"init",factory:e,options:t})}}P("add");P("append");P("search");P("update");P("remove");function P(t){O.prototype[t]=O.prototype[t+"Async"]=function(){const e=this,i=[].slice.call(arguments);var s=i[i.length-1];let a;D(s)&&(a=s,i.splice(i.length-1,1));s=new Promise((function(s){setTimeout((function(){e.h[++wa]=s;e.o.postMessage({task:t,id:wa,args:i})}))}));return a?(s.then(a),this):s}}function xa(a,b,c){let d;try{d=b?eval('new (require("worker_threads")["Worker"])("../dist/node/node.js")'):a?new Worker(URL.createObjectURL(new Blob(["onmessage="+va.toString()],{type:"text/javascript"}))):new Worker(x(c)?c:"worker/worker.js",{type:"module"})}catch(t){}return d}function Q(t){if(!(this instanceof Q))return new Q(t);var e=t.document||t.doc||t,i;this.K=[];this.h=[];this.A=[];this.register=v();this.key=(i=e.key||e.id)&&S(i,this.A)||"id";this.m=u(t.fastupdate);this.C=(i=e.store)&&!0!==i&&[];this.store=i&&v();this.I=(i=e.tag)&&S(i,this.A);this.l=i&&v();this.cache=(i=t.cache)&&new J(i);t.cache=!1;this.o=t.worker;this.async=!1;i=v();let s=e.index||e.field||e;x(s)&&(s=[s]);for(let e=0,a,n;e<s.length;e++)a=s[e],x(a)||(n=a,a=a.field),n=C(n)?Object.assign({},t,n):t,this.o&&(i[a]=new O(n),i[a].o||(this.o=!1)),this.o||(i[a]=new K(n,this.register)),this.K[e]=S(a,this.A),this.h[e]=a;if(this.C)for(t=e.store,x(t)&&(t=[t]),e=0;e<t.length;e++)this.C[e]=S(t[e],this.A);this.index=i}function S(t,e){const i=t.split(":");let s=0;for(let a=0;a<i.length;a++)t=i[a],0<=t.indexOf("[]")&&(t=t.substring(0,t.length-2))&&(e[s]=!0),t&&(i[s++]=t);s<i.length&&(i.length=s);return 1<s?i:i[0]}function T(t,e){if(x(e))t=t[e];else for(let i=0;t&&i<e.length;i++)t=t[e[i]];return t}function U(t,e,i,s,a){t=t[a];if(s===i.length-1)e[a]=t;else if(t)if(t.constructor===Array)for(e=e[a]=Array(t.length),a=0;a<t.length;a++)U(t,e,i,s,a);else e=e[a]||(e[a]=v()),a=i[++s],U(t,e,i,s,a)}function V(t,e,i,s,a,n,r,h){if(t=t[r])if(s===e.length-1){if(t.constructor===Array){if(i[s]){for(e=0;e<t.length;e++)a.add(n,t[e],!0,!0);return}t=t.join(" ")}a.add(n,t,h,!0)}else if(t.constructor===Array)for(r=0;r<t.length;r++)V(t,e,i,s,a,n,r,h);else r=e[++s],V(t,e,i,s,a,n,r,h)}t=Q.prototype;t.add=function(t,e,i){C(t)&&(e=t,t=T(e,this.key));if(e&&(t||0===t)){if(!i&&this.register[t])return this.update(t,e);for(let s=0,a,n;s<this.h.length;s++)n=this.h[s],a=this.K[s],x(a)&&(a=[a]),V(e,a,this.A,0,this.index[n],t,a[0],i);if(this.I){let s=T(e,this.I),a=v();x(s)&&(s=[s]);for(let e=0,n,r;e<s.length;e++)if(n=s[e],!a[n]&&(a[n]=1,r=this.l[n]||(this.l[n]=[]),!i||!r.includes(t)))if(r[r.length]=t,this.m){const e=this.register[t]||(this.register[t]=[]);e[e.length]=r}}if(this.store&&(!i||!this.store[t])){let i;if(this.C){i=v();for(let t=0,s;t<this.C.length;t++)s=this.C[t],x(s)?i[s]=e[s]:U(e,i,s,0,s[0])}this.store[t]=i||e}}return this};t.append=function(t,e){return this.add(t,e,!0)};t.update=function(t,e){return this.remove(t).add(t,e)};t.remove=function(t){C(t)&&(t=T(t,this.key));if(this.register[t]){for(var e=0;e<this.h.length&&(this.index[this.h[e]].remove(t,!this.o),!this.m);e++);if(this.I&&!this.m)for(let i in this.l){e=this.l[i];const s=e.indexOf(t);-1!==s&&(1<e.length?e.splice(s,1):delete this.l[i])}this.store&&delete this.store[t];delete this.register[t]}return this};t.search=function(t,e,i,s){i||(!e&&C(t)?(i=t,t=""):C(e)&&(i=e,e=0));let a=[],n=[],r,h,o,l,c,f,d=0;if(i)if(i.constructor===Array)o=i,i=null;else{t=i.query||t;o=(r=i.pluck)||i.index||i.field;l=i.tag;h=this.store&&i.enrich;c="and"===i.bool;e=i.limit||e||100;f=i.offset||0;if(l&&(x(l)&&(l=[l]),!t)){for(let t=0,i;t<l.length;t++)if(i=ya.call(this,l[t],e,f,h))a[a.length]=i,d++;return d?a:[]}x(o)&&(o=[o])}o||(o=this.h);c=c&&(1<o.length||l&&1<l.length);const u=!s&&(this.o||this.async)&&[];for(let r=0,h,b,z;r<o.length;r++){let m;b=o[r];x(b)||(m=b,b=m.field,t=m.query||t,e=m.limit||e);if(u)u[r]=this.index[b].searchAsync(t,e,m||i);else{s?h=s[r]:h=this.index[b].search(t,e,m||i);z=h&&h.length;if(l&&z){const t=[];let i=0;c&&(t[0]=[h]);for(let e=0,s,a;e<l.length;e++)if(s=l[e],z=(a=this.l[s])&&a.length)i++,t[t.length]=c?[a]:a;i&&(h=c?ma(t,e||100,f||0):na(h,t),z=h.length)}if(z)n[d]=b,a[d++]=h;else if(c)return[]}}if(u){const s=this;return new Promise((function(a){Promise.all(u).then((function(n){a(s.search(t,e,i,n))}))}))}if(!d)return[];if(r&&(!h||!this.store))return a[0];for(let t=0,e;t<n.length;t++){e=a[t];e.length&&h&&(e=za.call(this,e));if(r)return e;a[t]={field:n[t],result:e}}return a};function ya(t,e,i,s){let a=this.l[t],n=a&&a.length-i;if(n&&0<n){if(n>e||i)a=a.slice(i,i+e);s&&(a=za.call(this,a));return{tag:t,result:a}}}function za(t){const e=Array(t.length);for(let i=0,s;i<t.length;i++)s=t[i],e[i]={id:s,doc:this.store[s]};return e}t.contain=function(t){return!!this.register[t]};t.get=function(t){return this.store[t]};t.set=function(t,e){this.store[t]=e;return this};t.searchCache=oa;t.export=function(t,e,i,s,a){a||(a=0);s||(s=0);if(s<this.h.length){const i=this.h[s],n=this.index[i];e=this;setTimeout((function(){n.export(t,e,a?i:"",s,a++)||(s++,a=1,e.export(t,e,i,s,a))}))}else{let e,n;switch(a){case 1:e="tag";n=this.l;break;case 2:e="store";n=this.store;break;default:return}ra(t,this,i,e,s,a,n)}};t.import=function(t,e){if(e)switch(x(e)&&(e=JSON.parse(e)),t){case"tag":this.l=e;break;case"reg":this.m=!1;this.register=e;for(let t=0,i;t<this.h.length;t++)i=this.index[this.h[t]],i.register=e,i.m=!1;break;case"store":this.store=e;break;default:t=t.split(".");const i=t[0];t=t[1];i&&t&&this.index[i].import(t,e)}};la(Q.prototype);var Ba={encode:Aa,F:!1,G:""};const Ca=[F("[àáâãäå]"),"a",F("[èéêë]"),"e",F("[ìíîï]"),"i",F("[òóôõöő]"),"o",F("[ùúûüű]"),"u",F("[ýŷÿ]"),"y",F("ñ"),"n",F("[çc]"),"k",F("ß"),"s",F(" & ")," and "];function Aa(t){var e=t=""+t;e.normalize&&(e=e.normalize("NFD").replace(ea,""));return ca.call(this,e.toLowerCase(),!t.normalize&&Ca)}var Ea={encode:Da,F:!1,G:"strict"};const Fa=/[^a-z0-9]+/,Ga={b:"p",v:"f",w:"f",z:"s",x:"s",ß:"s",d:"t",n:"m",c:"k",g:"k",j:"k",q:"k",i:"e",y:"e",u:"o"};function Da(t){t=Aa.call(this,t).join(" ");const e=[];if(t){const i=t.split(Fa),s=i.length;for(let a=0,n,r=0;a<s;a++)if((t=i[a])&&(!this.filter||!this.filter[t])){n=t[0];let i=Ga[n]||n,s=i;for(let e=1;e<t.length;e++){n=t[e];const a=Ga[n]||n;a&&a!==s&&(i+=a,s=a)}e[r++]=i}}return e}var Ia={encode:Ha,F:!1,G:""};const Ja=[F("ae"),"a",F("oe"),"o",F("sh"),"s",F("th"),"t",F("ph"),"f",F("pf"),"f",F("(?![aeo])h(?![aeo])"),"",F("(?!^[aeo])h(?!^[aeo])"),""];function Ha(t,e){t&&(t=Da.call(this,t).join(" "),2<t.length&&(t=E(t,Ja)),e||(1<t.length&&(t=ha(t)),t&&(t=t.split(" "))));return t||[]}var La={encode:Ka,F:!1,G:""};const Ma=F("(?!\\b)[aeo]");function Ka(t){t&&(t=Ha.call(this,t,!0),1<t.length&&(t=t.replace(Ma,"")),1<t.length&&(t=ha(t)),t&&(t=t.split(" ")));return t||[]}G["latin:default"]=ja;G["latin:simple"]=Ba;G["latin:balance"]=Ea;G["latin:advanced"]=Ia;G["latin:extra"]=La;const W=self;let Y;const Z={Index:K,Document:Q,Worker:O,registerCharset:function(t,e){G[t]=e},registerLanguage:function(t,e){ka[t]=e}};(Y=W.define)&&Y.amd?Y([],(function(){return Z})):W.exports?W.exports=Z:W.FlexSearch=Z})(commonjsGlobal)}));const stzhDatatableCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-datatable{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-datatable[hidden]{display:none}stzh-datatable *,stzh-datatable *::before,stzh-datatable *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-datatable .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}stzh-datatable .stzh-fylingfocus-focused{outline-style:none !important}stzh-datatable .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-datatable[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-datatable{}.stzh-datatable__header{border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datatable__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-datatable__header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-datatable__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datatable__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-datatable__sub-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.stzh-datatable__heading{margin-bottom:var(--stzh-space-small)}.stzh-datatable__header .stzh-datatable__search{-ms-flex-positive:1;flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-datatable__header .stzh-datatable__search{width:var(--search-input-width);-ms-flex-positive:0;flex-grow:0}}.stzh-datatable__action-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}.stzh-datatable__outer-wrapper{position:relative}.stzh-datatable__outer-wrapper::before,.stzh-datatable__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-datatable__outer-wrapper::before{left:0}.stzh-datatable__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-datatable__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-datatable__pagination-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-datatable__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-datatable__sort-button:hover,.stzh-datatable__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datatable stzh-icon.stzh-datatable__sort-icon{display:none}.stzh-datatable__table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-datatable__table.has-layout-fixed{table-layout:fixed}.stzh-datatable__thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-datatable__row:hover .stzh-datatable__cell{background-color:var(--stzh-color-grey5)}.stzh-datatable__cell{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-datatable__cell a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-datatable__cell a:hover,.stzh-datatable__cell a:focus{color:var(--stzh-link-hover-color)}.stzh-datatable__cell b,.stzh-datatable__cell strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-datatable__cell i,.stzh-datatable__cell em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-datatable__cell.align-left{text-align:left}.stzh-datatable__cell.align-right{text-align:right}.stzh-datatable__cell.align-center{text-align:center}.stzh-datatable__cell.valign-auto{vertical-align:auto}.stzh-datatable__cell.valign-middle{vertical-align:middle}.stzh-datatable__cell.valign-bottom{vertical-align:bottom}.stzh-datatable__cell.nowrap{white-space:nowrap}.stzh-datatable__cell.is-sticky-left,.stzh-datatable__cell.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-datatable__cell.has-sticked{z-index:2}.stzh-datatable__cell.is-sticky-left{left:0}.stzh-datatable__cell.is-sticky-right{right:0}.stzh-datatable__cell.is-sticky-left::after,.stzh-datatable__cell.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-datatable__cell.is-sticky-left::after{right:0}.stzh-datatable__cell.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-datatable__cell.has-sticked.is-sticky-left::after,.stzh-datatable__cell.has-sticked.is-sticky-right::after{opacity:1}.stzh-datatable__cell--head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datatable__cell--head.is-sortable{padding:0}.stzh-datatable__cell.has-sorted .stzh-datatable__sort-icon{display:-ms-inline-flexbox;display:inline-flex}.stzh-datatable__cell.has-sorted-desc .stzh-datatable__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:none}@media screen and (min-width: 600px){.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:block}}@media screen and (min-width: 600px){.stzh-datatable.has-list .stzh-datatable__list-wrapper{display:none}}.stzh-datatable.has-scroll-left-shadow .stzh-datatable__outer-wrapper::before,.stzh-datatable.has-scroll-right-shadow .stzh-datatable__outer-wrapper::after{opacity:1}';const StzhDatatable=class{constructor(t){registerInstance(this,t);this.stzhRowClick=createEvent(this,"stzhRowClick",7);this.stzhCellClick=createEvent(this,"stzhCellClick",7);this.stzhHeadingCellClick=createEvent(this,"stzhHeadingCellClick",7);this.stzhSortClick=createEvent(this,"stzhSortClick",7);this.stzhSortByChange=createEvent(this,"stzhSortByChange",7);this.stzhSortDirectionChange=createEvent(this,"stzhSortDirectionChange",7);this.handleRowClick=(t,e)=>{this.stzhRowClick.emit({component:"stzh-datatable",row:e,originalEvent:t})};this.handleCellClick=(t,e,i,s,a)=>{this.stzhCellClick.emit({component:"stzh-datatable",row:e,column:i,cellIndex:s,rowIndex:a,originalEvent:t})};this.handleSortClick=(t,e)=>{this.stzhSortClick.emit({component:"stzh-datatable",column:e,originalEvent:t});this.toggleSort(e.key)};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const e=this.tableWrapper.scrollWidth;const i=this.tableWrapper.clientWidth;this.isScrollable=e>i;this.hasScrollLeft=t>0;this.hasScrollRight=t<e-i;const s=Array.from(this.tableWrapper.querySelectorAll("tr"));const a=s[0];if(!a){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const n=Array.from(a.children);n.forEach(((e,s)=>{const a=e.offsetLeft;const n=a+e.offsetWidth;if(this.hasScrollLeft&&this._columns[s].fixed==="left"&&Math.ceil(t)>=a){this.cellsStickyLeft.push(s)}if(this.hasScrollRight&&this._columns[s].fixed==="right"&&Math.ceil(t)+i<=n){this.cellsStickyRight.push(s)}}))};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)};this.onInputChange=()=>{this.query=this.input.value};this.onPaginationChange=t=>{if(t.detail.component==="stzh-pagination"){this.page=t.detail.page}};this.tableLayout="auto";this.localization=undefined;this.label="";this.sortBy="";this.sortDirection="asc";this.tokenize="forward";this.idField="id";this.hideSearch=false;this.showList=false;this.page=1;this.pageSize=null;this.disableMinWidth=false;this.rows=[];this.columns=[];this.query="";this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}async toggleSort(t){this.page=1;if(t===this.sortBy){this.sortDirection=this.sortDirection==="asc"?"desc":"asc"}else{this.sortDirection="asc";this.sortBy=t}}rowsWatcher(t){if(typeof t==="string"){this._rows=JSON.parse(t)}else{this._rows=t}this.buildSearchIndex()}columnsWatcher(t){if(typeof t==="string"){this._columns=JSON.parse(t)}else{this._columns=t}this.buildSearchIndex()}sortByWatcher(t,e){this.stzhSortByChange.emit({component:"stzh-datatable",value:t,oldValue:e})}sortDirectionWatcher(t,e){this.stzhSortDirectionChange.emit({component:"stzh-datatable",value:t,oldValue:e})}handleHeadingCellClick(t,e,i){this.stzhHeadingCellClick.emit({component:"stzh-datatable",column:e,index:i,originalEvent:t})}buildSearchIndex(){if(!this._rows||this._rows.length===0||!this._columns||this._columns.length===0){return}this.searchIndex=new flexsearch_bundle.Document({tokenize:this.tokenize,matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.idField,index:this._columns.map((t=>t.key))}});this._rows.forEach((t=>{this.searchIndex.add(t)}))}async componentWillLoad(){this.columnsWatcher(this.columns);this.rowsWatcher(this.rows);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datatable")}}componentDidLoad(){this.updateScrollStates()}componentWillRender(){var t,e;this._rowsShown=[];this._rowsFiltered=[];if(this.query){let t=[];this.searchIndex.search(this.query).forEach((e=>{t=[...t,...e.result]}));t=t.filter((function(e,i){return t.indexOf(e)===i}));this._rows.forEach((e=>{if(t.indexOf(e[this.idField])>-1){this._rowsFiltered.push(e)}}))}else{this._rowsFiltered=[...this._rows]}if(this.sortBy){const i=this._columns.find((t=>t.key===this.sortBy));const s=((t=i===null||i===void 0?void 0:i.sort)===null||t===void 0?void 0:t.field)||this.sortBy;const a=(e=i===null||i===void 0?void 0:i.sort)===null||e===void 0?void 0:e.type;this._rowsFiltered.sort(((t,e)=>{if(a==="numerical"){if(this.sortDirection==="asc"){return Number(t[s])-Number(e[s])}else{return Number(e[s])-Number(t[s])}}else{const i=t[s].localeCompare(e[s]);return this.sortDirection==="asc"?i:i/-1}}))}if(this.pageSize!==null){const t=this.page*this.pageSize;this._rowsShown=this._rowsFiltered.slice(t-this.pageSize,t)}else{this._rowsShown=[...this._rowsFiltered]}}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const t={"stzh-datatable":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0,"has-list":this.showList};const e=Math.ceil(this._rowsFiltered.length/this.pageSize);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-datatable__header"},h("div",{class:"stzh-datatable__heading"},h("slot",{name:"heading"})),h("div",{class:"stzh-datatable__sub-header"},!this.hideSearch&&h("stzh-input",{ref:t=>this.input=t,class:"stzh-datatable__search",size:"small",name:"stzh-datatable-search",onStzhChange:this.onInputChange,label:this.localization.searchLabel}),h("div",{class:"stzh-datatable__action-button"},h("slot",{name:"action-button"})))),h("div",{class:"stzh-datatable__outer-wrapper"},h("div",{ref:t=>this.tableWrapper=t,class:"stzh-datatable__wrapper",onScroll:this.handleScroll},h("table",{class:{"stzh-datatable__table":true,"has-layout-fixed":this.tableLayout==="fixed"}},h("thead",{class:"stzh-datatable__thead"},h("tr",{class:"stzh-datatable__row stzh-datatable__row--head"},this._columns.map(((t,e)=>h("th",{onClick:i=>this.handleHeadingCellClick(i,t,e),style:t.style,class:{"stzh-datatable__cell stzh-datatable__cell--head":true,"is-sticky-left":t.fixed==="left","is-sticky-right":t.fixed==="right","is-sortable":t.sort,"has-sticked":this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1,"has-sorted":t.key===this.sortBy,"has-sorted-asc":t.key===this.sortBy&&this.sortDirection==="asc","has-sorted-desc":t.key===this.sortBy&&this.sortDirection==="desc",[`align-${t.align}`]:t.align,[`valign-${t.valign}`]:t.valign}},t.sort?h("button",{class:"stzh-datatable__sort-button",type:"button",onClick:e=>this.handleSortClick(e,t),"s-object-id":t.analyticsId||`${t.text} ${this.localization.columnSort}`},h("span",null,t.text),h("stzh-icon",{name:"arrow-up",class:"stzh-datatable__sort-icon",a11yTitle:this.localization.columnSort})):h("span",null,t.text)))))),h("tbody",null,this._rowsShown.map(((t,e)=>h("tr",{class:"stzh-datatable__row stzh-datatable__row--body",onClick:e=>this.handleRowClick(e,t)},this._columns.map(((i,s)=>{var a,n,r,o,l;return h("td",{onClick:a=>this.handleCellClick(a,t,i,s,e),innerHTML:((a=t[i.key])===null||a===void 0?void 0:a.text)||t[i.key]||"",style:i.style,class:{"stzh-datatable__cell stzh-datatable__cell--body":true,"is-sticky-left":i.fixed==="left","is-sticky-right":i.fixed==="right","is-sortable":i.sort,"has-sticked":this.cellsStickyLeft.indexOf(s)>-1||this.cellsStickyRight.indexOf(s)>-1,"has-sorted":i.key===this.sortBy,"has-sorted-asc":i.key===this.sortBy&&this.sortDirection==="asc","has-sorted-desc":i.key===this.sortBy&&this.sortDirection==="desc",[`align-${((n=t[i.key])===null||n===void 0?void 0:n.align)||i.align}`]:((r=t[i.key])===null||r===void 0?void 0:r.align)||i.align,[`valign-${((o=t[i.key])===null||o===void 0?void 0:o.valign)||i.valign}`]:((l=t[i.key])===null||l===void 0?void 0:l.valign)||i.valign}})}))))))))),this.showList&&h("div",{class:"stzh-datatable__list-wrapper"},h("stzh-card-list",null,this._rowsShown.map((t=>h("stzh-card",null,h("stzh-datalist",{slot:"content",direction:"horizontal"},this._columns.map((e=>{var i;return h("stzh-datalist-item",{label:e.text,value:((i=t[e.key])===null||i===void 0?void 0:i.text)||t[e.key]||""})})))))))),this.pageSize!==null&&e>1&&h("div",{class:"stzh-datatable__pagination-wrapper"},h("stzh-pagination",{value:this.page,total:e,onStzhChange:this.onPaginationChange}))))}get element(){return getElement(this)}static get watchers(){return{rows:["rowsWatcher"],columns:["columnsWatcher"],sortBy:["sortByWatcher"],sortDirection:["sortDirectionWatcher"]}}};StzhDatatable.style=stzhDatatableCss;export{StzhDatatable as stzh_datatable};
+//# sourceMappingURL=p-9ee80bcc.entry.js.map

package/dist/stzh-components/p-9ee80bcc.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_f","self","module","e","_factory","t","u","a","aa","b","Array","c","v","Object","create","ba","length","x","C","D","ca","da","E","this","H","J","split","filter","d","f","g","ea","fa","keys","h","k","m","F","replace","RegExp","ha","ja","encode","ia","G","call","toLowerCase","ka","la","I","arguments","Promise","setTimeout","async","apply","then","ma","n","w","q","r","l","p","z","B","A","y","na","cache","oa","query","get","search","set","prototype","indexOf","qa","memory","charset","performance","s","context","depth","match","score","default","ra","JSON","stringify","export","K","preset","assign","lang","register","resolution","tokenize","bidirectional","optimize","fastupdate","minlength","boost","map","rtl","matcher","stemmer","append","add","update","L","substring","M","Math","min","includes","limit","offset","suggest","sort","sa","ta","ua","slice","concat","contain","remove","splice","N","constructor","searchCache","doc","opt","import","parse","va","data","_index","args","task","options","factory","Function","FlexSearch","Index","id","postMessage","msg","wa","O","toString","window","exports","o","xa","worker","on","onmessage","P","eval","Worker","URL","createObjectURL","Blob","type","Q","document","key","S","store","tag","index","field","T","U","V","join","pluck","enrich","bool","ya","searchAsync","X","pa","R","all","za","result","Ba","Aa","Ca","normalize","Ea","Da","Fa","Ga","j","i","Ia","Ha","Ja","La","Ka","Ma","W","Y","Z","Document","registerCharset","registerLanguage","define","amd","stzhDatatableCss","StzhDatatable","handleRowClick","event","row","stzhRowClick","emit","component","originalEvent","handleCellClick","column","cellIndex","rowIndex","stzhCellClick","handleSortClick","stzhSortClick","toggleSort","updateScrollStates","tableWrapper","wrapperScrollLeft","scrollLeft","wrapperScrollWidth","scrollWidth","wrapperClientWidth","clientWidth","isScrollable","hasScrollLeft","hasScrollRight","rows","from","querySelectorAll","firstRow","cellsStickyLeft","cellsStickyRight","cells","children","forEach","cell","offsetLeft","offsetRight","offsetWidth","_columns","fixed","ceil","push","handleResize","debounceResize","cancelAnimationFrame","requestAnimationFrame","handleScroll","debounceScroll","onInputChange","input","value","onPaginationChange","detail","page","columnKey","sortBy","sortDirection","rowsWatcher","newValue","_rows","buildSearchIndex","columnsWatcher","sortByWatcher","oldValue","stzhSortByChange","sortDirectionWatcher","stzhSortDirectionChange","handleHeadingCellClick","stzhHeadingCellClick","searchIndex","idField","columns","localization","stzhComponents","utils","fetchTranslations","element","componentDidLoad","componentWillRender","_rowsShown","_rowsFiltered","resultIds","item","pos","columnConfig","find","_a","_b","rowA","rowB","Number","comparison","localeCompare","pageSize","pageEnd","connectedCallback","resizeObserver","ResizeObserver","observe","disconnectedCallback","disconnect","render","classes","showList","totalPages","Host","class","name","hideSearch","ref","el","size","onStzhChange","label","searchLabel","onScroll","tableLayout","onClick","style","align","valign","analyticsId","text","columnSort","a11yTitle","innerHTML","_c","_d","_e","slot","direction","total"],"sources":["./node_modules/flexsearch/dist/flexsearch.bundle.js","./src/components/stzh-datatable/stzh-datatable.scss?tag=stzh-datatable","./src/components/stzh-datatable/stzh-datatable.tsx"],"sourcesContent":["/**!\r\n * FlexSearch.js v0.7.31 (Bundle)\r\n * Copyright 2018-2022 Nextapps GmbH\r\n * Author: Thomas Wilkerling\r\n * Licence: Apache-2.0\r\n * https://github.com/nextapps-de/flexsearch\r\n */\r\n(function _f(self){'use strict';try{if(module)self=module}catch(e){}self._factory=_f;var t;function u(a){return\"undefined\"!==typeof a?a:!0}function aa(a){const b=Array(a);for(let c=0;c<a;c++)b[c]=v();return b}function v(){return Object.create(null)}function ba(a,b){return b.length-a.length}function x(a){return\"string\"===typeof a}function C(a){return\"object\"===typeof a}function D(a){return\"function\"===typeof a};function ca(a,b){var c=da;if(a&&(b&&(a=E(a,b)),this.H&&(a=E(a,this.H)),this.J&&1<a.length&&(a=E(a,this.J)),c||\"\"===c)){a=a.split(c);if(this.filter){b=this.filter;c=a.length;const d=[];for(let e=0,f=0;e<c;e++){const g=a[e];g&&!b[g]&&(d[f++]=g)}a=d}return a}return a}const da=/[\\p{Z}\\p{S}\\p{P}\\p{C}]+/u,ea=/[\\u0300-\\u036f]/g;\r\nfunction fa(a,b){const c=Object.keys(a),d=c.length,e=[];let f=\"\",g=0;for(let h=0,k,m;h<d;h++)k=c[h],(m=a[k])?(e[g++]=F(b?\"(?!\\\\b)\"+k+\"(\\\\b|_)\":k),e[g++]=m):f+=(f?\"|\":\"\")+k;f&&(e[g++]=F(b?\"(?!\\\\b)(\"+f+\")(\\\\b|_)\":\"(\"+f+\")\"),e[g]=\"\");return e}function E(a,b){for(let c=0,d=b.length;c<d&&(a=a.replace(b[c],b[c+1]),a);c+=2);return a}function F(a){return new RegExp(a,\"g\")}function ha(a){let b=\"\",c=\"\";for(let d=0,e=a.length,f;d<e;d++)(f=a[d])!==c&&(b+=c=f);return b};var ja={encode:ia,F:!1,G:\"\"};function ia(a){return ca.call(this,(\"\"+a).toLowerCase(),!1)};const ka={},G={};function la(a){I(a,\"add\");I(a,\"append\");I(a,\"search\");I(a,\"update\");I(a,\"remove\")}function I(a,b){a[b+\"Async\"]=function(){const c=this,d=arguments;var e=d[d.length-1];let f;D(e)&&(f=e,delete d[d.length-1]);e=new Promise(function(g){setTimeout(function(){c.async=!0;const h=c[b].apply(c,d);c.async=!1;g(h)})});return f?(e.then(f),this):e}};function ma(a,b,c,d){const e=a.length;let f=[],g,h,k=0;d&&(d=[]);for(let m=e-1;0<=m;m--){const n=a[m],w=n.length,q=v();let r=!g;for(let l=0;l<w;l++){const p=n[l],z=p.length;if(z)for(let B=0,A,y;B<z;B++)if(y=p[B],g){if(g[y]){if(!m)if(c)c--;else if(f[k++]=y,k===b)return f;if(m||d)q[y]=1;r=!0}if(d&&(A=(h[y]||0)+1,h[y]=A,A<e)){const H=d[A-2]||(d[A-2]=[]);H[H.length]=y}}else q[y]=1}if(d)g||(h=q);else if(!r)return[];g=q}if(d)for(let m=d.length-1,n,w;0<=m;m--){n=d[m];w=n.length;for(let q=0,r;q<w;q++)if(r=\r\nn[q],!g[r]){if(c)c--;else if(f[k++]=r,k===b)return f;g[r]=1}}return f}function na(a,b){const c=v(),d=v(),e=[];for(let f=0;f<a.length;f++)c[a[f]]=1;for(let f=0,g;f<b.length;f++){g=b[f];for(let h=0,k;h<g.length;h++)k=g[h],c[k]&&!d[k]&&(d[k]=1,e[e.length]=k)}return e};function J(a){this.l=!0!==a&&a;this.cache=v();this.h=[]}function oa(a,b,c){C(a)&&(a=a.query);let d=this.cache.get(a);d||(d=this.search(a,b,c),this.cache.set(a,d));return d}J.prototype.set=function(a,b){if(!this.cache[a]){var c=this.h.length;c===this.l?delete this.cache[this.h[c-1]]:c++;for(--c;0<c;c--)this.h[c]=this.h[c-1];this.h[0]=a}this.cache[a]=b};J.prototype.get=function(a){const b=this.cache[a];if(this.l&&b&&(a=this.h.indexOf(a))){const c=this.h[a-1];this.h[a-1]=this.h[a];this.h[a]=c}return b};const qa={memory:{charset:\"latin:extra\",D:3,B:4,m:!1},performance:{D:3,B:3,s:!1,context:{depth:2,D:1}},match:{charset:\"latin:extra\",G:\"reverse\"},score:{charset:\"latin:advanced\",D:20,B:3,context:{depth:3,D:9}},\"default\":{}};function ra(a,b,c,d,e,f,g){setTimeout(function(){const h=a(c?c+\".\"+d:d,JSON.stringify(g));h&&h.then?h.then(function(){b.export(a,b,c,e,f+1)}):b.export(a,b,c,e,f+1)})};function K(a,b){if(!(this instanceof K))return new K(a);var c;if(a){x(a)?a=qa[a]:(c=a.preset)&&(a=Object.assign({},c[c],a));c=a.charset;var d=a.lang;x(c)&&(-1===c.indexOf(\":\")&&(c+=\":default\"),c=G[c]);x(d)&&(d=ka[d])}else a={};let e,f,g=a.context||{};this.encode=a.encode||c&&c.encode||ia;this.register=b||v();this.D=e=a.resolution||9;this.G=b=c&&c.G||a.tokenize||\"strict\";this.depth=\"strict\"===b&&g.depth;this.l=u(g.bidirectional);this.s=f=u(a.optimize);this.m=u(a.fastupdate);this.B=a.minlength||1;this.C=\r\na.boost;this.map=f?aa(e):v();this.A=e=g.resolution||1;this.h=f?aa(e):v();this.F=c&&c.F||a.rtl;this.H=(b=a.matcher||d&&d.H)&&fa(b,!1);this.J=(b=a.stemmer||d&&d.J)&&fa(b,!0);if(c=b=a.filter||d&&d.filter){c=b;d=v();for(let h=0,k=c.length;h<k;h++)d[c[h]]=1;c=d}this.filter=c;this.cache=(b=a.cache)&&new J(b)}t=K.prototype;t.append=function(a,b){return this.add(a,b,!0)};\r\nt.add=function(a,b,c,d){if(b&&(a||0===a)){if(!d&&!c&&this.register[a])return this.update(a,b);b=this.encode(b);if(d=b.length){const m=v(),n=v(),w=this.depth,q=this.D;for(let r=0;r<d;r++){let l=b[this.F?d-1-r:r];var e=l.length;if(l&&e>=this.B&&(w||!n[l])){var f=L(q,d,r),g=\"\";switch(this.G){case \"full\":if(2<e){for(f=0;f<e;f++)for(var h=e;h>f;h--)if(h-f>=this.B){var k=L(q,d,r,e,f);g=l.substring(f,h);M(this,n,g,k,a,c)}break}case \"reverse\":if(1<e){for(h=e-1;0<h;h--)g=l[h]+g,g.length>=this.B&&M(this,n,\r\ng,L(q,d,r,e,h),a,c);g=\"\"}case \"forward\":if(1<e){for(h=0;h<e;h++)g+=l[h],g.length>=this.B&&M(this,n,g,f,a,c);break}default:if(this.C&&(f=Math.min(f/this.C(b,l,r)|0,q-1)),M(this,n,l,f,a,c),w&&1<d&&r<d-1)for(e=v(),g=this.A,f=l,h=Math.min(w+1,d-r),e[f]=1,k=1;k<h;k++)if((l=b[this.F?d-1-r-k:r+k])&&l.length>=this.B&&!e[l]){e[l]=1;const p=this.l&&l>f;M(this,m,p?f:l,L(g+(d/2>g?0:1),d,r,h-1,k-1),a,c,p?l:f)}}}}this.m||(this.register[a]=1)}}return this};\r\nfunction L(a,b,c,d,e){return c&&1<a?b+(d||0)<=a?c+(e||0):(a-1)/(b+(d||0))*(c+(e||0))+1|0:0}function M(a,b,c,d,e,f,g){let h=g?a.h:a.map;if(!b[c]||g&&!b[c][g])a.s&&(h=h[d]),g?(b=b[c]||(b[c]=v()),b[g]=1,h=h[g]||(h[g]=v())):b[c]=1,h=h[c]||(h[c]=[]),a.s||(h=h[d]||(h[d]=[])),f&&h.includes(e)||(h[h.length]=e,a.m&&(a=a.register[e]||(a.register[e]=[]),a[a.length]=h))}\r\nt.search=function(a,b,c){c||(!b&&C(a)?(c=a,a=c.query):C(b)&&(c=b));let d=[],e;let f,g=0;if(c){a=c.query||a;b=c.limit;g=c.offset||0;var h=c.context;f=c.suggest}if(a&&(a=this.encode(\"\"+a),e=a.length,1<e)){c=v();var k=[];for(let n=0,w=0,q;n<e;n++)if((q=a[n])&&q.length>=this.B&&!c[q])if(this.s||f||this.map[q])k[w++]=q,c[q]=1;else return d;a=k;e=a.length}if(!e)return d;b||(b=100);h=this.depth&&1<e&&!1!==h;c=0;let m;h?(m=a[0],c=1):1<e&&a.sort(ba);for(let n,w;c<e;c++){w=a[c];h?(n=sa(this,d,f,b,g,2===e,w,\r\nm),f&&!1===n&&d.length||(m=w)):n=sa(this,d,f,b,g,1===e,w);if(n)return n;if(f&&c===e-1){k=d.length;if(!k){if(h){h=0;c=-1;continue}return d}if(1===k)return ta(d[0],b,g)}}return ma(d,b,g,f)};\r\nfunction sa(a,b,c,d,e,f,g,h){let k=[],m=h?a.h:a.map;a.s||(m=ua(m,g,h,a.l));if(m){let n=0;const w=Math.min(m.length,h?a.A:a.D);for(let q=0,r=0,l,p;q<w;q++)if(l=m[q])if(a.s&&(l=ua(l,g,h,a.l)),e&&l&&f&&(p=l.length,p<=e?(e-=p,l=null):(l=l.slice(e),e=0)),l&&(k[n++]=l,f&&(r+=l.length,r>=d)))break;if(n){if(f)return ta(k,d,0);b[b.length]=k;return}}return!c&&k}function ta(a,b,c){a=1===a.length?a[0]:[].concat.apply([],a);return c||a.length>b?a.slice(c,c+b):a}\r\nfunction ua(a,b,c,d){c?(d=d&&b>c,a=(a=a[d?b:c])&&a[d?c:b]):a=a[b];return a}t.contain=function(a){return!!this.register[a]};t.update=function(a,b){return this.remove(a).add(a,b)};\r\nt.remove=function(a,b){const c=this.register[a];if(c){if(this.m)for(let d=0,e;d<c.length;d++)e=c[d],e.splice(e.indexOf(a),1);else N(this.map,a,this.D,this.s),this.depth&&N(this.h,a,this.A,this.s);b||delete this.register[a];if(this.cache){b=this.cache;for(let d=0,e,f;d<b.h.length;d++)f=b.h[d],e=b.cache[f],e.includes(a)&&(b.h.splice(d--,1),delete b.cache[f])}}return this};\r\nfunction N(a,b,c,d,e){let f=0;if(a.constructor===Array)if(e)b=a.indexOf(b),-1!==b?1<a.length&&(a.splice(b,1),f++):f++;else{e=Math.min(a.length,c);for(let g=0,h;g<e;g++)if(h=a[g])f=N(h,b,c,d,e),d||f||delete a[g]}else for(let g in a)(f=N(a[g],b,c,d,e))||delete a[g];return f}t.searchCache=oa;\r\nt.export=function(a,b,c,d,e){let f,g;switch(e||(e=0)){case 0:f=\"reg\";if(this.m){g=v();for(let h in this.register)g[h]=1}else g=this.register;break;case 1:f=\"cfg\";g={doc:0,opt:this.s?1:0};break;case 2:f=\"map\";g=this.map;break;case 3:f=\"ctx\";g=this.h;break;default:return}ra(a,b||this,c,f,d,e,g);return!0};t.import=function(a,b){if(b)switch(x(b)&&(b=JSON.parse(b)),a){case \"cfg\":this.s=!!b.opt;break;case \"reg\":this.m=!1;this.register=b;break;case \"map\":this.map=b;break;case \"ctx\":this.h=b}};la(K.prototype);function va(a){a=a.data;var b=self._index;const c=a.args;var d=a.task;switch(d){case \"init\":d=a.options||{};a=a.factory;b=d.encode;d.cache=!1;b&&0===b.indexOf(\"function\")&&(d.encode=Function(\"return \"+b)());a?(Function(\"return \"+a)()(self),self._index=new self.FlexSearch.Index(d),delete self.FlexSearch):self._index=new K(d);break;default:a=a.id,b=b[d].apply(b,c),postMessage(\"search\"===d?{id:a,msg:b}:{id:a})}};let wa=0;function O(a){if(!(this instanceof O))return new O(a);var b;a?D(b=a.encode)&&(a.encode=b.toString()):a={};(b=(self||window)._factory)&&(b=b.toString());const c=\"undefined\"===typeof window&&self.exports,d=this;this.o=xa(b,c,a.worker);this.h=v();if(this.o){if(c)this.o.on(\"message\",function(e){d.h[e.id](e.msg);delete d.h[e.id]});else this.o.onmessage=function(e){e=e.data;d.h[e.id](e.msg);delete d.h[e.id]};this.o.postMessage({task:\"init\",factory:b,options:a})}}P(\"add\");P(\"append\");P(\"search\");\r\nP(\"update\");P(\"remove\");function P(a){O.prototype[a]=O.prototype[a+\"Async\"]=function(){const b=this,c=[].slice.call(arguments);var d=c[c.length-1];let e;D(d)&&(e=d,c.splice(c.length-1,1));d=new Promise(function(f){setTimeout(function(){b.h[++wa]=f;b.o.postMessage({task:a,id:wa,args:c})})});return e?(d.then(e),this):d}}\r\nfunction xa(a,b,c){let d;try{d=b?eval('new (require(\"worker_threads\")[\"Worker\"])(\"../dist/node/node.js\")'):a?new Worker(URL.createObjectURL(new Blob([\"onmessage=\"+va.toString()],{type:\"text/javascript\"}))):new Worker(x(c)?c:\"worker/worker.js\",{type:\"module\"})}catch(e){}return d};function Q(a){if(!(this instanceof Q))return new Q(a);var b=a.document||a.doc||a,c;this.K=[];this.h=[];this.A=[];this.register=v();this.key=(c=b.key||b.id)&&S(c,this.A)||\"id\";this.m=u(a.fastupdate);this.C=(c=b.store)&&!0!==c&&[];this.store=c&&v();this.I=(c=b.tag)&&S(c,this.A);this.l=c&&v();this.cache=(c=a.cache)&&new J(c);a.cache=!1;this.o=a.worker;this.async=!1;c=v();let d=b.index||b.field||b;x(d)&&(d=[d]);for(let e=0,f,g;e<d.length;e++)f=d[e],x(f)||(g=f,f=f.field),g=C(g)?Object.assign({},a,g):a,\r\nthis.o&&(c[f]=new O(g),c[f].o||(this.o=!1)),this.o||(c[f]=new K(g,this.register)),this.K[e]=S(f,this.A),this.h[e]=f;if(this.C)for(a=b.store,x(a)&&(a=[a]),b=0;b<a.length;b++)this.C[b]=S(a[b],this.A);this.index=c}function S(a,b){const c=a.split(\":\");let d=0;for(let e=0;e<c.length;e++)a=c[e],0<=a.indexOf(\"[]\")&&(a=a.substring(0,a.length-2))&&(b[d]=!0),a&&(c[d++]=a);d<c.length&&(c.length=d);return 1<d?c:c[0]}function T(a,b){if(x(b))a=a[b];else for(let c=0;a&&c<b.length;c++)a=a[b[c]];return a}\r\nfunction U(a,b,c,d,e){a=a[e];if(d===c.length-1)b[e]=a;else if(a)if(a.constructor===Array)for(b=b[e]=Array(a.length),e=0;e<a.length;e++)U(a,b,c,d,e);else b=b[e]||(b[e]=v()),e=c[++d],U(a,b,c,d,e)}function V(a,b,c,d,e,f,g,h){if(a=a[g])if(d===b.length-1){if(a.constructor===Array){if(c[d]){for(b=0;b<a.length;b++)e.add(f,a[b],!0,!0);return}a=a.join(\" \")}e.add(f,a,h,!0)}else if(a.constructor===Array)for(g=0;g<a.length;g++)V(a,b,c,d,e,f,g,h);else g=b[++d],V(a,b,c,d,e,f,g,h)}t=Q.prototype;\r\nt.add=function(a,b,c){C(a)&&(b=a,a=T(b,this.key));if(b&&(a||0===a)){if(!c&&this.register[a])return this.update(a,b);for(let d=0,e,f;d<this.h.length;d++)f=this.h[d],e=this.K[d],x(e)&&(e=[e]),V(b,e,this.A,0,this.index[f],a,e[0],c);if(this.I){let d=T(b,this.I),e=v();x(d)&&(d=[d]);for(let f=0,g,h;f<d.length;f++)if(g=d[f],!e[g]&&(e[g]=1,h=this.l[g]||(this.l[g]=[]),!c||!h.includes(a)))if(h[h.length]=a,this.m){const k=this.register[a]||(this.register[a]=[]);k[k.length]=h}}if(this.store&&(!c||!this.store[a])){let d;\r\nif(this.C){d=v();for(let e=0,f;e<this.C.length;e++)f=this.C[e],x(f)?d[f]=b[f]:U(b,d,f,0,f[0])}this.store[a]=d||b}}return this};t.append=function(a,b){return this.add(a,b,!0)};t.update=function(a,b){return this.remove(a).add(a,b)};\r\nt.remove=function(a){C(a)&&(a=T(a,this.key));if(this.register[a]){for(var b=0;b<this.h.length&&(this.index[this.h[b]].remove(a,!this.o),!this.m);b++);if(this.I&&!this.m)for(let c in this.l){b=this.l[c];const d=b.indexOf(a);-1!==d&&(1<b.length?b.splice(d,1):delete this.l[c])}this.store&&delete this.store[a];delete this.register[a]}return this};\r\nt.search=function(a,b,c,d){c||(!b&&C(a)?(c=a,a=\"\"):C(b)&&(c=b,b=0));let e=[],f=[],g,h,k,m,n,w,q=0;if(c)if(c.constructor===Array)k=c,c=null;else{a=c.query||a;k=(g=c.pluck)||c.index||c.field;m=c.tag;h=this.store&&c.enrich;n=\"and\"===c.bool;b=c.limit||b||100;w=c.offset||0;if(m&&(x(m)&&(m=[m]),!a)){for(let l=0,p;l<m.length;l++)if(p=ya.call(this,m[l],b,w,h))e[e.length]=p,q++;return q?e:[]}x(k)&&(k=[k])}k||(k=this.h);n=n&&(1<k.length||m&&1<m.length);const r=!d&&(this.o||this.async)&&[];for(let l=0,p,z,B;l<\r\nk.length;l++){let A;z=k[l];x(z)||(A=z,z=A.field,a=A.query||a,b=A.limit||b);if(r)r[l]=this.index[z].searchAsync(a,b,A||c);else{d?p=d[l]:p=this.index[z].search(a,b,A||c);B=p&&p.length;if(m&&B){const y=[];let H=0;n&&(y[0]=[p]);for(let X=0,pa,R;X<m.length;X++)if(pa=m[X],B=(R=this.l[pa])&&R.length)H++,y[y.length]=n?[R]:R;H&&(p=n?ma(y,b||100,w||0):na(p,y),B=p.length)}if(B)f[q]=z,e[q++]=p;else if(n)return[]}}if(r){const l=this;return new Promise(function(p){Promise.all(r).then(function(z){p(l.search(a,b,\r\nc,z))})})}if(!q)return[];if(g&&(!h||!this.store))return e[0];for(let l=0,p;l<f.length;l++){p=e[l];p.length&&h&&(p=za.call(this,p));if(g)return p;e[l]={field:f[l],result:p}}return e};function ya(a,b,c,d){let e=this.l[a],f=e&&e.length-c;if(f&&0<f){if(f>b||c)e=e.slice(c,c+b);d&&(e=za.call(this,e));return{tag:a,result:e}}}function za(a){const b=Array(a.length);for(let c=0,d;c<a.length;c++)d=a[c],b[c]={id:d,doc:this.store[d]};return b}t.contain=function(a){return!!this.register[a]};t.get=function(a){return this.store[a]};\r\nt.set=function(a,b){this.store[a]=b;return this};t.searchCache=oa;t.export=function(a,b,c,d,e){e||(e=0);d||(d=0);if(d<this.h.length){const f=this.h[d],g=this.index[f];b=this;setTimeout(function(){g.export(a,b,e?f:\"\",d,e++)||(d++,e=1,b.export(a,b,f,d,e))})}else{let f,g;switch(e){case 1:f=\"tag\";g=this.l;break;case 2:f=\"store\";g=this.store;break;default:return}ra(a,this,c,f,d,e,g)}};\r\nt.import=function(a,b){if(b)switch(x(b)&&(b=JSON.parse(b)),a){case \"tag\":this.l=b;break;case \"reg\":this.m=!1;this.register=b;for(let d=0,e;d<this.h.length;d++)e=this.index[this.h[d]],e.register=b,e.m=!1;break;case \"store\":this.store=b;break;default:a=a.split(\".\");const c=a[0];a=a[1];c&&a&&this.index[c].import(a,b)}};la(Q.prototype);var Ba={encode:Aa,F:!1,G:\"\"};const Ca=[F(\"[\\u00e0\\u00e1\\u00e2\\u00e3\\u00e4\\u00e5]\"),\"a\",F(\"[\\u00e8\\u00e9\\u00ea\\u00eb]\"),\"e\",F(\"[\\u00ec\\u00ed\\u00ee\\u00ef]\"),\"i\",F(\"[\\u00f2\\u00f3\\u00f4\\u00f5\\u00f6\\u0151]\"),\"o\",F(\"[\\u00f9\\u00fa\\u00fb\\u00fc\\u0171]\"),\"u\",F(\"[\\u00fd\\u0177\\u00ff]\"),\"y\",F(\"\\u00f1\"),\"n\",F(\"[\\u00e7c]\"),\"k\",F(\"\\u00df\"),\"s\",F(\" & \"),\" and \"];function Aa(a){var b=a=\"\"+a;b.normalize&&(b=b.normalize(\"NFD\").replace(ea,\"\"));return ca.call(this,b.toLowerCase(),!a.normalize&&Ca)};var Ea={encode:Da,F:!1,G:\"strict\"};const Fa=/[^a-z0-9]+/,Ga={b:\"p\",v:\"f\",w:\"f\",z:\"s\",x:\"s\",\"\\u00df\":\"s\",d:\"t\",n:\"m\",c:\"k\",g:\"k\",j:\"k\",q:\"k\",i:\"e\",y:\"e\",u:\"o\"};function Da(a){a=Aa.call(this,a).join(\" \");const b=[];if(a){const c=a.split(Fa),d=c.length;for(let e=0,f,g=0;e<d;e++)if((a=c[e])&&(!this.filter||!this.filter[a])){f=a[0];let h=Ga[f]||f,k=h;for(let m=1;m<a.length;m++){f=a[m];const n=Ga[f]||f;n&&n!==k&&(h+=n,k=n)}b[g++]=h}}return b};var Ia={encode:Ha,F:!1,G:\"\"};const Ja=[F(\"ae\"),\"a\",F(\"oe\"),\"o\",F(\"sh\"),\"s\",F(\"th\"),\"t\",F(\"ph\"),\"f\",F(\"pf\"),\"f\",F(\"(?![aeo])h(?![aeo])\"),\"\",F(\"(?!^[aeo])h(?!^[aeo])\"),\"\"];function Ha(a,b){a&&(a=Da.call(this,a).join(\" \"),2<a.length&&(a=E(a,Ja)),b||(1<a.length&&(a=ha(a)),a&&(a=a.split(\" \"))));return a||[]};var La={encode:Ka,F:!1,G:\"\"};const Ma=F(\"(?!\\\\b)[aeo]\");function Ka(a){a&&(a=Ha.call(this,a,!0),1<a.length&&(a=a.replace(Ma,\"\")),1<a.length&&(a=ha(a)),a&&(a=a.split(\" \")));return a||[]};G[\"latin:default\"]=ja;G[\"latin:simple\"]=Ba;G[\"latin:balance\"]=Ea;G[\"latin:advanced\"]=Ia;G[\"latin:extra\"]=La;const W=self;let Y;const Z={Index:K,Document:Q,Worker:O,registerCharset:function(a,b){G[a]=b},registerLanguage:function(a,b){ka[a]=b}};(Y=W.define)&&Y.amd?Y([],function(){return Z}):W.exports?W.exports=Z:W.FlexSearch=Z;}(this));\r\n","/**\n * @prop --max-height: Maximum height of table\n * @prop --min-width: Minium width of table\n * @prop --cell-padding: Cells padding\n * @prop --search-input-width: Search input width from small breakpoint\n\n * @prop --stzh-table-max-width: **Global**: Maximum height of table\n * @prop --stzh-table-min-width: **Global**: Minium width of table\n * @prop --stzh-table-cell-padding: **Global**: Cells padding\n * @prop --stzh-table-search-input-width: **Global**: Search input width from small breakpoint\n */\n\nstzh-datatable {\n @include host;\n @include table-host();\n}\n\n.stzh-datatable {\n @include table(\"datatable\");\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Watch,\n Method,\n State,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n StzhPaginationChangeEvent,\n StzhDatatableRowClickEvent,\n StzhDatatableCellClickEvent,\n StzhDatatableHeadingCellClickEvent,\n StzhDatatableSortClickEvent,\n StzhDatatableSortByChangeEvent,\n StzhDatatableSortDirectionChangeEvent,\n} from \"../../index\";\n\nimport { Document } from 'flexsearch/dist/flexsearch.bundle.js';\n\nimport { StzhDatatableLocalizedText } from './stzh-datatable.localization';\n\n/**\n * @slot action-button - Slot for action `stzh-button` element\n */\n@Component({\n tag: \"stzh-datatable\",\n styleUrl: \"stzh-datatable.scss\"\n})\nexport class StzhDatatable {\n /** Table layout */\n @Prop() tableLayout: \"auto\" | \"fixed\" = \"auto\";\n\n /** Translation strings */\n @Prop() localization: StzhDatatableLocalizedText;\n\n /** Label */\n @Prop() label: string = \"\";\n\n /** Sort by given column key */\n @Prop({ mutable: true }) sortBy: string = \"\";\n\n /** Sort direction */\n @Prop({ mutable: true }) sortDirection: \"asc\" | \"desc\" = \"asc\";\n\n /** Tokenize type */\n @Prop() tokenize: \"strict\" | \"forward\" | \"reverse\" | \"full\" = \"forward\";\n\n /** ID field */\n @Prop() idField = \"id\";\n\n /* Whether to hide search */\n @Prop({ reflect: true }) hideSearch = false;\n\n /** Whether to show table data as list on mikro breakpoint */\n @Prop({ reflect: true }) showList = false;\n\n /** Current page */\n @Prop({ mutable: true }) page: number = 1;\n\n /** If pagination should be shown, set a number of items to be shown by each page. */\n @Prop() pageSize: number = null;\n\n /**\n * Whether to disable min-width of the table.\n *\n * If `false`, the default `min-width` is `700px`\n * If `true`, the `min-width` is `none`, so the table will try to squeeze down content as much as possible.\n *\n * You can also overwrite the min-width via CSS with the custom property `--min-width`.\n */\n @Prop({ reflect: true }) disableMinWidth: boolean = false;\n\n /**\n * Array of objects including the row data that must at least include `id` attribute (name can be changed with `idField` property).\n *\n * Example: [{\"id\":\"1\",\"text\":\"Foo\"}, ...]\n */\n @Prop() rows: any[] | string = [];\n private _rows: any[];\n private _rowsShown: any[];\n private _rowsFiltered: any[];\n\n /**\n * Array of objects including the columns data that must include `key` and `text` attribute.\n *\n * Example: [{ \"key\": \"id\", \"text\": \"ID\", \"align\": \"right\", \"sort\": true, \"fixed\": \"right\", style: { width: \"53px\" } }]\n */\n @Prop() columns: any[] | string = [];\n private _columns: any[];\n\n @State() query: string = \"\";\n @State() hasScrollLeft: boolean = false;\n @State() hasScrollRight: boolean = false;\n @State() isScrollable: boolean = false;\n @State() cellsStickyLeft: number[] = [];\n @State() cellsStickyRight: number[] = [];\n\n @Element() element: HTMLStzhDatatableElement;\n\n /** Datatable row click event */\n @Event() stzhRowClick: EventEmitter<StzhDatatableRowClickEvent>;\n\n /** Datatable cell click event */\n @Event() stzhCellClick: EventEmitter<StzhDatatableCellClickEvent>;\n\n /** Datatable heading cell click event */\n @Event() stzhHeadingCellClick: EventEmitter<StzhDatatableHeadingCellClickEvent>;\n\n /** Datatable sort click event */\n @Event() stzhSortClick: EventEmitter<StzhDatatableSortClickEvent>;\n\n /** Datatable sort by change event */\n @Event() stzhSortByChange: EventEmitter<StzhDatatableSortByChangeEvent>;\n\n /** Datatable sort direction change event */\n @Event() stzhSortDirectionChange: EventEmitter<StzhDatatableSortDirectionChangeEvent>;\n\n /** Toggle sort by a given column key like when clicking on a column header */\n @Method()\n async toggleSort(columnKey: string) {\n this.page = 1;\n\n if (columnKey === this.sortBy) {\n this.sortDirection = this.sortDirection === \"asc\" ? \"desc\" : \"asc\";\n } else {\n this.sortDirection = \"asc\";\n this.sortBy = columnKey;\n }\n }\n\n @Watch(\"rows\")\n rowsWatcher(newValue: any[] | string) {\n if (typeof newValue === \"string\") {\n this._rows = JSON.parse(newValue);\n } else {\n this._rows = newValue;\n }\n\n this.buildSearchIndex();\n }\n\n @Watch(\"columns\")\n columnsWatcher(newValue: any[] | string) {\n if (typeof newValue === \"string\") {\n this._columns = JSON.parse(newValue);\n } else {\n this._columns = newValue;\n }\n\n this.buildSearchIndex();\n }\n\n @Watch(\"sortBy\")\n sortByWatcher(value: string, oldValue: string) {\n this.stzhSortByChange.emit({\n component: \"stzh-datatable\",\n value,\n oldValue\n });\n }\n\n @Watch(\"sortDirection\")\n sortDirectionWatcher(value: \"asc\" | \"desc\", oldValue: \"asc\" | \"desc\") {\n this.stzhSortDirectionChange.emit({\n component: \"stzh-datatable\",\n value,\n oldValue\n });\n }\n\n private input: HTMLStzhInputElement;\n private searchIndex: Document;\n private tableWrapper: HTMLDivElement;\n private debounceScroll: number;\n\n private debounceResize: number;\n private resizeObserver: ResizeObserver;\n\n private handleRowClick = (event: MouseEvent, row: any) => {\n this.stzhRowClick.emit({\n component: \"stzh-datatable\",\n row,\n originalEvent: event\n });\n }\n\n private handleCellClick = (event: MouseEvent, row: any, column: any, cellIndex: number, rowIndex: number) => {\n this.stzhCellClick.emit({\n component: \"stzh-datatable\",\n row,\n column,\n cellIndex,\n rowIndex,\n originalEvent: event\n });\n }\n\n private handleHeadingCellClick(event: MouseEvent, column: any, index: number) {\n this.stzhHeadingCellClick.emit({\n component: \"stzh-datatable\",\n column,\n index,\n originalEvent: event\n });\n }\n\n private handleSortClick = (event: MouseEvent, column: any) => {\n this.stzhSortClick.emit({\n component: \"stzh-datatable\",\n column,\n originalEvent: event\n });\n\n this.toggleSort(column.key);\n }\n\n private updateScrollStates = () => {\n if (!this.tableWrapper) {\n return;\n }\n\n const wrapperScrollLeft = this.tableWrapper.scrollLeft;\n const wrapperScrollWidth = this.tableWrapper.scrollWidth;\n const wrapperClientWidth = this.tableWrapper.clientWidth;\n\n this.isScrollable = wrapperScrollWidth > wrapperClientWidth;\n this.hasScrollLeft = wrapperScrollLeft > 0;\n this.hasScrollRight = wrapperScrollLeft < wrapperScrollWidth - wrapperClientWidth;\n\n const rows: HTMLTableRowElement[] = Array.from(this.tableWrapper.querySelectorAll(\"tr\"));\n const firstRow = rows[0];\n\n if (!firstRow) {\n return;\n }\n\n this.cellsStickyLeft = [];\n this.cellsStickyRight = [];\n const cells: Element[] = Array.from(firstRow.children);\n\n cells.forEach((cell: HTMLTableCellElement, index: number) => {\n const offsetLeft = cell.offsetLeft;\n const offsetRight = offsetLeft + cell.offsetWidth;\n\n if (\n this.hasScrollLeft\n && this._columns[index].fixed === \"left\"\n && Math.ceil(wrapperScrollLeft) >= offsetLeft\n ) {\n this.cellsStickyLeft.push(index);\n }\n\n if (\n this.hasScrollRight\n && this._columns[index].fixed === \"right\"\n && Math.ceil(wrapperScrollLeft) + wrapperClientWidth <= offsetRight\n ) {\n this.cellsStickyRight.push(index);\n }\n });\n }\n\n private handleResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateScrollStates);\n }\n\n private handleScroll = () => {\n if (this.debounceScroll) {\n window.cancelAnimationFrame(this.debounceScroll);\n }\n\n this.debounceScroll = requestAnimationFrame(this.updateScrollStates);\n }\n\n private buildSearchIndex() {\n if (!this._rows || this._rows.length === 0\n || !this._columns || this._columns.length === 0\n ) {\n return;\n }\n\n this.searchIndex = new Document({\n tokenize: this.tokenize,\n matcher: {\n '[äà]': 'a',\n '[öó]': 'o',\n '[üûúù]': 'u',\n '[éè]': 'e'\n },\n document: {\n id: this.idField,\n index: this._columns.map(column => column.key)\n }\n });\n\n this._rows.forEach(row => {\n this.searchIndex.add(row);\n });\n }\n\n private onInputChange = () => {\n this.query = this.input.value;\n }\n\n private onPaginationChange = (event: CustomEvent<StzhPaginationChangeEvent>) => {\n if (event.detail.component === \"stzh-pagination\") {\n this.page = event.detail.page;\n }\n }\n\n async componentWillLoad() {\n this.columnsWatcher(this.columns);\n this.rowsWatcher(this.rows);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datatable\");\n }\n }\n\n componentDidLoad() {\n this.updateScrollStates();\n }\n\n componentWillRender() {\n this._rowsShown = [];\n this._rowsFiltered = [];\n\n if (this.query) {\n let resultIds = [];\n\n this.searchIndex.search(this.query).forEach((result) => {\n resultIds = [...resultIds, ...result.result];\n });\n\n resultIds = resultIds.filter(function (item, pos) {\n return resultIds.indexOf(item) === pos;\n });\n\n this._rows.forEach((row) => {\n if (resultIds.indexOf(row[this.idField]) > -1) {\n this._rowsFiltered.push(row);\n }\n });\n } else {\n this._rowsFiltered = [...this._rows];\n }\n\n if (this.sortBy) {\n const columnConfig = this._columns.find((column) => column.key === this.sortBy);\n const column = columnConfig?.sort?.field || this.sortBy;\n const type = columnConfig?.sort?.type;\n\n this._rowsFiltered.sort((rowA, rowB) => {\n if (type === \"numerical\") {\n if (this.sortDirection === \"asc\") {\n return Number(rowA[column]) - Number(rowB[column]);\n } else {\n return Number(rowB[column]) - Number(rowA[column]);\n }\n } else {\n const comparison = rowA[column].localeCompare(rowB[column])\n return this.sortDirection === \"asc\" ? comparison : comparison / -1;\n }\n });\n }\n\n if (this.pageSize !== null) {\n const pageEnd = this.page * this.pageSize;\n this._rowsShown = this._rowsFiltered.slice(pageEnd - this.pageSize, pageEnd);\n } else {\n this._rowsShown = [...this._rowsFiltered];\n }\n }\n\n connectedCallback() {\n this.resizeObserver = new ResizeObserver(this.handleResize);\n this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-datatable\": true,\n \"is-scrollable\": this.isScrollable,\n \"has-scroll-left\": this.hasScrollLeft,\n \"has-scroll-right\": this.hasScrollRight,\n \"has-scroll-left-shadow\": this.hasScrollLeft && this.cellsStickyLeft.length === 0,\n \"has-scroll-right-shadow\": this.hasScrollRight && this.cellsStickyRight.length === 0,\n \"has-list\": this.showList,\n };\n\n const totalPages = Math.ceil(this._rowsFiltered.length / this.pageSize);\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-datatable__header\">\n <div class=\"stzh-datatable__heading\">\n <slot name=\"heading\"></slot>\n </div>\n <div class=\"stzh-datatable__sub-header\">\n {!this.hideSearch &&\n <stzh-input\n ref={(el) => (this.input = el as HTMLStzhInputElement)}\n class=\"stzh-datatable__search\"\n size=\"small\"\n name=\"stzh-datatable-search\"\n onStzhChange={this.onInputChange}\n label={this.localization.searchLabel}\n ></stzh-input>\n }\n <div class=\"stzh-datatable__action-button\">\n <slot name=\"action-button\"></slot>\n </div>\n </div>\n </div>\n\n <div class=\"stzh-datatable__outer-wrapper\">\n <div\n ref={(el) => (this.tableWrapper = el as HTMLDivElement)}\n class=\"stzh-datatable__wrapper\"\n onScroll={this.handleScroll}\n >\n <table class={{\n \"stzh-datatable__table\": true,\n \"has-layout-fixed\": this.tableLayout === \"fixed\",\n }}>\n <thead class=\"stzh-datatable__thead\">\n <tr class=\"stzh-datatable__row stzh-datatable__row--head\">\n {this._columns.map((column, index) =>\n <th\n onClick={(event) => this.handleHeadingCellClick(event, column, index)}\n style={column.style}\n class={{\n \"stzh-datatable__cell stzh-datatable__cell--head\": true,\n \"is-sticky-left\": column.fixed === \"left\",\n \"is-sticky-right\": column.fixed === \"right\",\n \"is-sortable\": column.sort,\n \"has-sticked\": this.cellsStickyLeft.indexOf(index) > -1 || this.cellsStickyRight.indexOf(index) > -1,\n \"has-sorted\": column.key === this.sortBy,\n \"has-sorted-asc\": column.key === this.sortBy && this.sortDirection === \"asc\",\n \"has-sorted-desc\": column.key === this.sortBy && this.sortDirection === \"desc\",\n [`align-${column.align}`]: column.align,\n [`valign-${column.valign}`]: column.valign\n }}\n >\n {column.sort ?\n <button\n class=\"stzh-datatable__sort-button\"\n type=\"button\"\n onClick={(event) => this.handleSortClick(event, column)}\n s-object-id={column.analyticsId || `${column.text} ${this.localization.columnSort}`}\n >\n <span>{column.text}</span>\n <stzh-icon name=\"arrow-up\" class=\"stzh-datatable__sort-icon\" a11yTitle={this.localization.columnSort}></stzh-icon>\n </button>\n :\n <span>{column.text}</span>\n }\n </th>\n )}\n </tr>\n </thead>\n <tbody>\n {this._rowsShown.map((row, rowIndex) =>\n <tr\n class=\"stzh-datatable__row stzh-datatable__row--body\"\n onClick={(event) => this.handleRowClick(event, row)}\n >\n {this._columns.map((column, index) =>\n <td\n onClick={(event) => this.handleCellClick(event, row, column, index, rowIndex)}\n innerHTML={row[column.key]?.text || row[column.key] || \"\"}\n style={column.style}\n class={{\n \"stzh-datatable__cell stzh-datatable__cell--body\": true,\n \"is-sticky-left\": column.fixed === \"left\",\n \"is-sticky-right\": column.fixed === \"right\",\n \"is-sortable\": column.sort,\n \"has-sticked\": this.cellsStickyLeft.indexOf(index) > -1 || this.cellsStickyRight.indexOf(index) > -1,\n \"has-sorted\": column.key === this.sortBy,\n \"has-sorted-asc\": column.key === this.sortBy && this.sortDirection === \"asc\",\n \"has-sorted-desc\": column.key === this.sortBy && this.sortDirection === \"desc\",\n [`align-${row[column.key]?.align || column.align}`]: row[column.key]?.align || column.align,\n [`valign-${row[column.key]?.valign || column.valign}`]: row[column.key]?.valign || column.valign\n }}\n ></td>\n )}\n </tr>\n )}\n </tbody>\n </table>\n </div>\n </div>\n\n {this.showList &&\n <div class=\"stzh-datatable__list-wrapper\">\n <stzh-card-list>\n {this._rowsShown.map((row) =>\n <stzh-card>\n <stzh-datalist slot=\"content\" direction={\"horizontal\"}>\n {this._columns.map((column) =>\n <stzh-datalist-item\n label={column.text}\n value={row[column.key]?.text || row[column.key] || \"\"}\n ></stzh-datalist-item>\n )}\n </stzh-datalist>\n </stzh-card>\n )}\n </stzh-card-list>\n </div>\n }\n\n {this.pageSize !== null && totalPages > 1 &&\n <div class=\"stzh-datatable__pagination-wrapper\">\n <stzh-pagination\n value={this.page}\n total={totalPages}\n onStzhChange={this.onPaginationChange}\n ></stzh-pagination>\n </div>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-0c52518d.system.entry.js → p-a2b700d2.system.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{l(o.next(t))}catch(t){i(t)}}function s(t){try{l(o["throw"](t))}catch(t){i(t)}}function l(t){t.done?n(t.value):r(t.value).then(a,s)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(o=1,r&&(i=s[0]&2?r["return"]:s[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;if(r=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];r=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js"],(function(t){"use strict";var e,n,o,r;return{setters:[function(t){e=t.r;n=t.h;o=t.a;r=t.g}],execute:function(){var i=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{bottom:var(--stzh-space-medium);z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;bottom:var(--stzh-header-sticky-appnav-height, 0);left:1.25rem;right:1.25rem}@media screen and (min-width: 1024px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:calc(100% - (2rem * 2))}}@media screen and (min-width: 1024px){:host{left:2.5rem;max-width:calc(100% - (2.5rem * 2))}}@media screen and (min-width: 1260px){:host{left:5.5rem;max-width:calc(100% - (5.5rem * 2))}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-xlarge)}}.stzh-toastbar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{-ms-flex-align:start;align-items:flex-start}}";var a=t("stzh_toastbar",function(){function t(t){var n=this;e(this,t);this.handleSlotchange=function(){n.toastsAppended();n.hideOverflowingItems()};this.hideAfter=30;this.max=5}t.prototype.toast=function(t,e){var n=e===void 0?{type:"info"}:e,o=n.type,r=n.link;return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=o||"info";e.initialOpenAnimation=true;if(r){r.slot="link";e.appendChild(r)}this.element.appendChild(e);return[2,e]}))}))};t.prototype.toastAppended=function(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(function(){t.remove()}));if(t.type!=="error"){var e=(new Date).getTime();var n=this.hideAfter*1e3;var o=window.setTimeout((function(){t.hide()}),n);t.addEventListener("pointerenter",(function(){if(o){window.clearTimeout(o);var t=(new Date).getTime()-e;n=n-t}}));t.addEventListener("pointerleave",(function(){e=(new Date).getTime();o=window.setTimeout((function(){t.hide()}),n)}))}};t.prototype.toastsAppended=function(){var t=this;Array.from(this.element.children).forEach((function(e){t.toastAppended(e)}))};t.prototype.hideOverflowingItems=function(){var t=this.element.children.length;Array.from(this.element.children).splice(0,t-this.max).forEach((function(t){t.hide()}))};t.prototype.render=function(){var t={"stzh-toastbar":true};return n(o,null,n("div",{class:t},n("slot",{onSlotchange:this.handleSlotchange})))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());a.style=i}}}));
-//# sourceMappingURL=p-0c52518d.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{l(o.next(t))}catch(t){i(t)}}function s(t){try{l(o["throw"](t))}catch(t){i(t)}}function l(t){t.done?n(t.value):r(t.value).then(a,s)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(o=1,r&&(i=s[0]&2?r["return"]:s[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;if(r=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];r=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js"],(function(t){"use strict";var e,n,o,r;return{setters:[function(t){e=t.r;n=t.h;o=t.a;r=t.g}],execute:function(){var i=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{bottom:var(--stzh-space-medium);z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;bottom:var(--stzh-header-sticky-appnav-height, 0);left:1.25rem;right:1.25rem}@media screen and (min-width: 1024px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:35rem;max-width:min(35rem, calc(100% - (2rem * 2)))}}@media screen and (min-width: 1024px){:host{left:2.5rem}}@media screen and (min-width: 1260px){:host{left:5.5rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-xlarge)}}.stzh-toastbar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{-ms-flex-align:start;align-items:flex-start}}";var a=t("stzh_toastbar",function(){function t(t){var n=this;e(this,t);this.handleSlotchange=function(){n.toastsAppended();n.hideOverflowingItems()};this.hideAfter=30;this.max=5}t.prototype.toast=function(t,e){var n=e===void 0?{type:"info"}:e,o=n.type,r=n.link;return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=o||"info";e.initialOpenAnimation=true;if(r){r.slot="link";e.appendChild(r)}this.element.appendChild(e);return[2,e]}))}))};t.prototype.toastAppended=function(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(function(){t.remove()}));if(t.type!=="error"){var e=(new Date).getTime();var n=this.hideAfter*1e3;var o=window.setTimeout((function(){t.hide()}),n);t.addEventListener("pointerenter",(function(){if(o){window.clearTimeout(o);var t=(new Date).getTime()-e;n=n-t}}));t.addEventListener("pointerleave",(function(){e=(new Date).getTime();o=window.setTimeout((function(){t.hide()}),n)}))}};t.prototype.toastsAppended=function(){var t=this;Array.from(this.element.children).forEach((function(e){t.toastAppended(e)}))};t.prototype.hideOverflowingItems=function(){var t=this.element.children.length;Array.from(this.element.children).splice(0,t-this.max).forEach((function(t){t.hide()}))};t.prototype.render=function(){var t={"stzh-toastbar":true};return n(o,null,n("div",{class:t},n("slot",{onSlotchange:this.handleSlotchange})))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());a.style=i}}}));
+//# sourceMappingURL=p-a2b700d2.system.entry.js.map

package/dist/stzh-components/p-a2b700d2.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhToastbarCss","StzhToastbar","exports","this","handleSlotchange","_this","toastsAppended","hideOverflowingItems","class_1","prototype","toast","label","_a","_b","type","link","document","createElement","hidden","role","initialOpenAnimation","slot","appendChild","element","toastAppended","getAttribute","setAttribute","addEventListener","remove","timeoutStarted_1","Date","getTime","restTime_1","hideAfter","currentTimeout_1","window","setTimeout","hide","clearTimeout","timePassed","Array","from","children","forEach","childCount","length","splice","max","render","classes","h","Host","class","onSlotchange"],"sources":["src/components/stzh-toastbar/stzh-toastbar.scss?tag=stzh-toastbar&encapsulation=shadow","src/components/stzh-toastbar/stzh-toastbar.tsx"],"sourcesContent":[":host {\n @include spaceCurve('bottom', 'regular');\n z-index: $zIndexOverlay;\n position: fixed;\n pointer-events: none;\n bottom: var(--stzh-header-sticky-appnav-height, 0);\n left: $containerMargin;\n right: $containerMargin;\n\n @include mq($from: small) {\n left: $containerMarginSmall;\n right: auto;\n max-width: 560px;\n max-width: min(560px, calc(100% - (#{$containerMarginSmall} * 2)));\n }\n\n @include mq($from: medium) {\n left: $containerMarginMedium;\n // max-width: calc(100% - (#{$containerMarginMedium} * 2));\n }\n\n @include mq($from: large) {\n left: $containerMarginLarge;\n // max-width: calc(100% - (#{$containerMarginLarge} * 2));\n }\n\n ::slotted(*:not([hidden]):not([slot])) {\n @include spaceCurve('margin-bottom', 'regular');\n }\n}\n\n.stzh-toastbar {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n @include mq($from: small) {\n align-items: flex-start;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Method,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for stzh-toast elements\n */\n@Component({\n tag: \"stzh-toastbar\",\n styleUrl: \"stzh-toastbar.scss\",\n shadow: true\n})\nexport class StzhToastbar {\n /**\n * Time after toasts are hidden (in seconds).\n * Toasts with type `error` will stay, until the user closes them manually.\n */\n @Prop() hideAfter: number = 30;\n\n /**\n * Maximum of toasts allowed to be shown.\n * If more are created, oldest will be hidden, even if timeout not ended yet or toast type is `error`.\n */\n @Prop() max: number = 5;\n\n @Element() element: HTMLStzhToastbarElement;\n\n /** Create new toast. */\n @Method()\n async toast(label: string, { type, link }: { type?: \"info\" | \"success\" | \"error\" | \"warning\", link?: HTMLStzhLinkElement } = { type: \"info\" }): Promise<HTMLStzhToastElement> {\n const toast = document.createElement(\"stzh-toast\");\n toast.hidden = true;\n toast.label = label;\n toast.role = \"alert\";\n toast.type = type || \"info\";\n toast.initialOpenAnimation = true;\n\n if (link) {\n link.slot = \"link\";\n toast.appendChild(link);\n }\n\n this.element.appendChild(toast);\n\n return toast;\n }\n\n private toastAppended(toast: HTMLStzhToastElement) {\n if (toast.getAttribute('data-stzh-toastbar-managed')) {\n return;\n }\n\n toast.setAttribute('data-stzh-toastbar-managed', '');\n\n toast.addEventListener(\"stzhClosed\", () => {\n toast.remove();\n });\n\n if (toast.type !== \"error\") {\n let timeoutStarted = new Date().getTime();\n let restTime = this.hideAfter * 1000;\n let currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n\n toast.addEventListener(\"pointerenter\", () => {\n if (currentTimeout) {\n window.clearTimeout(currentTimeout);\n const timePassed = new Date().getTime() - timeoutStarted;\n restTime = restTime - timePassed;\n }\n });\n\n toast.addEventListener(\"pointerleave\", () => {\n timeoutStarted = new Date().getTime();\n currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n });\n }\n }\n\n private toastsAppended() {\n Array.from(this.element.children).forEach((toast: HTMLStzhToastElement) => {\n this.toastAppended(toast);\n });\n }\n\n private hideOverflowingItems() {\n const childCount = this.element.children.length;\n\n Array.from(this.element.children)\n .splice(0, childCount - this.max)\n .forEach((toast: HTMLStzhToastElement) => {\n toast.hide();\n });\n }\n\n private handleSlotchange = () => {\n this.toastsAppended();\n this.hideOverflowingItems();\n }\n\n render() {\n const classes = {\n \"stzh-toastbar\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot onSlotchange={this.handleSlotchange}></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"wmDAAA,IAAMA,EAAkB,uyD,ICiBXC,EAAYC,EAAA,2B,mCAsFfC,KAAAC,iBAAmB,WACzBC,EAAKC,iBACLD,EAAKE,sB,iBAnFqB,G,SAMN,C,CAMhBC,EAAAC,UAAAC,MAAN,SAAYC,EAAeC,G,IAAAC,EAAAD,SAAA,EAAkG,CAAEE,KAAM,QAAQF,EAAhHE,EAAID,EAAAC,KAAEC,EAAIF,EAAAE,K,2FAC/BL,EAAQM,SAASC,cAAc,cACrCP,EAAMQ,OAAS,KACfR,EAAMC,MAAQA,EACdD,EAAMS,KAAO,QACbT,EAAMI,KAAOA,GAAQ,OACrBJ,EAAMU,qBAAuB,KAE7B,GAAIL,EAAM,CACRA,EAAKM,KAAO,OACZX,EAAMY,YAAYP,E,CAGpBZ,KAAKoB,QAAQD,YAAYZ,GAEzB,SAAOA,E,QAGDF,EAAAC,UAAAe,cAAA,SAAcd,GACpB,GAAIA,EAAMe,aAAa,8BAA+B,CACpD,M,CAGFf,EAAMgB,aAAa,6BAA8B,IAEjDhB,EAAMiB,iBAAiB,cAAc,WACnCjB,EAAMkB,Q,IAGR,GAAIlB,EAAMI,OAAS,QAAS,CAC1B,IAAIe,GAAiB,IAAIC,MAAOC,UAChC,IAAIC,EAAW7B,KAAK8B,UAAY,IAChC,IAAIC,EAAiBC,OAAOC,YAAW,WACrC1B,EAAM2B,M,GACLL,GAEHtB,EAAMiB,iBAAiB,gBAAgB,WACrC,GAAIO,EAAgB,CAClBC,OAAOG,aAAaJ,GACpB,IAAMK,GAAa,IAAIT,MAAOC,UAAYF,EAC1CG,EAAWA,EAAWO,C,KAI1B7B,EAAMiB,iBAAiB,gBAAgB,WACrCE,GAAiB,IAAIC,MAAOC,UAC5BG,EAAiBC,OAAOC,YAAW,WACjC1B,EAAM2B,M,GACLL,E,MAKDxB,EAAAC,UAAAH,eAAA,eAAAD,EAAAF,KACNqC,MAAMC,KAAKtC,KAAKoB,QAAQmB,UAAUC,SAAQ,SAACjC,GACzCL,EAAKmB,cAAcd,E,KAIfF,EAAAC,UAAAF,qBAAA,WACN,IAAMqC,EAAazC,KAAKoB,QAAQmB,SAASG,OAEzCL,MAAMC,KAAKtC,KAAKoB,QAAQmB,UACrBI,OAAO,EAAGF,EAAazC,KAAK4C,KAC5BJ,SAAQ,SAACjC,GACRA,EAAM2B,M,KASZ7B,EAAAC,UAAAuC,OAAA,WACE,IAAMC,EAAU,CACd,gBAAiB,MAGnB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,QAAMG,aAAclD,KAAKC,oB,4HAnGV,I"}

package/dist/stzh-components/p-a43b5c3d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as e,a as s,g as o}from"./p-9e02896c.js";const n=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{bottom:var(--stzh-space-medium);z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;bottom:var(--stzh-header-sticky-appnav-height, 0);left:1.25rem;right:1.25rem}@media screen and (min-width: 1024px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:35rem;max-width:min(35rem, calc(100% - (2rem 2)))}}@media screen and (min-width: 1024px){:host{left:2.5rem}}@media screen and (min-width: 1260px){:host{left:5.5rem}}:host ::slotted(:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-xlarge)}}.stzh-toastbar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{-ms-flex-align:start;align-items:flex-start}}";const i=class{constructor(e){t(this,e);this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()};this.hideAfter=30;this.max=5}async toast(t,{type:e,link:s}={type:"info"}){const o=document.createElement("stzh-toast");o.hidden=true;o.label=t;o.role="alert";o.type=e\|\|"info";o.initialOpenAnimation=true;if(s){s.slot="link";o.appendChild(s)}this.element.appendChild(o);return o}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let e=(new Date).getTime();let s=this.hideAfter1e3;let o=window.setTimeout((()=>{t.hide()}),s);t.addEventListener("pointerenter",(()=>{if(o){window.clearTimeout(o);const t=(new Date).getTime()-e;s=s-t}}));t.addEventListener("pointerleave",(()=>{e=(new Date).getTime();o=window.setTimeout((()=>{t.hide()}),s)}))}}toastsAppended(){Array.from(this.element.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){const t=this.element.children.length;Array.from(this.element.children).splice(0,t-this.max).forEach((t=>{t.hide()}))}render(){const t={"stzh-toastbar":true};return e(s,null,e("div",{class:t},e("slot",{onSlotchange:this.handleSlotchange})))}get element(){return o(this)}};i.style=n;export{i as stzh_toastbar};
2	+ //# sourceMappingURL=p-a43b5c3d.entry.js.map

package/dist/stzh-components/p-a43b5c3d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhToastbarCss","StzhToastbar","this","handleSlotchange","toastsAppended","hideOverflowingItems","async","label","type","link","toast","document","createElement","hidden","role","initialOpenAnimation","slot","appendChild","element","toastAppended","getAttribute","setAttribute","addEventListener","remove","timeoutStarted","Date","getTime","restTime","hideAfter","currentTimeout","window","setTimeout","hide","clearTimeout","timePassed","Array","from","children","forEach","childCount","length","splice","max","render","classes","h","Host","class","onSlotchange"],"sources":["./src/components/stzh-toastbar/stzh-toastbar.scss?tag=stzh-toastbar&encapsulation=shadow","./src/components/stzh-toastbar/stzh-toastbar.tsx"],"sourcesContent":[":host {\n @include spaceCurve('bottom', 'regular');\n z-index: $zIndexOverlay;\n position: fixed;\n pointer-events: none;\n bottom: var(--stzh-header-sticky-appnav-height, 0);\n left: $containerMargin;\n right: $containerMargin;\n\n @include mq($from: small) {\n left: $containerMarginSmall;\n right: auto;\n max-width: 560px;\n max-width: min(560px, calc(100% - (#{$containerMarginSmall} * 2)));\n }\n\n @include mq($from: medium) {\n left: $containerMarginMedium;\n // max-width: calc(100% - (#{$containerMarginMedium} * 2));\n }\n\n @include mq($from: large) {\n left: $containerMarginLarge;\n // max-width: calc(100% - (#{$containerMarginLarge} * 2));\n }\n\n ::slotted(*:not([hidden]):not([slot])) {\n @include spaceCurve('margin-bottom', 'regular');\n }\n}\n\n.stzh-toastbar {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n @include mq($from: small) {\n align-items: flex-start;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Method,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for stzh-toast elements\n */\n@Component({\n tag: \"stzh-toastbar\",\n styleUrl: \"stzh-toastbar.scss\",\n shadow: true\n})\nexport class StzhToastbar {\n /**\n * Time after toasts are hidden (in seconds).\n * Toasts with type `error` will stay, until the user closes them manually.\n */\n @Prop() hideAfter: number = 30;\n\n /**\n * Maximum of toasts allowed to be shown.\n * If more are created, oldest will be hidden, even if timeout not ended yet or toast type is `error`.\n */\n @Prop() max: number = 5;\n\n @Element() element: HTMLStzhToastbarElement;\n\n /** Create new toast. */\n @Method()\n async toast(label: string, { type, link }: { type?: \"info\" | \"success\" | \"error\" | \"warning\", link?: HTMLStzhLinkElement } = { type: \"info\" }): Promise<HTMLStzhToastElement> {\n const toast = document.createElement(\"stzh-toast\");\n toast.hidden = true;\n toast.label = label;\n toast.role = \"alert\";\n toast.type = type || \"info\";\n toast.initialOpenAnimation = true;\n\n if (link) {\n link.slot = \"link\";\n toast.appendChild(link);\n }\n\n this.element.appendChild(toast);\n\n return toast;\n }\n\n private toastAppended(toast: HTMLStzhToastElement) {\n if (toast.getAttribute('data-stzh-toastbar-managed')) {\n return;\n }\n\n toast.setAttribute('data-stzh-toastbar-managed', '');\n\n toast.addEventListener(\"stzhClosed\", () => {\n toast.remove();\n });\n\n if (toast.type !== \"error\") {\n let timeoutStarted = new Date().getTime();\n let restTime = this.hideAfter * 1000;\n let currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n\n toast.addEventListener(\"pointerenter\", () => {\n if (currentTimeout) {\n window.clearTimeout(currentTimeout);\n const timePassed = new Date().getTime() - timeoutStarted;\n restTime = restTime - timePassed;\n }\n });\n\n toast.addEventListener(\"pointerleave\", () => {\n timeoutStarted = new Date().getTime();\n currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n });\n }\n }\n\n private toastsAppended() {\n Array.from(this.element.children).forEach((toast: HTMLStzhToastElement) => {\n this.toastAppended(toast);\n });\n }\n\n private hideOverflowingItems() {\n const childCount = this.element.children.length;\n\n Array.from(this.element.children)\n .splice(0, childCount - this.max)\n .forEach((toast: HTMLStzhToastElement) => {\n toast.hide();\n });\n }\n\n private handleSlotchange = () => {\n this.toastsAppended();\n this.hideOverflowingItems();\n }\n\n render() {\n const classes = {\n \"stzh-toastbar\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot onSlotchange={this.handleSlotchange}></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,uyD,MCiBXC,EAAY,M,yBAsFfC,KAAAC,iBAAmB,KACzBD,KAAKE,iBACLF,KAAKG,sBAAsB,E,eAnFD,G,SAMN,C,CAMtBC,YAAYC,GAAeC,KAAEA,EAAIC,KAAEA,GAA0F,CAAED,KAAM,SACnI,MAAME,EAAQC,SAASC,cAAc,cACrCF,EAAMG,OAAS,KACfH,EAAMH,MAAQA,EACdG,EAAMI,KAAO,QACbJ,EAAMF,KAAOA,GAAQ,OACrBE,EAAMK,qBAAuB,KAE7B,GAAIN,EAAM,CACRA,EAAKO,KAAO,OACZN,EAAMO,YAAYR,E,CAGpBP,KAAKgB,QAAQD,YAAYP,GAEzB,OAAOA,C,CAGDS,cAAcT,GACpB,GAAIA,EAAMU,aAAa,8BAA+B,CACpD,M,CAGFV,EAAMW,aAAa,6BAA8B,IAEjDX,EAAMY,iBAAiB,cAAc,KACnCZ,EAAMa,QAAQ,IAGhB,GAAIb,EAAMF,OAAS,QAAS,CAC1B,IAAIgB,GAAiB,IAAIC,MAAOC,UAChC,IAAIC,EAAWzB,KAAK0B,UAAY,IAChC,IAAIC,EAAiBC,OAAOC,YAAW,KACrCrB,EAAMsB,MAAM,GACXL,GAEHjB,EAAMY,iBAAiB,gBAAgB,KACrC,GAAIO,EAAgB,CAClBC,OAAOG,aAAaJ,GACpB,MAAMK,GAAa,IAAIT,MAAOC,UAAYF,EAC1CG,EAAWA,EAAWO,C,KAI1BxB,EAAMY,iBAAiB,gBAAgB,KACrCE,GAAiB,IAAIC,MAAOC,UAC5BG,EAAiBC,OAAOC,YAAW,KACjCrB,EAAMsB,MAAM,GACXL,EAAS,G,EAKVvB,iBACN+B,MAAMC,KAAKlC,KAAKgB,QAAQmB,UAAUC,SAAS5B,IACzCR,KAAKiB,cAAcT,EAAM,G,CAIrBL,uBACN,MAAMkC,EAAarC,KAAKgB,QAAQmB,SAASG,OAEzCL,MAAMC,KAAKlC,KAAKgB,QAAQmB,UACrBI,OAAO,EAAGF,EAAarC,KAAKwC,KAC5BJ,SAAS5B,IACRA,EAAMsB,MAAM,G,CASlBW,SACE,MAAMC,EAAU,CACd,gBAAiB,MAGnB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,QAAMG,aAAc9C,KAAKC,oB"}