@scania/tegel
Version:
Tegel Design System
1 lines • 2.45 kB
JavaScript
import{t as e,p as s,H as t,h as o,a as i}from"./index.js";import{i as d}from"./p-CF8bH08v.js";import{d as r}from"./p-le823YD3.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.inheritedAttributes={}}async close(){var e;null===(e=this.childRef)||void 0===e||e.close()}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}render(){var e;return o(i,{key:"532fd12854743e5200896f6c2397a36308dfbb6b",class:{["tds-mode-variant-"+this.modeVariant]:!!this.modeVariant}},o("tds-popover-core",{key:"3544cb2cafd1f4b536ffeff249f77665063419fc",class:{"tds-popover-menu":!0,[null!==(e=this.inheritedAttributes.class)&&void 0!==e?e:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:e=>{this.childRef=e},defaultShow:this.defaultShow,animation:this.animation},o("div",{key:"0f4fa6bc7a230fbe86fec7c02b3324d81a379594",role:"menu"},o("slot",{key:"41f2693c7dfa904bec41ad1eeb665c019282fa9f"}))))}get host(){return this}static get style(){return".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;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-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}"}},[262,"tds-popover-menu",{selector:[1],referenceEl:[16],show:[4],defaultShow:[4,"default-show"],placement:[1],animation:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],fluidWidth:[4,"fluid-width"],modeVariant:[1,"mode-variant"],childRef:[32],close:[64]}]);function p(){"undefined"!=typeof customElements&&["tds-popover-menu","tds-popover-core"].forEach((s=>{switch(s){case"tds-popover-menu":customElements.get(e(s))||customElements.define(e(s),n);break;case"tds-popover-core":customElements.get(e(s))||r()}}))}p();const a=n,c=p;export{a as TdsPopoverMenu,c as defineCustomElement}