@swisspost/design-system-components 9.0.0 → 10.0.0-next.37

package/dist/esm/{post-tooltip-c03cd719.js → post-tooltip-9a195d47.js}

@@ -1,8 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-e1b64755.js';
-import { v as version } from './package-983f957d.js';
-import { c as checkType } from './check-type-8828dbe4.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f4d19816.js';
+import { v as version } from './package-d9237b44.js';
+import { c as checkType } from './check-type-37d5d307.js';
+import './breakpoints-7812702e.js';
 
-const postTooltipCss = ":host{display:none;--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51}:host([open]){display:block}post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{padding:.25rem .5rem;max-width:200px;min-height:32px}";
+const postTooltipCss = ":host{display:none}:host([open]){display:block}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:200px;min-height:32px}";
 const PostTooltipStyle0 = postTooltipCss;
 
 const PostTooltip = class {
@@ -14,7 +15,10 @@ const PostTooltip = class {
         this.open = false;
     }
     validateOpen() {
-        checkType(this.open, 'boolean', 'The "open" property of the post-tooltip must be a boolean.');
+        checkType(this, 'open', 'boolean', 'The "open" property of the post-tooltip must be a boolean.');
+    }
+    connectedCallback() {
+        this.validateOpen();
     }
     componentDidLoad() {
         if (!this.host.id) {
@@ -55,7 +59,7 @@ const PostTooltip = class {
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (h(Host, { key: '42d4dbfacdfd2aa9d00c8555cfb672e71013d455', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: '781b9a2a90d6e1d7dc1fe233d68787cdc96d1b2a', safeSpace: 'trapezoid', class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '895559a810d2ec11e5078c0334f4e8f9c73533e5' }))));
+        return (h(Host, { key: 'd6a76533f22e354ff89f15c1e9a10e20fe471579', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: '60076aaa184ae98e9e813400cc2d03f5add274df', safeSpace: 'trapezoid', class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '1d5ea42696cc60a8a84ff0ecc29e82152d028ba4' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{post-tooltip-trigger-1fefc8ad.js → post-tooltip-trigger-7d6f234b.js}

@@ -1,271 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-e1b64755.js';
-import { c as checkType } from './check-type-8828dbe4.js';
-import { v as version$1 } from './package-983f957d.js';
-
-/*!
- * 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));
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f4d19816.js';
+import { I as IS_BROWSER } from './breakpoints-7812702e.js';
+import { c as checkType } from './check-type-37d5d307.js';
+import { v as version$1 } from './package-d9237b44.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -4775,6 +4511,11 @@ const postTooltipTriggerCss = "post-tooltip-trigger{vertical-align:top}";
 const PostTooltipTriggerStyle0 = postTooltipTriggerCss;
 
 const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
+if (IS_BROWSER) {
+    (async () => {
+        await import('./long-press-event-04d24397.js');
+    })();
+}
 const PostTooltipTrigger = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -4792,14 +4533,13 @@ const PostTooltipTrigger = class {
         this.boundTooltipHandler = this.handleTooltipEvent.bind(this);
     }
     validateControlFor() {
-        checkType(this.for, // The actual property value
-        'string', // The expected type
-        'The "for" property must be a string' // A meaningful error message
-        );
+        checkType(this, 'for', 'string');
     }
     get tooltip() {
+        if (!IS_BROWSER)
+            return null;
         const ref = document.getElementById(this.for);
-        return (ref === null || ref === void 0 ? void 0 : ref.localName) === 'post-tooltip'
+        return ref?.localName === 'post-tooltip'
             ? ref
             : null;
     }
@@ -4915,28 +4655,25 @@ const PostTooltipTrigger = class {
         this.interestLostHandler();
     }
     interestHandler() {
-        var _a;
         if (this.delay > 0) {
             this.delayTimeout = window.setTimeout(() => {
-                var _a;
-                (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.show(this.trigger);
+                this.tooltip?.show(this.trigger);
                 this.delayTimeout = null;
             }, this.delay);
         }
         else {
-            (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.show(this.trigger);
+            this.tooltip?.show(this.trigger);
         }
     }
     interestLostHandler() {
-        var _a;
         if (this.delayTimeout) {
             clearTimeout(this.delayTimeout);
             this.delayTimeout = null;
         }
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.hide();
+        this.tooltip?.hide();
     }
     render() {
-        return (h(Host, { key: 'a37c76972c4db24292fa95ddacf097055dea70f0', "data-version": version$1 }, h("slot", { key: '51de3cd7dedfc1c5fe5ef86fbf0ab953d07945cb', onSlotchange: () => this.handleSlotChange() })));
+        return (h(Host, { key: '4e4b53e85570d6dbba4ee7833a1d3de00e53dbc6', "data-version": version$1 }, h("slot", { key: 'f8f5ea2e2ce848d654e233617455bbbbdc6ba5b1', onSlotchange: () => this.handleSlotChange() })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,5 @@
-export { P as post_tooltip_trigger } from './post-tooltip-trigger-1fefc8ad.js';
-import './index-e1b64755.js';
-import './check-type-8828dbe4.js';
-import './package-983f957d.js';
+export { P as post_tooltip_trigger } from './post-tooltip-trigger-7d6f234b.js';
+import './index-f4d19816.js';
+import './breakpoints-7812702e.js';
+import './check-type-37d5d307.js';
+import './package-d9237b44.js';

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

@@ -1,4 +1,5 @@
-export { P as post_tooltip } from './post-tooltip-c03cd719.js';
-import './index-e1b64755.js';
-import './package-983f957d.js';
-import './check-type-8828dbe4.js';
+export { P as post_tooltip } from './post-tooltip-9a195d47.js';
+import './index-f4d19816.js';
+import './package-d9237b44.js';
+import './check-type-37d5d307.js';
+import './breakpoints-7812702e.js';

package/dist/esm/slide-cd2850ee.js

@@ -0,0 +1,25 @@
+const easing = 'ease';
+const duration = 500;
+const fill = 'forwards';
+function slideUp(el, translateSize = '-100%') {
+    return el.animate([
+        { transform: 'translateY(0)' }, // Starting position (no translation)
+        { transform: `translateY(${translateSize})` }, // End position
+    ], {
+        duration: duration,
+        easing,
+        fill,
+    });
+}
+function slideDown(el, translateSize = '-100%') {
+    return el.animate([
+        { transform: `translateY(${translateSize})` }, // Starting position (no translation)
+        { transform: 'translateY(0)' }, // End position
+    ], {
+        duration: duration,
+        easing,
+        fill,
+    });
+}
+
+export { slideUp as a, slideDown as s };

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

@@ -1 +1 @@
-export{P as PostAccordion}from"./p-7d5b41d1.js";export{P as PostAccordionItem}from"./p-1528b798.js";export{P as PostAlert}from"./p-61a7d216.js";export{P as PostCardControl}from"./p-85c4d04f.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-375845d4.js";export{P as PostIcon}from"./p-3272ebad.js";export{P as PostLogo}from"./p-4e68c514.js";export{P as PostPopover}from"./p-1386b77d.js";export{P as PostPopovercontainer}from"./p-eb1e7a49.js";export{P as PostRating}from"./p-256453ca.js";export{P as PostTabs}from"./p-a76c71bc.js";export{P as PostTabHeader}from"./p-3596035e.js";export{P as PostTabPanel}from"./p-fc3bfe08.js";export{P as PostTooltip}from"./p-82ea24e7.js";export{P as PostTooltipTrigger}from"./p-8e555dda.js";export{P as PostTag}from"./p-bc294d0b.js";import"./p-3eab790d.js";import"./p-d9809281.js";import"./p-247a1668.js";import"./p-611b3c41.js";import"./p-788e64fb.js";import"./p-440193f4.js";import"./p-4a3f67ab.js";import"./p-2737eaf5.js";import"./p-b095519d.js";
+export{P as PostAccordion}from"./p-cb027003.js";export{P as PostAccordionItem}from"./p-964f9581.js";export{P as PostAvatar}from"./p-0717fe4c.js";export{P as PostBackToTop}from"./p-0c03547b.js";export{P as PostBanner}from"./p-2d6c0670.js";export{P as PostBreadcrumbs}from"./p-c71700a7.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-1a21fd8d.js";export{P as PostCardControl}from"./p-a52b2d34.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-034715ec.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-368c473a.js";export{P as PostFooter}from"./p-bc33a6d9.js";export{P as PostLinkarea}from"./p-ab566526.js";export{P as PostPopover}from"./p-3c7f6003.js";export{P as PostRating}from"./p-0de8d05f.js";export{P as PostTabs}from"./p-de4d4274.js";export{P as PostTabHeader}from"./p-beb67979.js";export{P as PostTabPanel}from"./p-c41868b1.js";export{P as PostTag}from"./p-89247caa.js";export{P as PostTooltip}from"./p-cc5b1437.js";export{P as PostTooltipTrigger}from"./p-17dc4170.js";import"./p-9e461613.js";import"./p-2dc0a2d0.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-c65f32b0.js";import"./p-181c73d5.js";import"./p-9b052461.js";import"./p-64e3de38.js";import"./p-6b31a76a.js";