@swisspost/design-system-components 10.0.0-next.55 → 10.0.0-next.57

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-B4gYpuJF.js');
+var index = require('./index-B4rc1pqu.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["post-breadcrumbs.cjs",[[1,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"homeText":[513,"home-text"],"label":[513],"menuLabel":[513,"menu-label"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateHomeUrl"],"homeText":["validateHomeText"],"label":["validateLabel"],"menuLabel":["validateMenuLabel"]}]]],["post-footer.cjs",[[1,"post-footer",{"label":[513],"device":[32],"gridSlotDisplayed":[32]},null,{"label":["validateLabel"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[513,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"],"closeButtonCaption":["validateCloseButtonCaption"]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"label":[513],"belowFold":[32]},null,{"label":["validateLabel"],"belowFold":["watchBelowFold"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[513],"description":[1],"type":[513],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1028],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"description":["validateControlDescription"],"type":["validateControlType"],"name":["validateControlName"],"value":["validateControlValue"],"icon":["validateControlIcon"],"checked":["updateControlChecked"],"disabled":["updateControlDisabled"]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]},null,{"label":["validateLabel"],"stars":["validateStars"],"currentRating":["validateCurrentRating"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"animation":[1],"open":[1540],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"]}]]],["post-avatar.cjs",[[1,"post-avatar",{"firstname":[513],"lastname":[1],"userid":[1],"email":[1],"description":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32],"storageKey":[32]},null,{"firstname":["validateFirstname"],"lastname":["validateLastname"],"userid":["updateUserid"],"email":["updateEmail"],"description":["validateDescription"]}]]],["post-banner.cjs",[[1,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]],{"type":["validateType"]}]]],["post-linkarea.cjs",[[1,"post-linkarea",{"interactiveElements":[32]}]]],["post-popover-trigger.cjs",[[1,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":["syncAriaExpanded"],"for":["validateFor"]}]]],["post-stepper.cjs",[[1,"post-stepper",{"currentLabel":[513,"current-label"],"completedLabel":[513,"completed-label"],"activeStepLabel":[513,"active-step-label"],"currentIndex":[2,"current-index"],"mobileActiveStepLabel":[32],"mobileActiveStepName":[32]},null,{"currentLabel":["validateCurrentLabel"],"completedLabel":["validateCompletedLabel"],"activeStepLabel":["validateActiveStepLabel"],"currentIndex":["validateCurrentIndex"]}]]],["post-stepper-item.cjs",[[4,"post-stepper-item"]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[513],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[513],"panelId":[32]},null,{"name":["validateName"]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"fullWidth":[516,"full-width"],"show":[64]}]]],["post-tooltip-trigger.cjs",[[1,"post-tooltip-trigger",{"for":[513],"delay":[2]},null,{"for":["validateControlFor"]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[1,"post-collapsible-trigger",{"for":[513],"update":[64]},null,{"for":["validateAriaAttributes"]}]]],["post-closebutton_15.cjs",[[1,"post-language-switch",{"caption":[513],"description":[513],"variant":[1],"activeLang":[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-mainnavigation",{"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{"device":[32],"hasNavigation":[32],"hasNavigationControls":[32],"hasTargetGroup":[32],"hasTitle":[32],"burgerMenuExtended":[32],"megadropdownOpen":[32],"toggleBurgerMenu":[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{"device":["lockBody"],"burgerMenuExtended":["lockBody"]}],[4,"post-language-option",{"code":[513],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"variant":["validateVariant"],"name":["validateName"],"url":["validateUrl"]}],[4,"post-list",{"titleHidden":[4,"title-hidden"],"horizontal":[516],"titleId":[32]}],[1,"post-list-item"],[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-megadropdown",{"device":[32],"isVisible":[32],"trigger":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]}],[4,"post-megadropdown-trigger",{"for":[513],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[1,"post-togglebutton",{"toggled":[1028]}],[4,"post-closebutton",{"buttonType":[1,"button-type"]},null,{"buttonType":["validateButtonType"]}],[1,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]},null,{"placement":["validatePlacement"],"label":["validateLabel"]}],[4,"post-menu-trigger",{"for":[513],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[4,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"animation":[1],"arrow":[4],"manualClose":[4,"manual-close"],"safeSpace":[513,"safe-space"],"show":[64],"open":[64],"close":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"],"edgeGap":["validateEdgeGap"],"safeSpace":["validateSafeSpace"]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[513],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-accordion_2.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}],[1,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-breadcrumb-item_2.cjs",[[1,"post-breadcrumb-item",{"url":[1],"fullUrl":[32]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
+  return index.bootstrapLazy([["post-breadcrumbs.cjs",[[1,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"textHome":[513,"text-home"],"textBreadcrumbs":[513,"text-breadcrumbs"],"textMoreItems":[513,"text-more-items"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":[{"validateHomeUrl":0}],"textHome":[{"validateTextHome":0}],"textBreadcrumbs":[{"validateTextBreadcrumbs":0}],"textMoreItems":[{"validateTextMoreItems":0}]}]]],["post-footer.cjs",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"gridSlotDisplayed":[32]},null,{"textFooter":[{"validateTextFooter":0}]}]]],["post-popover.cjs",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":[{"validatePlacement":0}],"textClose":[{"validateTextClose":0}]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"textBackToTop":[{"validateTextBackToTop":0}],"belowFold":[{"watchBelowFold":0}]}]]],["post-card-control.cjs",[[321,"post-card-control",{"label":[513],"description":[1],"type":[513],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1028],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":[{"validateControlLabel":0}],"description":[{"validateControlDescription":0}],"type":[{"validateControlType":0}],"name":[{"validateControlName":0}],"value":[{"validateControlValue":0}],"icon":[{"validateControlIcon":0}],"checked":[{"updateControlChecked":0}],"disabled":[{"updateControlDisabled":0}]}]]],["post-pagination.cjs",[[1,"post-pagination",{"page":[1026],"pageSize":[514,"page-size"],"collectionSize":[514,"collection-size"],"label":[513],"textPrevious":[513,"text-previous"],"textNext":[513,"text-next"],"textPage":[513,"text-page"],"textFirst":[513,"text-first"],"textLast":[513,"text-last"],"disabled":[4],"paginationId":[32],"maxVisiblePages":[32],"items":[32]},null,{"page":[{"validatePage":0},{"handlePropsChange":0}],"pageSize":[{"validatePageSize":0},{"handlePropsChange":0}],"collectionSize":[{"validateCollectionSize":0},{"handlePropsChange":0}],"label":[{"validateLabel":0}],"textPrevious":[{"validateTextPrevious":0}],"textNext":[{"validateTextNext":0}],"textPage":[{"validateTextPage":0}],"textFirst":[{"validateTextFirst":0}],"textLast":[{"validateTextLast":0}],"disabled":[{"validateDisabled":0}]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]},null,{"label":[{"validateLabel":0}],"stars":[{"validateStars":0}],"currentRating":[{"validateCurrentRating":0}]}]]],["post-tooltip.cjs",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":[{"validatePlacement":0}]}]]],["post-avatar.cjs",[[257,"post-avatar",{"firstname":[513],"lastname":[1],"userid":[1],"email":[1],"description":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32],"storageKey":[32]},null,{"firstname":[{"validateFirstname":0}],"lastname":[{"validateLastname":0}],"userid":[{"updateUserid":0}],"email":[{"updateEmail":0}],"description":[{"validateDescription":0}]}]]],["post-banner.cjs",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]],{"type":[{"validateType":0}]}]]],["post-env-test.cjs",[[1,"post-env-test"]]],["post-linkarea.cjs",[[257,"post-linkarea",{"interactiveElements":[32]}]]],["post-popover-trigger.cjs",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}],"for":[{"validateFor":0}]}]]],["post-stepper.cjs",[[257,"post-stepper",{"textCurrentStep":[513,"text-current-step"],"textCompletedStep":[513,"text-completed-step"],"textStepNumber":[513,"text-step-number"],"currentIndex":[2,"current-index"],"mobileActiveStepLabel":[32],"mobileActiveStepName":[32]},null,{"textCurrentStep":[{"validateTextCurrentStep":0}],"textCompletedStep":[{"validateTextCompletedStep":0}],"textStepNumber":[{"validateTextStepNumber":0}],"currentIndex":[{"validateCurrentIndex":0}]}]]],["post-stepper-item.cjs",[[260,"post-stepper-item"]]],["post-tab-item.cjs",[[257,"post-tab-item",{"name":[513],"tabId":[32],"isNavigationMode":[32]},null,{"name":[{"validateName":0}]}]]],["post-tab-panel.cjs",[[257,"post-tab-panel",{"for":[513],"panelId":[32]},null,{"for":[{"validateFor":0}]}]]],["post-tabs.cjs",[[257,"post-tabs",{"activeTab":[1,"active-tab"],"fullWidth":[516,"full-width"],"label":[513],"isNavigationMode":[32],"show":[64]},null,{"label":[{"validateLabel":0}]}]]],["post-tooltip-trigger.cjs",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]},null,{"for":[{"validateControlFor":0}]}]]],["post-collapsible_2.cjs",[[257,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":[{"collapsedChange":0}]}],[257,"post-collapsible-trigger",{"for":[513],"update":[64]},null,{"for":[{"validateAriaAttributes":0}]}]]],["post-closebutton_13.cjs",[[257,"post-language-menu",{"textChangeLanguage":[513,"text-change-language"],"textCurrentLanguage":[513,"text-current-language"],"variant":[1],"activeLang":[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{"textChangeLanguage":[{"validateTextChangeLanguage":0}],"textCurrentLanguage":[{"validateTextCurrentLanguage":0}],"variant":[{"validateVariant":0}]}],[257,"post-header",{"fullWidth":[516,"full-width"],"textMenu":[513,"text-menu"],"device":[32],"hasNavigation":[32],"hasLocalNav":[32],"hasAudience":[32],"hasTitle":[32],"burgerMenuExtended":[32],"megadropdownOpen":[32],"toggleBurgerMenu":[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{"fullWidth":[{"validateFullWidth":0}],"textMenu":[{"validateTextMenu":0}],"device":[{"lockBody":0}],"burgerMenuExtended":[{"lockBody":0}]}],[257,"post-megadropdown",{"textClose":[513,"text-close"],"textBack":[513,"text-back"],"device":[32],"isVisible":[32],"trigger":[32],"megadropdownTitle":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]},null,{"textClose":[{"validateTextClose":0}],"textBack":[{"validateTextBack":0}]}],[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]],{"textMain":[{"validateTextMain":0}]}],[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},null,{"for":[{"validateFor":0}]}],[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":[{"validateCode":0}],"variant":[{"validateVariant":0}],"name":[{"validateName":0}],"url":[{"validateUrl":0}]}],[257,"post-logo",{"url":[1]},null,{"url":[{"validateUrl":0}]}],[257,"post-togglebutton",{"toggled":[1028]}],[260,"post-closebutton",{"buttonType":[1,"button-type"]},null,{"buttonType":[{"validateButtonType":0}]}],[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]},null,{"placement":[{"validatePlacement":0}],"label":[{"validateLabel":0}]}],[260,"post-menu-trigger",{"for":[513],"ariaExpanded":[32]},null,{"for":[{"validateControlFor":0}]}],[260,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"arrow":[4],"safeSpace":[513,"safe-space"],"dynamicPlacement":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":[{"validatePlacement":0}],"edgeGap":[{"validateEdgeGap":0}],"safeSpace":[{"validateSafeSpace":0}]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[513],"rotate":[2],"scale":[2]},null,{"animation":[{"validateAnimation":0}],"base":[{"validateBase":0}],"name":[{"validateName":0}],"rotate":[{"validateRotate":0}],"scale":[{"validateScale":0}]}]]],["post-accordion_2.cjs",[[257,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":[{"validateHeadingLevel":0}]}],[257,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":[{"validateHeadingLevel":0}]}]]],["post-breadcrumb-item_2.cjs",[[257,"post-breadcrumb-item",{"url":[1],"fullUrl":[32]},null,{"url":[{"validateUrl":0}]}],[260,"post-menu-item"]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{package-DkJrv93P.js → package-uQ5oiSiN.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "10.0.0-next.55";
+const version = "10.0.0-next.57";
 
 exports.version = version;

package/dist/cjs/post-accordion_2.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-B4gYpuJF.js');
-var _package = require('./package-DkJrv93P.js');
-var index$1 = require('./index-UFKR6Ok0.js');
-require('./breakpoints-CEkeixld.js');
-var eventFrom = require('./event-from-CLvtSUKf.js');
+var index = require('./index-B4rc1pqu.js');
+var _package = require('./package-uQ5oiSiN.js');
+var breakpoints = require('./breakpoints-Df03Ct7n.js');
+var eventFrom = require('./event-from-CwMw19f8.js');
 var index_browser = require('./index.browser-Doj636JV.js');
+require('./environment-BQE9Unf_.js');
 
 const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
 
-const postAccordionCss = ":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-block-start:calc(var(--post-device-border-width-default)*-1)}";
+const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -31,7 +31,7 @@ const PostAccordion = class {
         this.multiple = false;
     }
     validateHeadingLevel() {
-        index$1.checkRequiredAndOneOf(this, 'headingLevel', HEADING_LEVELS);
+        breakpoints.checkRequiredAndOneOf(this, 'headingLevel', HEADING_LEVELS);
         this.accordionItems.forEach(item => {
             item.setAttribute('heading-level', String(this.headingLevel));
         });
@@ -108,15 +108,17 @@ const PostAccordion = class {
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "headingLevel": ["validateHeadingLevel"]
+        "headingLevel": [{
+                "validateHeadingLevel": 0
+            }]
     }; }
 };
 __decorate$1([
     eventFrom.EventFrom('post-accordion-item')
 ], PostAccordion.prototype, "collapseToggleHandler", null);
-PostAccordion.style = postAccordionCss;
+PostAccordion.style = postAccordionCss();
 
-const postAccordionItemCss = ".accordion-item::after{display:block;content:\"\";margin-block-start:calc(var(--post-device-border-width-default)*-1);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;inset-block-end:auto;border-block-start-width:var(--post-device-border-width-default);border-block-start-style:var(--post-core-border-style-solid);border-block-start-color:var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}";
+const postAccordionItemCss = () => `:host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -137,7 +139,7 @@ const PostAccordionItem = class {
         this.collapsed = false;
     }
     validateHeadingLevel() {
-        index$1.checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
+        breakpoints.checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
     }
     componentWillLoad() {
         this.id = this.host.id || `p${index_browser.nanoid(6)}`;
@@ -164,20 +166,22 @@ const PostAccordionItem = class {
     render() {
         const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
         const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
-        return (index.h(index.Host, { key: 'b98847d19894430b6f65130aebf8673a45afd1e6', id: this.id, "data-version": _package.version }, index.h("div", { key: 'f26f9d3a4a1f59db23b4698b321e28e112c3eed0', part: "accordion-item", class: "accordion-item" }, index.h("post-collapsible-trigger", { key: '14bdacce04d67a03655f600feeaeec065e0fc198', for: `${this.id}--collapse` }, index.h(HeadingTag, { key: '7a07a70d172306ce37f8bd0143b21ed7ec0cab8a', class: "accordion-header", id: `${this.id}--header` }, index.h("button", { key: '5ad0698a62df5c4b2c0a77ff622090b20f348e9c', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, index.h("span", { key: '6e5fcb0c9efa8a57e05fd162c72b9c170a8210c6', class: {
+        return (index.h(index.Host, { key: '03e6974f6d2f02e0d9240c84516f6538a2a96c9a', id: this.id, "data-version": _package.version }, index.h("post-collapsible-trigger", { key: 'de3fe01f5fdc4394d6ba0163313850a60b0134ec', for: `${this.id}--collapse` }, index.h(HeadingTag, { key: 'abc8ccd196030b90f800ffca0075f0a99a70229d', class: "accordion-header", id: `${this.id}--header` }, index.h("button", { key: '422fb7f22228706ca0d07f07241ec72fab6387b7', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "post-accordion-button" }, index.h("span", { key: '1b2bec5bf36707656ac92f65f99d2e1c5f1d44c3', class: {
                 'logo-container': true,
                 'has-image': !!this.slottedLogo,
-            } }, index.h("slot", { key: '41a1409f723bf52de893324ce45d4e7f31eb8908', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), index.h("slot", { key: '7186adfe4a4fe67f4dbaeb7569820d0d06c18428', name: "header" }), index.h("post-icon", { key: 'add240b0275b083c537efb28c4a2825ac22e1b47', name: "chevrondown" })))), index.h("post-collapsible", { key: '4231577c41c7633327c147d2b9adcd847ffc7261', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, index.h("div", { key: '3f3cea3f5468e35f658f7d143db32391fa5fe2f1', class: "accordion-body", part: "body" }, index.h("slot", { key: '013f6cc755a04b880d91513059e36bcc2be5f412' }))))));
+            } }, index.h("slot", { key: '717d1393ab1277a0f141c7a978585d288ab9359b', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), index.h("slot", { key: '6c7f506f051b96f07991cd4c56c884527e736eb5', name: "header" }), index.h("post-icon", { key: 'e77b71473bcf619b1083dfea8b87d219489f774e', name: "chevronup" })))), index.h("post-collapsible", { key: '020481b62323ea8719cd8289c6b402611a83944b', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, index.h("div", { key: '99bdc90c6a557958d1ecb73860b9f6c904165496', class: "accordion-body", part: "post-accordion-body" }, index.h("slot", { key: '0a10be7f2b7fb61614fec92a5306372ada0dcf62' })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "headingLevel": ["validateHeadingLevel"]
+        "headingLevel": [{
+                "validateHeadingLevel": 0
+            }]
     }; }
 };
 __decorate([
     eventFrom.EventFrom('post-accordion-item')
 ], PostAccordionItem.prototype, "onCollapseToggle", null);
-PostAccordionItem.style = postAccordionItemCss;
+PostAccordionItem.style = postAccordionItemCss();
 
 exports.post_accordion = PostAccordion;
 exports.post_accordion_item = PostAccordionItem;

package/dist/cjs/post-avatar.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-B4gYpuJF.js');
-var _package = require('./package-DkJrv93P.js');
-var index$1 = require('./index-UFKR6Ok0.js');
-require('./breakpoints-CEkeixld.js');
+var index = require('./index-B4rc1pqu.js');
+var _package = require('./package-uQ5oiSiN.js');
+var breakpoints = require('./breakpoints-Df03Ct7n.js');
+require('./environment-BQE9Unf_.js');
 
 // https://docs.gravatar.com/api/avatars/images/
 const GRAVATAR_DEFAULT = '404';
@@ -18,7 +18,7 @@ async function cryptify(key) {
 }
 const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
 
-const postAvatarCss = ":host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:\"\";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const postAvatarCss = () => `:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
 var AvatarType;
@@ -39,10 +39,10 @@ const PostAvatar = class {
         this.storageKey = '';
     }
     validateFirstname() {
-        index$1.checkRequiredAndType(this, 'firstname', 'string');
+        breakpoints.checkRequiredAndType(this, 'firstname', 'string');
     }
     validateLastname() {
-        index$1.checkEmptyOrType(this, 'lastname', 'string');
+        breakpoints.checkEmptyOrType(this, 'lastname', 'string');
     }
     updateUserid() {
         this.validateUserId();
@@ -53,14 +53,14 @@ const PostAvatar = class {
         this.getAvatarImage();
     }
     validateDescription() {
-        index$1.checkEmptyOrType(this, 'description', 'string');
+        breakpoints.checkEmptyOrType(this, 'description', 'string');
     }
     validateUserId() {
-        index$1.checkEmptyOrType(this, 'userid', 'string');
+        breakpoints.checkEmptyOrType(this, 'userid', 'string');
     }
     validateEmail() {
         if (this.email)
-            index$1.checkEmptyOrPattern(this, 'email', emailPattern);
+            breakpoints.checkEmptyOrPattern(this, 'email', emailPattern);
     }
     async getAvatarImage() {
         let imageLoaded = false;
@@ -166,18 +166,28 @@ const PostAvatar = class {
             .join('')
             .trim();
         const fullname = names.join(' ');
-        return (index.h(index.Host, { key: '9e596623d1949c62b1f110e311b839d244b249ef', "data-version": _package.version }, index.h("span", { key: '6722e4096cb0d2f8b5d171f0d84fef98f74e1cd7', class: this.avatarType === 'slotted' ? '' : 'd-none' }, index.h("slot", { key: '95e8809133eb0de4382e9dc521eda877a6be5a8b', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && index.h("img", { key: 'cb2ed3eab02f28369911997a94617efaeaa5c00a', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (index.h("span", { key: '5565b06795c4651537b20e9abd33492d7cb8a9d1', class: "initials" }, initials, index.h("span", { key: '58ac3ee3a664a13ff82fc201e04e1896e409fbf1' }, this.description ?? fullname)))));
+        return (index.h(index.Host, { key: '620b361e23a70143903abd7bf10bcd804f959042', "data-version": _package.version }, index.h("span", { key: 'cc3752d89187f0c08dedf2952676de1aaaa59a8a', class: this.avatarType === 'slotted' ? '' : 'd-none' }, index.h("slot", { key: 'dbba7fc0522b177f6ad467f0e22dad9065582ce7', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && index.h("img", { key: '375eeeab749e09bc21d215aa80cf45309a15620e', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (index.h("span", { key: '620d25537ef0f606933e9c7deb915a87fbc4b95c', class: "initials" }, initials, index.h("span", { key: '03dc6aacddc2af35c114fc6815550e0ec461937d' }, this.description ?? fullname)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "firstname": ["validateFirstname"],
-        "lastname": ["validateLastname"],
-        "userid": ["updateUserid"],
-        "email": ["updateEmail"],
-        "description": ["validateDescription"]
+        "firstname": [{
+                "validateFirstname": 0
+            }],
+        "lastname": [{
+                "validateLastname": 0
+            }],
+        "userid": [{
+                "updateUserid": 0
+            }],
+        "email": [{
+                "updateEmail": 0
+            }],
+        "description": [{
+                "validateDescription": 0
+            }]
     }; }
 };
 PostAvatar.INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
-PostAvatar.style = postAvatarCss;
+PostAvatar.style = postAvatarCss();
 
 exports.post_avatar = PostAvatar;

package/dist/cjs/post-back-to-top.cjs.entry.js

@@ -1,37 +1,13 @@
 'use strict';
 
-var index = require('./index-B4gYpuJF.js');
-var _package = require('./package-DkJrv93P.js');
-var index$1 = require('./index-UFKR6Ok0.js');
-require('./breakpoints-CEkeixld.js');
+var index = require('./index-B4rc1pqu.js');
+var fadeSlide = require('./fade-slide-dPhQa-I1.js');
+var _package = require('./package-uQ5oiSiN.js');
+var breakpoints = require('./breakpoints-Df03Ct7n.js');
+require('./utils-s05L2ulk.js');
+require('./environment-BQE9Unf_.js');
 
-// Define common animation options
-const easing = 'ease';
-const defaultDuration = 500;
-const fill = 'forwards';
-function createSlideFadeAnimation(el, keyframes, duration = defaultDuration) {
-    return el.animate(keyframes, {
-        duration: duration,
-        easing,
-        fill,
-    });
-}
-function slideUpAndFadeOut(el, translateY = '-100%', duration = defaultDuration) {
-    const keyframes = [
-        { transform: 'translateY(0)', opacity: '1' },
-        { transform: `translateY(${translateY})`, opacity: '0' },
-    ];
-    return createSlideFadeAnimation(el, keyframes, duration);
-}
-function slideDownAndFadeIn(el, translateY = '-100%', duration = defaultDuration) {
-    const keyframes = [
-        { transform: `translateY(${translateY})`, opacity: '0' },
-        { transform: 'translateY(0)', opacity: '1' },
-    ];
-    return createSlideFadeAnimation(el, keyframes, duration);
-}
-
-const postBackToTopCss = ":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const postBackToTopCss = () => `:host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
 const PostBackToTop = class {
     constructor(hostRef) {
@@ -44,16 +20,16 @@ const PostBackToTop = class {
     isBelowFold() {
         return window.scrollY > window.innerHeight;
     }
-    validateLabel() {
-        index$1.checkRequiredAndType(this, 'label', 'string');
+    validateTextBackToTop() {
+        breakpoints.checkRequiredAndType(this, 'textBackToTop', 'string');
     }
     /*Watch for changes in belowFold to show/hide the back to top button*/
     watchBelowFold(newValue) {
         if (newValue) {
-            slideDownAndFadeIn(this.host, this.translateY);
+            fadeSlide.fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
         }
         else {
-            slideUpAndFadeOut(this.host, this.translateY);
+            fadeSlide.fadeSlide(this.host, 'out', { translate: this.translateY, fill: 'forwards' });
         }
     }
     scrollToTop() {
@@ -80,11 +56,11 @@ const PostBackToTop = class {
         const elevationHeight = this.getSecondPixelValue(elevationParts);
         // The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
         this.translateY =
-            String((-1 * 100) / 100 -
+            (-1 * 100) / 100 -
                 parseFloat(positionTop.replace('px', '')) -
-                parseFloat(elevationHeight.replace('px', ''))) + 'px';
+                parseFloat(elevationHeight.replace('px', ''));
         if (this.belowFold) {
-            slideDownAndFadeIn(this.host, this.translateY);
+            fadeSlide.fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
         }
         if (!this.belowFold) {
             this.host.style.transform = `translateY(${this.translateY})`;
@@ -97,20 +73,24 @@ const PostBackToTop = class {
     componentDidLoad() {
         window.addEventListener('scroll', this.handleScroll, false);
         this.animateButton();
-        this.validateLabel();
+        this.validateTextBackToTop();
     }
     disconnectedCallback() {
         window.removeEventListener('scroll', this.handleScroll);
     }
     render() {
-        return (index.h(index.Host, { key: '51abef7d1f650da1476689c46d853f49669da856', "data-version": _package.version }, index.h("button", { key: '9de175f7962448fa3d658e4a24b01a857925a5b7', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, index.h("post-icon", { key: '2913ad9930bccf5f1e72ea611ed3c57a0e4e1ca8', "aria-hidden": "true", name: "arrowup" }), index.h("span", { key: '44b3f9bf5a16c883282a73bf5cfae77619079c0d', class: "visually-hidden" }, this.label))));
+        return (index.h(index.Host, { key: 'a6a5afe41d76c9b2b703f4a78e63849a1437680f', "data-version": _package.version }, index.h("button", { key: 'ad10b46cf4d07d1efffae6feef7431ba8a11c59e', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, index.h("post-icon", { key: 'e95c5710939aa968df42f3acec2d56b2eaaa238e', "aria-hidden": "true", name: "arrowup" }), index.h("span", { key: 'f854524e0b76f71ef1edfed5a13d57985ac98ea5', class: "visually-hidden" }, this.textBackToTop))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "label": ["validateLabel"],
-        "belowFold": ["watchBelowFold"]
+        "textBackToTop": [{
+                "validateTextBackToTop": 0
+            }],
+        "belowFold": [{
+                "watchBelowFold": 0
+            }]
     }; }
 };
-PostBackToTop.style = postBackToTopCss;
+PostBackToTop.style = postBackToTopCss();
 
 exports.post_back_to_top = PostBackToTop;