@swisspost/design-system-components 9.0.0-next.33 → 9.0.0-next.34

package/dist/esm/{post-tooltip-c256d714.js → post-tooltip-f64bd0cc.js}

@@ -1,7 +1,8 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-3419e46d.js';
-import { v as version$1 } from './package-da68ab5a.js';
-import { g as getAttributeObserver } from './attribute-observer-2f203993.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f4d19816.js';
+import { g as getAttributeObserver } from './attribute-observer-009deee5.js';
 import { d as checkEmptyOrType } from './index-8f8fe5b0.js';
+import { I as IS_BROWSER } from './breakpoints-7812702e.js';
+import { v as version$1 } from './package-8986a24c.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -4507,274 +4508,14 @@ module.exports = exports['default'];
 
 const isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusable.exports);
 
-/*!
- * 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));
-
 const postTooltipCss = "post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:calc(224px - var(--post-core-dimension-8));min-height:var(--post-core-dimension-16)}";
 const PostTooltipStyle0 = postTooltipCss;
 
+if (IS_BROWSER) {
+    (async () => {
+        await import('./long-press-event-04d24397.js');
+    })();
+}
 const OPEN_DELAY = 650; // matches HTML title delay
 /**
  * @slot default - Slot for the content of the tooltip.
@@ -4799,7 +4540,8 @@ let tooltipTimeout = null;
  * @returns
  */
 const globalInterestHandler = (e) => {
-    const targetElement = e.target.closest(tooltipTargetAttributeSelector);
+    const eventTarget = e.target;
+    const targetElement = eventTarget.closest(tooltipTargetAttributeSelector);
     globalCurrentTarget = targetElement;
     if (!targetElement || !('getAttribute' in targetElement)) {
         clearTimeout(tooltipTimeout);
@@ -4811,7 +4553,7 @@ const globalInterestHandler = (e) => {
     const tooltip = document.getElementById(tooltipTarget);
     // Determine if the tooltip was triggered by a focus event
     const triggeredByFocus = e.type === 'focusin';
-    void tooltip?.show(targetElement, triggeredByFocus);
+    tooltip?.show(targetElement, triggeredByFocus);
     if (hideTooltipTimeout) {
         window.clearTimeout(hideTooltipTimeout);
         hideTooltipTimeout = null;
@@ -4844,35 +4586,18 @@ const globalHideTooltip = (tooltip) => {
         hideTooltipTimeout = null;
     }, 42);
 };
-/**
- * Patch some accessibility features that are hard to remember or understand
- * @param {HTMLElement} trigger
- */
-const patchAccessibilityFeatures = (trigger) => {
-    const describedBy = trigger.getAttribute('aria-describedby');
-    const id = trigger.getAttribute(tooltipTargetAttribute);
-    // Add tooltip to aria-describedby
-    if (!describedBy?.includes(id)) {
-        const newDescribedBy = describedBy ? `${describedBy} ${id}` : id;
-        trigger.setAttribute('aria-describedby', newDescribedBy);
-    }
-    // Make element focusable
-    if (!isFocusable(trigger)) {
-        trigger.setAttribute('tabindex', '0');
-    }
-};
-// Initialize a mutation observer for patching accessibility features
-const triggerObserver = getAttributeObserver(tooltipTargetAttribute, patchAccessibilityFeatures);
 const PostTooltip = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.wasOpenedByFocus = false;
+        // Initialize a mutation observer for patching accessibility features
+        this.triggerObserver = IS_BROWSER
+            ? getAttributeObserver(tooltipTargetAttribute, this.patchAccessibilityFeatures)
+            : null;
         this.placement = 'top';
         this.arrow = true;
         this.delayed = false;
     }
-    popoverRef;
-    wasOpenedByFocus = false;
-    get host() { return getElement(this); }
     validateDelayed() {
         checkEmptyOrType(this, 'delayed', 'boolean');
     }
@@ -4899,9 +4624,9 @@ const PostTooltip = class {
             document.addEventListener('focusout', globalInterestLostHandler);
             document.addEventListener('long-press', globalInterestHandler);
             // Initially run the accessibility patcher on all triggers
-            document.querySelectorAll('[data-tooltip-target]').forEach(patchAccessibilityFeatures);
+            document.querySelectorAll('[data-tooltip-target]').forEach(this.patchAccessibilityFeatures);
             // Start watching for future triggers
-            triggerObserver.observe(document.body, {
+            this.triggerObserver?.observe(document.body, {
                 subtree: true,
                 childList: true,
                 attributeFilter: [tooltipTargetAttribute],
@@ -4922,7 +4647,7 @@ const PostTooltip = class {
             document.removeEventListener('focusin', globalInterestHandler);
             document.removeEventListener('focusout', globalInterestLostHandler);
             document.removeEventListener('long-press', globalInterestHandler);
-            triggerObserver.disconnect();
+            this.triggerObserver?.disconnect();
         }
     }
     /**
@@ -4986,10 +4711,28 @@ const PostTooltip = class {
         globalHideTooltip(this);
         this.host.style.pointerEvents = 'auto';
     }
+    /**
+     * Patch some accessibility features that are hard to remember or understand
+     * @param {HTMLElement} trigger
+     */
+    patchAccessibilityFeatures(trigger) {
+        const describedBy = trigger.getAttribute('aria-describedby');
+        const id = trigger.getAttribute(tooltipTargetAttribute);
+        // Add tooltip to aria-describedby
+        if (!describedBy?.includes(id)) {
+            const newDescribedBy = describedBy ? `${describedBy} ${id}` : id;
+            trigger.setAttribute('aria-describedby', newDescribedBy);
+        }
+        // Make element focusable
+        if (!isFocusable(trigger)) {
+            trigger.setAttribute('tabindex', '0');
+        }
+    }
     render() {
         const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
-        return (h(Host, { key: '89b0e64fd5fde4c21d9c1eb624facff38b287e4a', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '8006874c12a2eebe39682a09db677e8b315dd6bb', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: 'cf3bd12703885fe886f1703038437b59a4d79fd3' }))));
+        return (h(Host, { key: 'f6e535d23220c3b53840913882b7302d54cc6a89', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '25aaaee555958fdacd3aa204b90d09ab14289b51', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '81ae53f9ab5189253a256861b6df5a2cd31fe678' }))));
     }
+    get host() { return getElement(this); }
     static get watchers() { return {
         "delayed": ["validateDelayed"]
     }; }

package/dist/esm/post-tooltip.entry.js

@@ -1,9 +1,10 @@
-export { P as post_tooltip } from './post-tooltip-c256d714.js';
-import './index-3419e46d.js';
-import './package-da68ab5a.js';
-import './attribute-observer-2f203993.js';
+export { P as post_tooltip } from './post-tooltip-f64bd0cc.js';
+import './index-f4d19816.js';
+import './attribute-observer-009deee5.js';
+import './breakpoints-7812702e.js';
 import './index-8f8fe5b0.js';
 import './constants-8d548297.js';
 import './check-one-of-0bee20f5.js';
 import './check-type-37d5d307.js';
 import './check-url-17962bc8.js';
+import './package-8986a24c.js';

package/dist/post-components/index.esm.js

@@ -1 +1 @@
-export{P as PostAccordion}from"./p-fd78716d.js";export{P as PostAccordionItem}from"./p-c34cacb7.js";export{P as PostAvatar}from"./p-1376c653.js";export{P as PostBackToTop}from"./p-8a8376d0.js";export{P as PostBanner}from"./p-c3a970c5.js";export{P as PostBreadcrumb}from"./p-33c35e15.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-8223e97b.js";export{P as PostCardControl}from"./p-13835969.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-2d3b16c7.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-5c518421.js";export{P as PostFooter}from"./p-d16dd7f9.js";export{P as PostLinkarea}from"./p-4ed7bab6.js";export{P as PostPopover}from"./p-2641e06b.js";export{P as PostRating}from"./p-e8ff8122.js";export{P as PostTabs}from"./p-8e55ddd2.js";export{P as PostTabHeader}from"./p-f1c0924a.js";export{P as PostTabPanel}from"./p-9681efce.js";export{P as PostTag}from"./p-dbe31632.js";export{P as PostTooltip}from"./p-e2294014.js";import"./p-5c758f41.js";import"./p-42a5fdf8.js";import"./p-247a1668.js";import"./p-d45df336.js";import"./p-0889c759.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-5959f2bd.js";import"./p-181c73d5.js";import"./p-9b052461.js";import"./p-64e3de38.js";import"./p-e1baac59.js";import"./p-5aeb3656.js";import"./p-fc91cbc2.js";import"./p-9748a355.js";
+export{P as PostAccordion}from"./p-b003b381.js";export{P as PostAccordionItem}from"./p-ab4073be.js";export{P as PostAvatar}from"./p-49c5aa99.js";export{P as PostBackToTop}from"./p-3aa766a6.js";export{P as PostBanner}from"./p-9aaf9f54.js";export{P as PostBreadcrumb}from"./p-be37cf2a.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-ccbb51fe.js";export{P as PostCardControl}from"./p-6ee81c5d.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-3b0158b3.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-32173742.js";export{P as PostFooter}from"./p-5f54b77f.js";export{P as PostLinkarea}from"./p-338a2507.js";export{P as PostPopover}from"./p-f27e5691.js";export{P as PostRating}from"./p-58f453dd.js";export{P as PostTabs}from"./p-1038fc25.js";export{P as PostTabHeader}from"./p-c31b56ed.js";export{P as PostTabPanel}from"./p-60bb7f26.js";export{P as PostTag}from"./p-78b4c699.js";export{P as PostTooltip}from"./p-abd7eb91.js";import"./p-9e461613.js";import"./p-40db8cd5.js";import"./p-247a1668.js";import"./p-d45df336.js";import"./p-722ffaae.js";import"./p-0889c759.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-5959f2bd.js";import"./p-181c73d5.js";import"./p-9b052461.js";import"./p-64e3de38.js";import"./p-6b31a76a.js";import"./p-0f398677.js";

package/dist/post-components/p-0f398677.js

@@ -0,0 +1 @@
+import{I as t}from"./p-722ffaae.js";function e(e,n){return t?new MutationObserver((function(t){t.forEach((t=>{"attributes"===t.type&&t.attributeName===e&&n(t.target),"childList"===t.type&&t.addedNodes.forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&t.hasAttribute(e)&&n(t)}))}))})):null}export{e as g}

package/dist/post-components/p-1038fc25.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as a,H as i,g as e}from"./p-9e461613.js";import{v as o}from"./p-40db8cd5.js";import{f as r,a as h}from"./p-64e3de38.js";import"./p-722ffaae.js";const n=class{constructor(a){t(this,a),this.postChange=s(this,"postChange",7),this.isLoaded=!1,this.activePanel=void 0}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-header")).filter((t=>t.closest("post-tabs")===this.host))}componentDidLoad(){this.moveMisplacedTabs(),this.enableTabs(),this.show(this.activePanel||this.tabs[0]?.panel),this.isLoaded=!0}async show(t){if(t===this.activeTab?.panel)return;const s=this.activeTab,a=this.host.querySelector(`post-tab-header[panel=${t}]`);this.activateTab(a),this.showing&&(this.showing.effect.target.style.display="none",this.showing.finish()),!s||this.showing||this.hiding||this.hidePanel(s.panel),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.activeTab.panel)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{"tabs"!==t.getAttribute("slot")&&t.setAttribute("slot","tabs")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await(s=t,"function"==typeof s.componentOnReady?s.componentOnReady():new Promise((t=>{return a=()=>{t(s)},"function"==typeof requestAnimationFrame?requestAnimationFrame(a):setTimeout(a);var a}))),t.getAttribute("aria-controls"))return;var s;const a=this.getPanel(t.panel);t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id),t.addEventListener("click",(()=>{this.show(t.panel)})),t.addEventListener("keydown",(s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.panel))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.activeTab&&!this.activeTab.isConnected&&this.show(this.tabs[0]?.panel))}activateTab(t){this.activeTab&&(this.activeTab.setAttribute("aria-selected","false"),this.activeTab.setAttribute("tabindex","-1"),this.activeTab.classList.remove("active")),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.classList.add("active"),this.activeTab=t}hidePanel(t){const s=this.getPanel(t);s&&(this.hiding=r(s),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.activeTab.panel);t.style.display="block",this.isLoaded&&(this.showing=h(t),this.showing.onfinish=()=>{this.showing=null})}getPanel(t){return this.host.querySelector(`post-tab-panel[name=${t}]`)}navigateTabs(t,s){const a=Array.from(this.tabs).indexOf(t);let i;i="ArrowRight"===s?this.tabs[a+1]||this.tabs[0]:this.tabs[a-1]||this.tabs[this.tabs.length-1],i&&i.focus()}render(){return a(i,{key:"dae24eee55a75f9b825f590883a9c1e896c1e9fc","data-version":o},a("div",{key:"0a26de80b8267ddc30455b0b5afbf10ae521232b",class:"tabs-wrapper",part:"tabs"},a("div",{key:"826cb0a4355eeb5ddc07288e1e68fc72785c095f",class:"tabs",role:"tablist"},a("slot",{key:"94ce90bc3dc8ff4b5012fcfa3c0039b188c14002",name:"tabs",onSlotchange:()=>this.enableTabs()}))),a("div",{key:"462f80f3368431344910cc317f1c0f42112dc99a",class:"tab-content",part:"content"},a("slot",{key:"57a80ac790ca75f3b62382994c21a3a3c78004cc",onSlotchange:()=>this.moveMisplacedTabs()})))}get host(){return e(this)}};n.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}';export{n as P}

package/dist/post-components/p-30f94eca.entry.js

@@ -0,0 +1 @@
+export{P as post_collapsible,a as post_collapsible_trigger}from"./p-32173742.js";import"./p-9e461613.js";import"./p-40db8cd5.js";import"./p-722ffaae.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-d45df336.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-181c73d5.js";import"./p-0889c759.js";import"./p-6b31a76a.js";

package/dist/post-components/p-31bb6dc5.entry.js

@@ -0,0 +1 @@
+export{P as post_linkarea}from"./p-338a2507.js";import"./p-9e461613.js";import"./p-40db8cd5.js";

package/dist/post-components/p-32173742.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,g as o}from"./p-9e461613.js";import{v as a}from"./p-40db8cd5.js";import{I as r}from"./p-722ffaae.js";import{d as h}from"./p-e585c6fe.js";import{c}from"./p-7709c14a.js";import{c as l}from"./p-181c73d5.js";import{e as n}from"./p-0889c759.js";import{g as d}from"./p-6b31a76a.js";const p={height:"0",overflow:"hidden"},b={duration:350,easing:"ease",fill:"forwards"},g=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle",7),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([p,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],b):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},p],b)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"a678bc639dfd7686d8e1bd57ca0f09984a24ab61","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"e0b88ac152fa09314b4bc01c9abdb11480e2cb4d"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};g.style=":host{display:block;position:relative;overflow:hidden}";const f=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger())),this.for=void 0}validateAriaAttributes(){l(this,"for"),c(this,"for","string",'The post-collapsible-trigger "for" prop should be a id.')}connectedCallback(){this.root=d(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){n(this.host,t,{targetLocalName:"post-collapsible"},(()=>{this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}))}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"cd703fe34b8c82afc5956b58724d36b06054bc0b","data-version":a},i("slot",{key:"5abe4ba2b8922b941cc8aebbc7039e34e1853855"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};export{g as P,f as a}

package/dist/post-components/p-338a2507.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as s,g as a}from"./p-9e461613.js";import{v as r}from"./p-40db8cd5.js";const n=["a"].join(","),o=`:where(${n})`,i=class{constructor(t){e(this,t)}dispatchClick({ctrlKey:e,shiftKey:t,altKey:s,metaKey:a}){const r=this.host.querySelector(`[data-link]${o}`)??this.host.querySelector(o);if(!r)throw new Error(`The \`post-linkarea\` component must contain an interactive element. Possible elements are: ${n}.`);r.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:t,altKey:s,metaKey:a}))}render(){return t(s,{key:"56e4b032fa8976cc120bff5f1c36d55167e54e98","data-version":r,onClick:e=>this.dispatchClick(e),tabindex:"0"},t("slot",{key:"25568fab2a47d765757c00fbee4f2999c1da16d1"}))}get host(){return a(this)}};i.style=":host{display:contents;cursor:pointer}";export{i as P}

package/dist/post-components/p-36540dd6.entry.js

@@ -0,0 +1 @@
+export{P as post_tabs}from"./p-1038fc25.js";import"./p-9e461613.js";import"./p-40db8cd5.js";import"./p-64e3de38.js";import"./p-722ffaae.js";

package/dist/post-components/p-3aa766a6.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as e,g as i}from"./p-9e461613.js";import{s,a}from"./p-9b052461.js";import{v as r}from"./p-40db8cd5.js";import{c}from"./p-7709c14a.js";import{c as n}from"./p-181c73d5.js";import"./p-722ffaae.js";const h=class{constructor(o){t(this,o),this.handleScroll=()=>{this.belowFold=this.isBelowFold()},this.label=void 0,this.belowFold=!1}isBelowFold(){return window.scrollY>window.innerHeight}watchBelowFold(t){t?s(this.host,this.translateY):a(this.host,this.translateY)}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=window.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);this.translateY=String(-1-parseFloat(t.replace("px",""))-parseFloat(i.replace("px","")))+"px",this.belowFold&&s(this.host,this.translateY),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`)}validateLabel(){n(this,"label"),c(this,"label","string")}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.animateButton(),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return o(e,{key:"c1ab6c5e7619ad829d64aea16c59a923310cf091","data-version":r},o("button",{key:"99e10e4d16c8d82521b001c3b3d902d8ba47ee92",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},o("post-icon",{key:"5a6a1b472b45fcc466127ece7091617e4700ee16","aria-hidden":"true",name:"3026"}),o("span",{key:"c8502e4822347d48034f6a936203e3314c7ae91e",class:"visually-hidden"},this.label)))}get host(){return i(this)}static get watchers(){return{belowFold:["watchBelowFold"],label:["validateLabel"]}}};h.style=":host{--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}";export{h as P}