@scania/tegel 1.18.0-1.18.0-tdsheaderitembeta.2 → 1.18.0-beta.2

package/dist/components/tds-popover-canvas.js

@@ -1,4 +1,69 @@
-import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-a9609e88.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { i as inheritAttributes } from './p-3fe9cbbf.js';
+import { g as getPrefixedTagNames } from './p-b33f8162.js';
+
+const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
+const TdsPopoverCanvasStyle0 = popoverCanvasCss;
+
+const TdsPopoverCanvas$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.inheritedAttributes = [];
+        this.selector = '';
+        this.referenceEl = undefined;
+        this.show = null;
+        this.placement = 'auto';
+        this.offsetSkidding = 0;
+        this.offsetDistance = 8;
+        this.modifiers = [];
+        this.childRef = undefined;
+    }
+    /** Property for closing popover programmatically */
+    async close() {
+        var _a;
+        (_a = this.childRef) === null || _a === void 0 ? void 0 : _a.close();
+    }
+    componentWillLoad() {
+        this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
+    }
+    render() {
+        var _a;
+        const prefixedTagNames = getPrefixedTagNames(this.host);
+        return (h(Host, { key: '4dfa496e7ce0d92c2575832b8289440fddc1e57a' }, h(prefixedTagNames.tdsPopoverCore, Object.assign({ key: '588b26ceae93946774d39e3aa7382f40b82052fa' }, this.inheritedAttributes, { class: {
+                'tds-popover-canvas': true,
+                [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
+                this.childRef = el;
+            } }), h("div", { key: 'c8fa624a0f6b65f77ea8ddf8f576ade6899b1f7c' }, h("slot", { key: '0c91f6654cb2a3e51ffd8f5f66c46fc673313b00' })))));
+    }
+    get host() { return this; }
+    static get style() { return TdsPopoverCanvasStyle0; }
+}, [6, "tds-popover-canvas", {
+        "selector": [1],
+        "referenceEl": [16],
+        "show": [4],
+        "placement": [1],
+        "offsetSkidding": [2, "offset-skidding"],
+        "offsetDistance": [2, "offset-distance"],
+        "modifiers": [16],
+        "childRef": [32],
+        "close": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tds-popover-canvas"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tds-popover-canvas":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TdsPopoverCanvas$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const TdsPopoverCanvas = TdsPopoverCanvas$1;
 const defineCustomElement = defineCustomElement$1;