@swisspost/design-system-components 10.0.0-next.39 → 10.0.0-next.41

package/loaders/index.d.ts

@@ -1,108 +0,0 @@
-/* PostComponents custom elements */
-export { PostAccordion as PostAccordion } from '../dist/types/components/post-accordion/post-accordion';
-export { defineCustomElement as defineCustomElementPostAccordion } from './post-accordion';
-export { PostAccordionItem as PostAccordionItem } from '../dist/types/components/post-accordion-item/post-accordion-item';
-export { defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item';
-export { PostAvatar as PostAvatar } from '../dist/types/components/post-avatar/post-avatar';
-export { defineCustomElement as defineCustomElementPostAvatar } from './post-avatar';
-export { PostBackToTop as PostBackToTop } from '../dist/types/components/post-back-to-top/post-back-to-top';
-export { defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top';
-export { PostBanner as PostBanner } from '../dist/types/components/post-banner/post-banner';
-export { defineCustomElement as defineCustomElementPostBanner } from './post-banner';
-export { PostBreadcrumbItem as PostBreadcrumbItem } from '../dist/types/components/post-breadcrumb-item/post-breadcrumb-item';
-export { defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item';
-export { PostBreadcrumbs as PostBreadcrumbs } from '../dist/types/components/post-breadcrumbs/post-breadcrumbs';
-export { defineCustomElement as defineCustomElementPostBreadcrumbs } from './post-breadcrumbs';
-export { PostCardControl as PostCardControl } from '../dist/types/components/post-card-control/post-card-control';
-export { defineCustomElement as defineCustomElementPostCardControl } from './post-card-control';
-export { PostClosebutton as PostClosebutton } from '../dist/types/components/post-closebutton/post-closebutton';
-export { defineCustomElement as defineCustomElementPostClosebutton } from './post-closebutton';
-export { PostCollapsible as PostCollapsible } from '../dist/types/components/post-collapsible/post-collapsible';
-export { defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible';
-export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../dist/types/components/post-collapsible-trigger/post-collapsible-trigger';
-export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
-export { PostFooter as PostFooter } from '../dist/types/components/post-footer/post-footer';
-export { defineCustomElement as defineCustomElementPostFooter } from './post-footer';
-export { PostHeader as PostHeader } from '../dist/types/components/post-header/post-header';
-export { defineCustomElement as defineCustomElementPostHeader } from './post-header';
-export { PostIcon as PostIcon } from '../dist/types/components/post-icon/post-icon';
-export { defineCustomElement as defineCustomElementPostIcon } from './post-icon';
-export { PostLanguageOption as PostLanguageOption } from '../dist/types/components/post-language-option/post-language-option';
-export { defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option';
-export { PostLanguageSwitch as PostLanguageSwitch } from '../dist/types/components/post-language-switch/post-language-switch';
-export { defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch';
-export { PostLinkarea as PostLinkarea } from '../dist/types/components/post-linkarea/post-linkarea';
-export { defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea';
-export { PostList as PostList } from '../dist/types/components/post-list/post-list';
-export { defineCustomElement as defineCustomElementPostList } from './post-list';
-export { PostListItem as PostListItem } from '../dist/types/components/post-list-item/post-list-item';
-export { defineCustomElement as defineCustomElementPostListItem } from './post-list-item';
-export { PostLogo as PostLogo } from '../dist/types/components/post-logo/post-logo';
-export { defineCustomElement as defineCustomElementPostLogo } from './post-logo';
-export { PostMainnavigation as PostMainnavigation } from '../dist/types/components/post-mainnavigation/post-mainnavigation';
-export { defineCustomElement as defineCustomElementPostMainnavigation } from './post-mainnavigation';
-export { PostMegadropdown as PostMegadropdown } from '../dist/types/components/post-megadropdown/post-megadropdown';
-export { defineCustomElement as defineCustomElementPostMegadropdown } from './post-megadropdown';
-export { PostMegadropdownTrigger as PostMegadropdownTrigger } from '../dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger';
-export { defineCustomElement as defineCustomElementPostMegadropdownTrigger } from './post-megadropdown-trigger';
-export { PostMenu as PostMenu } from '../dist/types/components/post-menu/post-menu';
-export { defineCustomElement as defineCustomElementPostMenu } from './post-menu';
-export { PostMenuItem as PostMenuItem } from '../dist/types/components/post-menu-item/post-menu-item';
-export { defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item';
-export { PostMenuTrigger as PostMenuTrigger } from '../dist/types/components/post-menu-trigger/post-menu-trigger';
-export { defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger';
-export { PostPopover as PostPopover } from '../dist/types/components/post-popover/post-popover';
-export { defineCustomElement as defineCustomElementPostPopover } from './post-popover';
-export { PostPopovercontainer as PostPopovercontainer } from '../dist/types/components/post-popovercontainer/post-popovercontainer';
-export { defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer';
-export { PostRating as PostRating } from '../dist/types/components/post-rating/post-rating';
-export { defineCustomElement as defineCustomElementPostRating } from './post-rating';
-export { PostTabHeader as PostTabHeader } from '../dist/types/components/post-tab-header/post-tab-header';
-export { defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header';
-export { PostTabPanel as PostTabPanel } from '../dist/types/components/post-tab-panel/post-tab-panel';
-export { defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel';
-export { PostTabs as PostTabs } from '../dist/types/components/post-tabs/post-tabs';
-export { defineCustomElement as defineCustomElementPostTabs } from './post-tabs';
-export { PostTag as PostTag } from '../dist/types/components/post-tag/post-tag';
-export { defineCustomElement as defineCustomElementPostTag } from './post-tag';
-export { PostTogglebutton as PostTogglebutton } from '../dist/types/components/post-togglebutton/post-togglebutton';
-export { defineCustomElement as defineCustomElementPostTogglebutton } from './post-togglebutton';
-export { PostTooltip as PostTooltip } from '../dist/types/components/post-tooltip/post-tooltip';
-export { defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip';
-export { PostTooltipTrigger as PostTooltipTrigger } from '../dist/types/components/post-tooltip-trigger/post-tooltip-trigger';
-export { defineCustomElement as defineCustomElementPostTooltipTrigger } from './post-tooltip-trigger';
-
-/**
- * Get the base path to where the assets can be found. Use "setAssetPath(path)"
- * if the path needs to be customized.
- */
-export declare const getAssetPath: (path: string) => string;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare const setNonce: (nonce: string) => void
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-export * from '../dist/types';

package/loaders/index.js

@@ -1,39 +0,0 @@
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-import './breakpoints.js';
-export { PostAvatar, defineCustomElement as defineCustomElementPostAvatar } from './post-avatar.js';
-import './post-popovercontainer2.js';
-export { PostMegadropdown, defineCustomElement as defineCustomElementPostMegadropdown } from './post-megadropdown.js';
-export { PostTooltipTrigger, defineCustomElement as defineCustomElementPostTooltipTrigger } from './post-tooltip-trigger.js';
-export { PostAccordion, defineCustomElement as defineCustomElementPostAccordion } from './post-accordion.js';
-export { PostAccordionItem, defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item.js';
-export { PostBackToTop, defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top.js';
-export { PostBanner, defineCustomElement as defineCustomElementPostBanner } from './post-banner.js';
-export { PostBreadcrumbItem, defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item.js';
-export { PostBreadcrumbs, defineCustomElement as defineCustomElementPostBreadcrumbs } from './post-breadcrumbs.js';
-export { PostCardControl, defineCustomElement as defineCustomElementPostCardControl } from './post-card-control.js';
-export { PostClosebutton, defineCustomElement as defineCustomElementPostClosebutton } from './post-closebutton.js';
-export { PostCollapsible, defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible.js';
-export { PostCollapsibleTrigger, defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger.js';
-export { PostFooter, defineCustomElement as defineCustomElementPostFooter } from './post-footer.js';
-export { PostHeader, defineCustomElement as defineCustomElementPostHeader } from './post-header.js';
-export { PostIcon, defineCustomElement as defineCustomElementPostIcon } from './post-icon.js';
-export { PostLanguageOption, defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option.js';
-export { PostLanguageSwitch, defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch.js';
-export { PostLinkarea, defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea.js';
-export { PostList, defineCustomElement as defineCustomElementPostList } from './post-list.js';
-export { PostListItem, defineCustomElement as defineCustomElementPostListItem } from './post-list-item.js';
-export { PostLogo, defineCustomElement as defineCustomElementPostLogo } from './post-logo.js';
-export { PostMainnavigation, defineCustomElement as defineCustomElementPostMainnavigation } from './post-mainnavigation.js';
-export { PostMegadropdownTrigger, defineCustomElement as defineCustomElementPostMegadropdownTrigger } from './post-megadropdown-trigger.js';
-export { PostMenu, defineCustomElement as defineCustomElementPostMenu } from './post-menu.js';
-export { PostMenuItem, defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item.js';
-export { PostMenuTrigger, defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger.js';
-export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
-export { PostPopovercontainer, defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer.js';
-export { PostRating, defineCustomElement as defineCustomElementPostRating } from './post-rating.js';
-export { PostTabHeader, defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header.js';
-export { PostTabPanel, defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel.js';
-export { PostTabs, defineCustomElement as defineCustomElementPostTabs } from './post-tabs.js';
-export { PostTag, defineCustomElement as defineCustomElementPostTag } from './post-tag.js';
-export { PostTogglebutton, defineCustomElement as defineCustomElementPostTogglebutton } from './post-togglebutton.js';
-export { PostTooltip, defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip.js';

package/loaders/long-press-event.js

@@ -1,264 +0,0 @@
-/*!
- * long-press-event - v@version@
- * Pure JavaScript long-press-event
- * https://github.com/john-doherty/long-press-event
- * @author John Doherty <www.johndoherty.info>
- * @license MIT
- */
-(function (window, document) {
-
-    // local timer object based on rAF
-    var timer = null;
-
-    // check if we're using a touch screen
-    var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
-    var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
-
-    // switch to pointer events or touch events if using a touch screen
-    var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
-    var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
-    var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
-    var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
-
-    // track number of pixels the mouse moves during long press
-    var startX = 0; // mouse x position when timer started
-    var startY = 0; // mouse y position when timer started
-    var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
-    var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
-
-    // patch CustomEvent to allow constructor creation (IE/Chrome)
-    if (typeof window.CustomEvent !== 'function') {
-
-        window.CustomEvent = function (event, params) {
-
-            params = params || { bubbles: false, cancelable: false, detail: undefined };
-
-            var evt = document.createEvent('CustomEvent');
-            evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-            return evt;
-        };
-
-        window.CustomEvent.prototype = window.Event.prototype;
-    }
-
-    // requestAnimationFrame() shim by Paul Irish
-    window.requestAnimFrame = (function () {
-        return window.requestAnimationFrame ||
-            window.webkitRequestAnimationFrame ||
-            window.mozRequestAnimationFrame ||
-            window.oRequestAnimationFrame ||
-            window.msRequestAnimationFrame || function (callback) {
-                window.setTimeout(callback, 1000 / 60);
-            };
-    })();
-
-    /**
-     * Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
-     * @param {function} fn The callback function
-     * @param {int} delay The delay in milliseconds
-     * @returns {object} handle to the timeout object
-     */
-    function requestTimeout(fn, delay) {
-
-        if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
-            !(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
-            !window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
-
-        var start = new Date().getTime();
-        var handle = {};
-
-        var loop = function () {
-            var current = new Date().getTime();
-            var delta = current - start;
-
-            if (delta >= delay) {
-                fn.call();
-            }
-            else {
-                handle.value = requestAnimFrame(loop);
-            }
-        };
-
-        handle.value = requestAnimFrame(loop);
-
-        return handle;
-    }
-
-    /**
-     * Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
-     * @param {object} handle The callback function
-     * @returns {void}
-     */
-    function clearRequestTimeout(handle) {
-        if (handle) {
-            window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
-                window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
-                    window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
-                        window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
-                            window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
-                                window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
-                                    clearTimeout(handle);
-        }
-    }
-
-    /**
-     * Fires the 'long-press' event on element
-     * @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
-     * @returns {void}
-     */
-    function fireLongPressEvent(originalEvent) {
-
-        clearLongPressTimer();
-
-        originalEvent = unifyEvent(originalEvent);
-
-        // fire the long-press event
-        var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
-            bubbles: true,
-            cancelable: true,
-
-            // custom event data (legacy)
-            detail: {
-                clientX: originalEvent.clientX,
-                clientY: originalEvent.clientY,
-                offsetX: originalEvent.offsetX,
-                offsetY: originalEvent.offsetY,
-                pageX: originalEvent.pageX,
-                pageY: originalEvent.pageY
-            },
-
-            // add coordinate data that would typically acompany a touch/click event
-            clientX: originalEvent.clientX,
-            clientY: originalEvent.clientY,
-            offsetX: originalEvent.offsetX,
-            offsetY: originalEvent.offsetY,
-            pageX: originalEvent.pageX,
-            pageY: originalEvent.pageY,
-            screenX: originalEvent.screenX,
-            screenY: originalEvent.screenY
-        }));
-
-        if (!allowClickEvent) {
-            // suppress the next click event if e.preventDefault() was called in long-press handler
-            document.addEventListener('click', function suppressEvent(e) {
-                document.removeEventListener('click', suppressEvent, true);
-                cancelEvent(e);
-            }, true);
-        }
-    }
-
-    /**
-     * consolidates mouse, touch, and Pointer events
-     * @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
-     * @returns {MouseEvent|PointerEvent|Touch}
-     */
-    function unifyEvent(e) {
-        if (e.changedTouches !== undefined) {
-            return e.changedTouches[0];
-        }
-        return e;
-    }
-
-    /**
-     * method responsible for starting the long press timer
-     * @param {event} e - event object
-     * @returns {void}
-     */
-    function startLongPressTimer(e) {
-
-        clearLongPressTimer();
-
-        var el = e.target;
-
-        // get delay from html attribute if it exists, otherwise default to 1500
-        var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
-
-        // start the timer
-        timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
-    }
-
-    /**
-     * method responsible for clearing a pending long press timer
-     * @param {event} e - event object
-     * @returns {void}
-     */
-    function clearLongPressTimer(e) {
-        clearRequestTimeout(timer);
-        timer = null;
-    }
-
-    /**
-    * Cancels the current event
-    * @param {object} e - browser event object
-    * @returns {void}
-    */
-    function cancelEvent(e) {
-        e.stopImmediatePropagation();
-        e.preventDefault();
-        e.stopPropagation();
-    }
-
-    /**
-     * Starts the timer on mouse down and logs current position
-     * @param {object} e - browser event object
-     * @returns {void}
-     */
-    function mouseDownHandler(e) {
-        startX = e.clientX;
-        startY = e.clientY;
-        startLongPressTimer(e);
-    }
-
-    /**
-     * If the mouse moves n pixels during long-press, cancel the timer
-     * @param {object} e - browser event object
-     * @returns {void}
-     */
-    function mouseMoveHandler(e) {
-
-        // calculate total number of pixels the pointer has moved
-        var diffX = Math.abs(startX - e.clientX);
-        var diffY = Math.abs(startY - e.clientY);
-
-        // if pointer has moved more than allowed, cancel the long-press timer and therefore the event
-        if (diffX >= maxDiffX || diffY >= maxDiffY) {
-            clearLongPressTimer();
-        }
-    }
-
-    /**
-     * Gets attribute off HTML element or nearest parent
-     * @param {object} el - HTML element to retrieve attribute from
-     * @param {string} attributeName - name of the attribute
-     * @param {any} defaultValue - default value to return if no match found
-     * @returns {any} attribute value or defaultValue
-     */
-    function getNearestAttribute(el, attributeName, defaultValue) {
-
-        // walk up the dom tree looking for data-action and data-trigger
-        while (el && el !== document.documentElement) {
-
-            var attributeValue = el.getAttribute(attributeName);
-
-            if (attributeValue) {
-                return attributeValue;
-            }
-
-            el = el.parentNode;
-        }
-
-        return defaultValue;
-    }
-
-    // hook events that clear a pending long press event
-    document.addEventListener(mouseUp, clearLongPressTimer, true);
-    document.addEventListener(mouseLeave, clearLongPressTimer, true);
-    document.addEventListener(mouseMove, mouseMoveHandler, true);
-    document.addEventListener('wheel', clearLongPressTimer, true);
-    document.addEventListener('scroll', clearLongPressTimer, true);
-    document.addEventListener('contextmenu', clearLongPressTimer, true);
-
-    // hook events that can trigger a long press event
-    document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
-
-}(window, document));

package/loaders/package.js

@@ -1,3 +0,0 @@
-const version = "10.0.0-next.39";
-
-export { version as v };

package/loaders/post-accordion-item.d.ts

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

package/loaders/post-accordion-item.js

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

package/loaders/post-accordion-item2.js

@@ -1,103 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { H as HEADING_LEVELS } from './heading-levels.js';
-import { d as checkEmptyOrOneOf } from './index2.js';
-import './breakpoints.js';
-import { e as eventGuard } from './event-guard.js';
-import { n as nanoid } from './index.browser.js';
-import { d as defineCustomElement$3 } from './post-collapsible2.js';
-import { d as defineCustomElement$2 } from './post-collapsible-trigger2.js';
-import { d as defineCustomElement$1 } from './post-icon2.js';
-
-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-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:var(--post-accordion-button-border-top)}.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 PostAccordionItemStyle0 = postAccordionItemCss;
-
-const PostAccordionItem = /*@__PURE__*/ proxyCustomElement(class PostAccordionItem extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.id = undefined;
-        this.slottedLogo = undefined;
-        this.collapsed = false;
-        this.headingLevel = undefined;
-    }
-    validateHeadingLevel() {
-        checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
-    }
-    componentWillLoad() {
-        this.id = this.host.id || `p${nanoid(6)}`;
-    }
-    componentDidLoad() {
-        this.validateHeadingLevel();
-    }
-    // Capture to make sure the "collapsed" property is updated before the event is consumed
-    onCollapseToggle(event) {
-        eventGuard(this.host, event, { targetLocalName: 'post-collapsible', delegatorSelector: 'post-accordion-item' }, () => {
-            this.collapsed = !event.detail;
-        });
-    }
-    /**
-     * Triggers the collapse programmatically.
-     */
-    async toggle(force) {
-        return this.collapsible.toggle(force);
-    }
-    onSlotLogoChange() {
-        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
-    }
-    componentWillRender() {
-        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
-    }
-    render() {
-        const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
-        const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
-        return (h(Host, { key: '4de770633e0c9b9bb92b92a66be9a1481bf0fb3e', id: this.id, "data-version": version }, h("div", { key: '4c2b91b25637cbe284442626d02d0ce6496589a4', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '777f8b222b017b765f265296ad2829a027a99c22', for: `${this.id}--collapse` }, h(HeadingTag, { key: 'a646d911ea83c004fbc5490cb1e9dafdf490d09f', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '0c30a665426b98fff997874c365ffc6b97ecc01c', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '64edd8541af949f87ad929173c4a5210f892b0b6', class: {
-                'logo-container': true,
-                'has-image': !!this.slottedLogo,
-            } }, h("slot", { key: 'a3dfd1796d7c3b854980078673a017d58acb97ea', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: 'd008c9aebfd8431afa4eae1af8646dd7de97916b', name: "header" }), h("post-icon", { key: 'ee5150a9cd7693e57f639cf09d9c4f24aae57308', name: "2051" })))), h("post-collapsible", { key: '12d2ef55e0e7615619a0a246268e8af3d3d8e712', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'd2cf362418c50ad56f8dee8e43baabbd976682f9', class: "accordion-body", part: "body" }, h("slot", { key: '6792db26a9eab60e113d62e23faf003a6b43685b' }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "headingLevel": ["validateHeadingLevel"]
-    }; }
-    static get style() { return PostAccordionItemStyle0; }
-}, [1, "post-accordion-item", {
-        "collapsed": [1028],
-        "headingLevel": [2, "heading-level"],
-        "id": [32],
-        "slottedLogo": [32],
-        "toggle": [64]
-    }, [[2, "postToggle", "onCollapseToggle"]], {
-        "headingLevel": ["validateHeadingLevel"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-accordion-item", "post-collapsible", "post-collapsible-trigger", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-accordion-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostAccordionItem);
-            }
-            break;
-        case "post-collapsible":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "post-collapsible-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PostAccordionItem as P, defineCustomElement as d };

package/loaders/post-accordion.d.ts

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