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

package/dist/cjs/post-tooltip-b7dcfb44.js

@@ -1,74 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-29dc73af.js');
-const index$1 = require('./index-2b2b85e5.js');
-require('./breakpoints-cdf1b747.js');
-const placement = require('./placement-b2bb6ec4.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 = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.placement = 'top';
-        this.arrow = false;
-        this.animation = undefined;
-        this.open = false;
-    }
-    validatePlacement() {
-        index$1.checkEmptyOrOneOf(this, 'placement', 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 (index.h(index.Host, { key: 'e6bb167dd89c7549f4bed625dbeb652eac871ce5', "data-version": _package.version, role: "tooltip" }, index.h("post-popovercontainer", { key: 'f5dc041dc440f7dc5410e9ee020f51a974ff3e83', safeSpace: "trapezoid", class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, index.h("slot", { key: 'e1ee7b0cfb57dc927a96574b10af50c3bd12328c' }))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "placement": ["validatePlacement"]
-    }; }
-};
-PostTooltip.style = PostTooltipStyle0;
-
-exports.PostTooltip = PostTooltip;