@swisspost/design-system-components 10.0.0-next.40 → 10.0.0-next.42

package/loaders/post-tooltip.d.ts

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

package/loaders/post-tooltip.js

@@ -1,105 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { d as checkEmptyOrOneOf } from './index2.js';
-import './breakpoints.js';
-import { P as PLACEMENT_TYPES, d as defineCustomElement$2 } from './post-popovercontainer2.js';
-
-const postTooltipCss = ":host{display:none}:host([open]){display:contents}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:280px;min-height:32px;word-wrap:break-word;white-space:normal}";
-const PostTooltipStyle0 = postTooltipCss;
-
-const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.placement = 'top';
-        this.arrow = false;
-        this.animation = undefined;
-        this.open = false;
-    }
-    validatePlacement() {
-        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
-    }
-    componentWillLoad() {
-        this.validatePlacement();
-    }
-    componentDidLoad() {
-        if (!this.host.id) {
-            console.error(
-            /*prettier-ignore*/
-            'No id set: <post-tooltip> must have an id, linking it to it\'s target element with a <post-tooltip-trigger> element.');
-        }
-    }
-    /**
-     * Programmatically display the tooltip.
-     * @param target An element where the tooltip should be shown
-     */
-    async show(target) {
-        if (this.open)
-            return;
-        this.popoverRef.show(target);
-    }
-    /**
-     * Programmatically hide this tooltip.
-     */
-    async hide() {
-        this.popoverRef.hide();
-    }
-    /**
-     * Toggle tooltip display.
-     * @param target An element where the tooltip should be shown
-     * @param [force] Pass true to always show or false to always hide
-     */
-    async toggle(target, force) {
-        this.popoverRef.toggle(target, force);
-    }
-    /**
-     * Set the open state based on the toggle event.
-     * @param e Popovercontainer toggle event
-     */
-    handleToggle(e) {
-        this.open = e.detail;
-    }
-    render() {
-        const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (h(Host, { key: '1e1d3f4e204b42c8202af63bd7dec12de3c8e16a', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: 'e410952b4e75915e51d57eec2dbecce2b5d55733', 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: '494e3136dbe96cf611a41753711efb03cab30a12' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "placement": ["validatePlacement"]
-    }; }
-    static get style() { return PostTooltipStyle0; }
-}, [1, "post-tooltip", {
-        "placement": [1],
-        "arrow": [4],
-        "animation": [1],
-        "open": [1540],
-        "show": [64],
-        "hide": [64],
-        "toggle": [64]
-    }, undefined, {
-        "placement": ["validatePlacement"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-tooltip", "post-popovercontainer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-tooltip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostTooltip$1);
-            }
-            break;
-        case "post-popovercontainer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PostTooltip = PostTooltip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostTooltip, defineCustomElement };

package/loaders/slide.js

@@ -1,25 +0,0 @@
-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/loaders/switch-variants.js

@@ -1,3 +0,0 @@
-const SWITCH_VARIANTS = ['list', 'menu'];
-
-export { SWITCH_VARIANTS as S };