@swisspost/design-system-components 9.0.0-next.9 → 9.0.0

package/dist/collection/components/post-menu-trigger/post-menu-trigger.css

@@ -1 +0,0 @@
-:host{display:inline-block}

package/dist/collection/components/post-menu-trigger/post-menu-trigger.js

@@ -1,114 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { version } from "../../../../package";
-import { checkType, getRoot } from "../../utils/index";
-export class PostMenuTrigger {
-    constructor() {
-        /**
-         * Reference to the slotted button within the trigger, if present.
-         * Used to manage click and key events for menu control.
-         */
-        this.slottedButton = null;
-        this.handleKeyDown = (e) => {
-            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-                e.preventDefault();
-                this.handleToggle();
-            }
-        };
-        this.for = undefined;
-        this.ariaExpanded = false;
-    }
-    /**
-     * Watch for changes to the `for` property to validate its type and ensure it is a string.
-     * @param forValue - The new value of the `for` property.
-     */
-    validateControlFor(forValue = this.for) {
-        checkType(forValue, 'string', 'The "for" property is required and should be a string.');
-    }
-    get menu() {
-        const ref = this.root.getElementById(this.for);
-        return ref && ref.localName === 'post-menu' ? ref : null;
-    }
-    handleToggle() {
-        const menu = this.menu;
-        if (menu && this.slottedButton) {
-            this.ariaExpanded = !this.ariaExpanded;
-            this.slottedButton.setAttribute('aria-expanded', this.ariaExpanded.toString());
-            menu.toggle(this.host);
-        }
-        else {
-            console.warn(`No post-menu found with ID: ${this.for}`);
-        }
-    }
-    componentDidLoad() {
-        this.root = getRoot(this.host);
-        this.validateControlFor();
-        this.slottedButton = this.host.querySelector('button');
-        // Check if the slottedButton is within a web component
-        if (!this.slottedButton) {
-            const webComponent = this.host.querySelector('.menu-trigger-webc');
-            if (webComponent.shadowRoot) {
-                const slottedButton = webComponent.shadowRoot.querySelector('button');
-                if (slottedButton) {
-                    this.slottedButton = slottedButton;
-                }
-            }
-        }
-        if (this.slottedButton) {
-            this.slottedButton.setAttribute('aria-haspopup', 'menu');
-            this.slottedButton.addEventListener('click', () => {
-                this.handleToggle();
-            });
-            this.slottedButton.addEventListener('keydown', this.handleKeyDown);
-        }
-        else {
-            console.warn('No button found within post-menu-trigger');
-        }
-    }
-    render() {
-        return (h(Host, { key: '64e9e7e6448160c7b52fc732b5107e94e9776678', "data-version": version, "tab-index": "-1" }, h("slot", { key: '711d641147cec0c26c7a3917f9302f1bbbee0d73' })));
-    }
-    static get is() { return "post-menu-trigger"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["post-menu-trigger.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["post-menu-trigger.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "for": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "ID of the menu element that this trigger is linked to. Used to open and close the specified menu."
-                },
-                "attribute": "for",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "ariaExpanded": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "for",
-                "methodName": "validateControlFor"
-            }];
-    }
-}

package/dist/collection/components/post-togglebutton/post-togglebutton.css

@@ -1 +0,0 @@
-:host{cursor:pointer;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(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}

package/dist/collection/components/post-togglebutton/post-togglebutton.js

@@ -1,74 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { version } from "../../../../package";
-import { checkType } from "../../utils/index";
-/**
- * @slot default - Slot for the content of the button.
- */
-export class PostTogglebutton {
-    constructor() {
-        this.handleClick = () => {
-            this.toggled = !this.toggled;
-        };
-        this.handleKeydown = (event) => {
-            // perform a click when enter or spaced are pressed to mimic the button behavior
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault(); // prevents the page from scrolling when space is pressed
-                this.host.click();
-            }
-        };
-        this.toggled = false;
-    }
-    validateToggled(value = this.toggled) {
-        checkType(value, 'boolean', 'The "toggled" property of the post-togglebutton must be a boolean.');
-    }
-    componentWillLoad() {
-        this.validateToggled();
-        // add event listener to not override listener that might be set on the host
-        this.host.addEventListener('click', () => this.handleClick());
-        this.host.addEventListener('keydown', (e) => this.handleKeydown(e));
-    }
-    render() {
-        return (h(Host, { key: 'f20b7e5f7cd14c1b0addf12600df27e7e5dab841', slot: "post-togglebutton", "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '526540ce9a66fa08f0142e674811fe88e3abcfa6' })));
-    }
-    static get is() { return "post-togglebutton"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["post-togglebutton.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["post-togglebutton.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "toggled": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the button is in the \"on\" state, otherwise it is in the \"off\" state."
-                },
-                "attribute": "toggled",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "toggled",
-                "methodName": "validateToggled"
-            }];
-    }
-}

package/dist/collection/utils/breakpoints.js

@@ -1,46 +0,0 @@
-export class Breakpoint {
-    constructor() {
-        this.current = {
-            key: '',
-            name: '',
-        };
-        if (!this.breakpointMap) {
-            const styles = getComputedStyle(document.documentElement);
-            const keys = styles.getPropertyValue('--post-breakpoint-keys').split(', ');
-            const names = styles.getPropertyValue('--post-breakpoint-names').split(', ');
-            this.breakpointMap = styles
-                .getPropertyValue('--post-breakpoint-widths')
-                .split(', ')
-                .map((width, i) => {
-                return {
-                    minWidth: Number(width),
-                    key: keys[i],
-                    name: names[i],
-                };
-            })
-                .reverse();
-            window.addEventListener('resize', () => this.updateHandler(), { passive: true });
-        }
-    }
-    updateHandler(emitEvents = true) {
-        const calculated = this.breakpointMap.find(({ minWidth }) => innerWidth >= minWidth);
-        if (this.current.key !== calculated.key) {
-            this.current.key = calculated.key;
-            if (emitEvents)
-                this.dispatchEvent('key');
-        }
-        if (this.current.name !== calculated.name) {
-            this.current.name = calculated.name;
-            if (emitEvents)
-                this.dispatchEvent('name');
-        }
-    }
-    dispatchEvent(type) {
-        window.dispatchEvent(new CustomEvent(`postBreakpoint:${type}`, { detail: this.current[type] }));
-    }
-    get(type) {
-        this.updateHandler(false);
-        return this.current[type];
-    }
-}
-export const breakpoint = new Breakpoint();

package/dist/collection/utils/is-focusable.js

@@ -1,26 +0,0 @@
-const focusableSelector = `:where(${[
-    'button',
-    'input:not([type="hidden"])',
-    '[tabindex]',
-    'select',
-    'textarea',
-    '[contenteditable]',
-    'a[href]',
-    'iframe',
-    'audio[controls]',
-    'video[controls]',
-    'area[href]',
-    'details > summary:first-of-type',
-].join(',')})`;
-const focusDisablingSelector = `:where(${[
-    '[inert]',
-    '[inert] *',
-    ':disabled',
-    'dialog:not([open]) *',
-    '[popover]:not(:popover-open) *',
-    'details:not([open]) > *:not(details > summary:first-of-type)',
-    'details:not([open]) > *:not(details > summary:first-of-type) *',
-].join(',')})`;
-export const isFocusable = (element) => {
-    return (element === null || element === void 0 ? void 0 : element.matches(focusableSelector)) && !(element === null || element === void 0 ? void 0 : element.matches(focusDisablingSelector));
-};

package/dist/components/attribute-observer.js

@@ -1,25 +0,0 @@
-const getAttributeObserver = (attribute, handler) => {
-    /**
-     * Handle attribute changes and childList changes from the observer
-     * @param {MutationRecord[]} mutationList
-     */
-    const observerHandler = (mutationList) => {
-        mutationList.forEach(mutation => {
-            if (mutation.type === 'attributes' && mutation.attributeName === attribute) {
-                handler(mutation.target);
-            }
-            if (mutation.type === 'childList') {
-                mutation.addedNodes.forEach(node => {
-                    if (node.nodeType === Node.ELEMENT_NODE &&
-                        node.hasAttribute(attribute)) {
-                        handler(node);
-                    }
-                });
-            }
-        });
-    };
-    // Initialize a mutation observer for patching accessibility features
-    return new MutationObserver(observerHandler);
-};
-
-export { getAttributeObserver as g };

package/dist/components/debounce.js

@@ -1,10 +0,0 @@
-function debounce(callback, timeout = 200) {
-    let id;
-    return (...args) => {
-        if (id)
-            clearTimeout(id);
-        id = setTimeout(callback, timeout, ...args);
-    };
-}
-
-export { debounce as d };

package/dist/components/get-root.js

@@ -1,9 +0,0 @@
-function getRoot(element) {
-    const root = element.getRootNode();
-    if (root instanceof Document || root instanceof ShadowRoot) {
-        return root;
-    }
-    throw new Error('Attempting to access root node before the element is attached to the document or shadow tree.');
-}
-
-export { getRoot as g };

package/dist/components/post-avatar.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PostAvatar extends Components.PostAvatar, HTMLElement {}
-export const PostAvatar: {
-    prototype: PostAvatar;
-    new (): PostAvatar;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/post-avatar.js

@@ -1,6 +0,0 @@
-import { P as PostAvatar$1, d as defineCustomElement$1 } from './post-avatar2.js';
-
-const PostAvatar = PostAvatar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostAvatar, defineCustomElement };

package/dist/components/post-avatar2.js

@@ -1,173 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { c as checkNonEmpty } from './check-non-empty.js';
-
-const postAvatarCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */: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;z-index:2;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}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}";
-const PostAvatarStyle0 = postAvatarCss;
-
-// https://docs.gravatar.com/api/avatars/images/
-const GRAVATAR_DEFAULT = '404';
-const GRAVATAR_RATING = 'g';
-const GRAVATAR_SIZE = 80;
-const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
-var AvatarType;
-(function (AvatarType) {
-    AvatarType["Slotted"] = "slotted";
-    AvatarType["Image"] = "image";
-    AvatarType["Initials"] = "initials";
-    AvatarType[AvatarType["Null"] = null] = "Null";
-})(AvatarType || (AvatarType = {}));
-const PostAvatar = /*@__PURE__*/ proxyCustomElement(class PostAvatar extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.firstname = undefined;
-        this.lastname = undefined;
-        this.userid = undefined;
-        this.email = undefined;
-        this.slottedImage = undefined;
-        this.avatarType = null;
-        this.imageUrl = '';
-        this.imageAlt = '';
-        this.initials = '';
-    }
-    validateFirstname() {
-        checkNonEmpty(this.firstname, 'The `firstname` property of the `post-avatar` is required!');
-    }
-    async getAvatar() {
-        if (this.slottedImage !== null) {
-            this.avatarType = AvatarType.Slotted;
-        }
-        else {
-            let imageLoaded = false;
-            if (!imageLoaded && this.userid)
-                imageLoaded = await this.getImageByProp(this.userid, this.fetchImageByUserId.bind(this));
-            if (!imageLoaded && this.email)
-                imageLoaded = await this.getImageByProp(this.email, this.fetchImageByEmail.bind(this));
-            if (!imageLoaded)
-                this.getAvatarByInitials();
-        }
-    }
-    async getImageByProp(prop, fetchImage) {
-        var _a;
-        if (!prop)
-            return false;
-        const imageResponse = (_a = (await this.getStorageItem(prop))) !== null && _a !== void 0 ? _a : { ok: false, url: '' };
-        if (!imageResponse.ok) {
-            try {
-                const r = await fetchImage();
-                imageResponse.ok = r.ok;
-                imageResponse.url = r.url;
-                this.imageUrl = imageResponse.url;
-                this.imageAlt = `${this.firstname} ${this.lastname} avatar`;
-                this.avatarType = AvatarType.Image;
-                this.setStorageItem(this.userid, JSON.stringify(imageResponse));
-            }
-            catch (error) {
-                this.removeStorageItem(prop);
-                console.info(`Loading avatar by type "${AvatarType.Image}" failed.`);
-            }
-        }
-        return imageResponse.ok;
-    }
-    async fetchImageByUserId() {
-        return await fetch(PostAvatar.INTERNAL_USERID_IMAGE_SRC.replace('{userid}', encodeURIComponent(this.userid)));
-    }
-    async fetchImageByEmail() {
-        const email = await this.cryptify(this.email);
-        const imageUrl = GRAVATAR_BASE_URL.replace('{email}', email);
-        return await fetch(imageUrl);
-    }
-    getAvatarByInitials() {
-        this.initials = this.getInitials();
-        this.avatarType = AvatarType.Initials;
-    }
-    getNames() {
-        return [this.firstname, this.lastname].filter(n => n);
-    }
-    getInitials() {
-        return this.getNames()
-            .map(n => n.charAt(0))
-            .join('')
-            .trim();
-    }
-    async getStorageItem(keyToken) {
-        var _a;
-        const key = await this.cryptify(keyToken);
-        const value = (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
-        return value ? JSON.parse(value) : null;
-    }
-    async setStorageItem(keyToken, value) {
-        var _a;
-        const key = await this.cryptify(keyToken);
-        (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.setItem(key, value);
-    }
-    async removeStorageItem(keyToken) {
-        var _a;
-        const key = await this.cryptify(keyToken);
-        (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.removeItem(key);
-    }
-    async cryptify(key) {
-        return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
-            return Array.from(new Uint8Array(buffer))
-                .map(bytes => bytes.toString(16).padStart(2, '0'))
-                .join('');
-        });
-    }
-    onSlotDefaultChange() {
-        this.slottedImage = this.host.querySelector('img');
-        this.getAvatar();
-    }
-    componentWillRender() {
-        this.slottedImage = this.host.querySelector('img');
-        this.getAvatar();
-    }
-    componentDidLoad() {
-        this.validateFirstname();
-    }
-    render() {
-        const initials = this.getNames().reduce((acc, n, i) => {
-            if (i > 0)
-                acc.push(h("span", null, " "));
-            acc.push(n.charAt(0));
-            acc.push(h("span", null, n.slice(1)));
-            // eslint-disable-next-line @stencil-community/render-returns-host
-            return acc;
-        }, []);
-        return (h(Host, { "data-version": version }, h("slot", { onSlotchange: this.onSlotDefaultChange.bind(this) }, this.avatarType === 'image' && h("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && h("div", { class: "initials" }, initials))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "firstname": ["validateFirstname"]
-    }; }
-    static get style() { return PostAvatarStyle0; }
-}, [1, "post-avatar", {
-        "firstname": [1],
-        "lastname": [1],
-        "userid": [1],
-        "email": [1],
-        "slottedImage": [32],
-        "avatarType": [32],
-        "imageUrl": [32],
-        "imageAlt": [32],
-        "initials": [32]
-    }, undefined, {
-        "firstname": ["validateFirstname"]
-    }]);
-PostAvatar.INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-avatar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostAvatar);
-            }
-            break;
-    } });
-}
-
-export { PostAvatar as P, defineCustomElement as d };

package/dist/components/post-back-to-top.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PostBackToTop extends Components.PostBackToTop, HTMLElement {}
-export const PostBackToTop: {
-    prototype: PostBackToTop;
-    new (): PostBackToTop;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/post-back-to-top.js

@@ -1,6 +0,0 @@
-import { P as PostBackToTop$1, d as defineCustomElement$1 } from './post-back-to-top2.js';
-
-const PostBackToTop = PostBackToTop$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostBackToTop, defineCustomElement };

package/dist/components/post-back-to-top2.js

@@ -1,100 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as slideUp, a as slideDown } from './slide.js';
-import { v as version } from './package.js';
-import { c as checkType } from './check-type.js';
-import { c as checkNonEmpty } from './check-non-empty.js';
-import { d as defineCustomElement$1 } from './post-icon2.js';
-
-const postBackToTopCss = ":host{--post-floating-button-translate-y:calc(-1 * var(--post-core-dimension-112));position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);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}: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)}: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 PostBackToTopStyle0 = postBackToTopCss;
-
-const PostBackToTop = /*@__PURE__*/ proxyCustomElement(class PostBackToTop extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.handleScroll = () => {
-            this.belowFold = this.isBelowFold();
-        };
-        this.label = undefined;
-        this.belowFold = false;
-    }
-    isBelowFold() {
-        return window.scrollY > window.innerHeight;
-    }
-    // Watch for changes in belowFold
-    watchBelowFold(newValue) {
-        if (newValue) {
-            slideUp(this.el, this.translateY);
-        }
-        else {
-            slideDown(this.el, this.translateY);
-        }
-    }
-    scrollToTop() {
-        window.scrollTo({
-            top: 0,
-        });
-    }
-    // Validate the label
-    validateLabel() {
-        checkType(this.label, 'string', 'The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set.');
-        checkNonEmpty(this.label, 'The label property of the Back to Top component must not be empty. Please provide a proper text for the label');
-    }
-    // Set the initial state
-    componentWillLoad() {
-        this.belowFold = this.isBelowFold();
-    }
-    componentDidLoad() {
-        window.addEventListener('scroll', this.handleScroll, false);
-        this.translateY = window
-            .getComputedStyle(this.el)
-            .getPropertyValue('--post-floating-button-translate-y');
-        if (!this.belowFold) {
-            this.el.style.transform = `translateY(${this.translateY})`;
-        }
-        // Initial load
-        if (this.belowFold) {
-            slideUp(this.el, this.translateY);
-        }
-        this.validateLabel();
-    }
-    disconnectedCallback() {
-        window.removeEventListener('scroll', this.handleScroll);
-    }
-    render() {
-        return (h(Host, { key: '92d56ff9055c2af38ae47b28c3af20771eed9a39', "data-version": version }, h("button", { key: 'ae305dd5b5a3f8d97553945e547ad45e824e6b7d', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, h("post-icon", { key: '37792f99d6ef79df4260f6ad1c5780e545f7870a', "aria-hidden": "true", name: "3026" }), h("span", { key: '8768101a26e259c2bd0695a97e6bb4077ad31ae6', class: "visually-hidden" }, this.label))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "belowFold": ["watchBelowFold"],
-        "label": ["validateLabel"]
-    }; }
-    static get style() { return PostBackToTopStyle0; }
-}, [1, "post-back-to-top", {
-        "label": [1],
-        "belowFold": [32]
-    }, undefined, {
-        "belowFold": ["watchBelowFold"],
-        "label": ["validateLabel"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-back-to-top", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-back-to-top":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostBackToTop);
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PostBackToTop as P, defineCustomElement as d };

package/dist/components/post-banner.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PostBanner extends Components.PostBanner, HTMLElement {}
-export const PostBanner: {
-    prototype: PostBanner;
-    new (): PostBanner;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/post-banner.js

@@ -1,6 +0,0 @@
-import { P as PostBanner$1, d as defineCustomElement$1 } from './post-banner2.js';
-
-const PostBanner = PostBanner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostBanner, defineCustomElement };