@dso-toolkit/core 93.0.1 → 95.0.0

package/dist/bundle/p-CslDhrwG.js

@@ -1,102 +0,0 @@
-import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-ChUPoPD0.js';
-import { p as positionTooltip, T as Tooltip } from './p-B3_SLWNA.js';
-import { d as defineCustomElement$1 } from './p-B9SM87U3.js';
-
-const ozonContentToggletipCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:480px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{display:inline;--_dt-rich-content-margin-block:8px}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:start;user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}`;
-
-const ozonContentToggletip = /*@__PURE__*/ proxyCustomElement(class ozonContentToggletip extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.active = false;
-        this.toggle = () => {
-            this.active = !this.active;
-        };
-        this.keyDownHandler = (event) => {
-            switch (event.key) {
-                case "Escape":
-                    this.toggle();
-                    return;
-                case " ":
-                case "Enter":
-                    this.toggle();
-                    return;
-                default:
-                    return;
-            }
-        };
-    }
-    handleWindowClick(event) {
-        if (!this.active)
-            return;
-        const path = event.composedPath();
-        const clickedInsideHost = path.includes(this.host);
-        const clickedInsideTooltip = this.tooltip && path.includes(this.tooltip);
-        if (!clickedInsideHost && !clickedInsideTooltip) {
-            this.toggle();
-        }
-        if (clickedInsideTooltip) {
-            const interactive = path.some((el) => el instanceof H && el.tagName === "BUTTON");
-            if (interactive) {
-                this.toggle();
-            }
-        }
-    }
-    componentDidRender() {
-        if (!this.cleanUp && this.active && this.container && this.tooltip && this.tooltipArrow) {
-            this.cleanUp = positionTooltip({
-                referenceElement: this.container,
-                tipRef: this.tooltip,
-                tipArrowRef: this.tooltipArrow,
-                placementTip: "top",
-            });
-        }
-        if (this.cleanUp && this.tooltip) {
-            if (this.active) {
-                this.tooltip?.showPopover();
-            }
-            else {
-                this.tooltip?.hidePopover();
-                this.cleanupTooltip();
-            }
-        }
-    }
-    disconnectedCallback() {
-        this.cleanupTooltip();
-    }
-    cleanupTooltip() {
-        this.cleanUp?.();
-        this.cleanUp = undefined;
-    }
-    render() {
-        return (h(Fragment, { key: '42a266732f99e8ff37be7fba775704cb683831e9' }, h("span", { key: '2c9db2d71a2e08dfc9873c6a8fec1cb7e0b73a65', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'a5ea307d3f1b8642dd891b7d6480832a27fad1f3' }, h("span", { key: '063c6a4c4f655a3473f297e38c5617f0a155c0a3', class: "toggletip-label" }, h("slot", { key: '2131443bfcf023d6d1d6703135a835b741c48e9b', name: "label" })), "\u2060", h("dso-icon", { key: '862e8f3559ff9a42339325a7c58d0bef861609db', icon: this.icon }))), !this.icon && h("slot", { key: 'c22316502af49a2d6a1b1ce33d3a6306aaed408b', name: "label" })), h(Tooltip, { key: 'f4b21617701d0e0b9992166c96cc62ecbd959b8c', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: 'c75658657d070bd5dfe38e8db27c48d48e910e8a' }))));
-    }
-    get host() { return this; }
-    static get style() { return ozonContentToggletipCss(); }
-}, [257, "dso-ozon-content-toggletip", {
-        "icon": [513],
-        "active": [32]
-    }, [[8, "click", "handleWindowClick"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-ozon-content-toggletip", "dso-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-ozon-content-toggletip":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), ozonContentToggletip);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { defineCustomElement as d, ozonContentToggletip as o };