@descope/web-components-ui 3.13.1 → 3.13.2

package/dist/umd/descope-anchored.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3267],{13094(t,e,n){n.r(e),n.d(e,{AnchoredClass:()=>a,componentName:()=>h});var s=n(88961),o=n(72270),r=n(25964),i=n(63200);const h=(0,r.xE)("anchored");class c extends((0,o.qu)({componentName:h,baseSelector:".anchored-root"})){#t=null;#e=null;#n=null;get#s(){return this.defaultSlot.assignedElements({flatten:!0})[0]}get#o(){return this.shadowRoot.querySelector('slot[name="anchored"]')?.assignedElements()[0]}get#r(){return this.getRootNode().host}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="anchored-root" part="root">\n        <slot></slot>\n        <div class="anchored-host" part="anchored">\n          <slot name="anchored"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])")}init(){super.init?.(),(0,r.fz)("\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      ",this),this.#i(),this.defaultSlot.addEventListener("slotchange",()=>this.#h()),this.#h()}#c(){const t=this.#s?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#h(){this.#a(),this.#t=this.#l(this.#t,this.#r,"stretch"),this.#e=this.#l(this.#e,this.#o,"st-host-direction")}#i(){const t="\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    ";this.#n?this.#n.replaceSync(t):this.#r&&(this.#n=(0,r.fz)(t,this.#r))}#l(t,e,n){return t?.disconnect(),e?.removeAttribute(n),this.#s&&e?(0,r.EA)(this.#s,e,{includeAttrs:[n]}):null}disconnectedCallback(){super.disconnectedCallback?.(),this.#t?.disconnect(),this.#e?.disconnect()}#a(){this.toggleAttribute("has-anchor",!!this.#s),this.#c()}}const a=(0,i.Zz)(s.tQ)(c);customElements.define(h,a)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3267],{13094(t,e,n){n.r(e),n.d(e,{AnchoredClass:()=>a,componentName:()=>h});var s=n(88961),o=n(72270),r=n(25964),i=n(63200);const h=(0,r.xE)("anchored");class c extends((0,o.qu)({componentName:h,baseSelector:".anchored-root"})){#t=null;#e=null;#n=null;#s=null;get#o(){return this.defaultSlot.assignedElements({flatten:!0})[0]}get#r(){return this.shadowRoot.querySelector('slot[name="anchored"]')?.assignedElements()[0]}get#i(){return this.getRootNode().host}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="anchored-root" part="root">\n        <slot></slot>\n        <div class="anchored-host" part="anchored">\n          <slot name="anchored"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])")}init(){super.init?.(),(0,r.fz)("\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      ",this),this.#h(),this.defaultSlot.addEventListener("slotchange",()=>this.#c()),this.#c()}#a(){const t=this.#o?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#c(){this.#l(),this.#t=this.#d(this.#t,this.#i,"stretch"),this.#e=this.#d(this.#e,this.#r,"st-host-direction"),this.#u()}#u(){this.#s?.disconnect(),this.#o&&(this.#s=(0,r.mx)(this.#o,()=>this.#a(),{includeAttrs:["class"]}))}connectedCallback(){super.connectedCallback?.(),this.#u(),this.#a()}#h(){const t="\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    ";this.#n?this.#n.replaceSync(t):this.#i&&(this.#n=(0,r.fz)(t,this.#i))}#d(t,e,n){return t?.disconnect(),e?.removeAttribute(n),this.#o&&e?(0,r.EA)(this.#o,e,{includeAttrs:[n]}):null}disconnectedCallback(){super.disconnectedCallback?.(),this.#t?.disconnect(),this.#e?.disconnect(),this.#s?.disconnect()}#l(){this.toggleAttribute("has-anchor",!!this.#o),this.#a()}}const a=(0,i.Zz)(s.tQ)(c);customElements.define(h,a)}}]);
 //# sourceMappingURL=descope-anchored.js.map

package/dist/umd/descope-anchored.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-anchored.js","mappings":"8OASO,MAAMA,GAAgB,QAAiB,YAE9C,MAAMC,WAAoB,QAAgB,CACxCD,gBACAE,aAAc,oBAEd,GAAmB,KAEnB,GAAqB,KAErB,GAAoB,KAEpB,KAAI,GACF,OAAOC,KAAKC,YAAYC,iBAAiB,CAAEC,SAAS,IAAQ,EAC9D,CAEA,KAAI,GACF,OAAOH,KAAKI,WACTC,cAAc,0BACbH,mBAAmB,EACzB,CAEA,KAAI,GACF,OAAOF,KAAKM,cAAcC,IAC5B,CAEA,WAAAC,GACEC,QAEAT,KAAKU,aAAa,CAAEC,KAAM,SAAUC,UAAY,2MAShDZ,KAAKC,YAAcD,KAAKI,WAAWC,cAAc,mBACnD,CAEA,IAAAQ,GACEJ,MAAMI,UAEN,QACE,0iCAsCAb,MAGFA,MAAK,IAELA,KAAKC,YAAYa,iBAAiB,aAAc,IAAMd,MAAK,KAE3DA,MAAK,GACP,CAIA,KACE,MAAMe,EAAYf,MAAK,GAASgB,WAAWC,SAAS,UACpDjB,KAAKgB,UAAUE,OAAO,SAAUH,EAClC,CAEA,KACEf,MAAK,IAELA,MAAK,EAAmBA,MAAK,EAC3BA,MAAK,EACLA,MAAK,EACL,WAGFA,MAAK,EAAqBA,MAAK,EAC7BA,MAAK,EACLA,MAAK,EACL,oBAEJ,CAIA,KACE,MAAMmB,EAAM,yvBAcRnB,MAAK,EACPA,MAAK,EAAkBoB,YAAYD,GAC1BnB,MAAK,IACdA,MAAK,GAAoB,QAAYmB,EAAKnB,MAAK,GAEnD,CAKA,GAAaqB,EAAUC,EAAQC,GAG7B,OAFAF,GAAUG,aACVF,GAAQG,gBAAgBF,GACnBvB,MAAK,GAAYsB,GACf,QAAatB,MAAK,EAASsB,EAAQ,CAAEI,aAAc,CAACH,KADtB,IAEvC,CAGA,oBAAAI,GACElB,MAAMkB,yBACN3B,MAAK,GAAkBwB,aACvBxB,MAAK,GAAoBwB,YAC3B,CAIA,KACExB,KAAK4B,gBAAgB,eAAgB5B,MAAK,GAC1CA,MAAK,GACP,EAGK,MAAM6B,GAAgB,QAAQ,KAAR,CAAsC/B,GC5KnEgC,eAAeC,OAAOlC,EAAegC,E","sources":["webpack://@descope/web-components-ui/../components/descope-anchored/src/component/AnchoredClass.js","webpack://@descope/web-components-ui/../components/descope-anchored/src/component/index.js"],"sourcesContent":["import { componentNameValidationMixin } from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('anchored');\n\nclass RawAnchored extends createBaseClass({\n  componentName,\n  baseSelector: '.anchored-root',\n}) {\n  #stretchObserver = null;\n\n  #directionObserver = null;\n\n  #hostStretchSheet = null;\n\n  get #anchor() {\n    return this.defaultSlot.assignedElements({ flatten: true })[0];\n  }\n\n  get #anchored() {\n    return this.shadowRoot\n      .querySelector('slot[name=\"anchored\"]')\n      ?.assignedElements()[0];\n  }\n\n  get #outerHost() {\n    return this.getRootNode().host;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"anchored-root\" part=\"root\">\n        <slot></slot>\n        <div class=\"anchored-host\" part=\"anchored\">\n          <slot name=\"anchored\"></slot>\n        </div>\n      </div>\n    `;\n\n    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');\n  }\n\n  init() {\n    super.init?.();\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      `,\n      this,\n    );\n\n    this.#syncStretchCSS();\n\n    this.defaultSlot.addEventListener('slotchange', () => this.#syncAnchor());\n\n    this.#syncAnchor();\n  }\n\n  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.\n  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.\n  #syncComponentState() {\n    const hasHidden = this.#anchor?.classList?.contains('hidden');\n    this.classList.toggle('hidden', hasHidden);\n  }\n\n  #syncAnchor() {\n    this.#onAnchorChanged();\n\n    this.#stretchObserver = this.#forwardAttr(\n      this.#stretchObserver,\n      this.#outerHost,\n      'stretch',\n    );\n\n    this.#directionObserver = this.#forwardAttr(\n      this.#directionObserver,\n      this.#anchored,\n      'st-host-direction',\n    );\n  }\n\n  // Injects [stretch] layout rules into the containing component's shadow root (e.g. descope-attachment)\n  // so it stretches when the anchor has [stretch]. Replaces the existing rules on subsequent calls.\n  #syncStretchCSS() {\n    const css = `\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    `;\n\n    if (this.#hostStretchSheet) {\n      this.#hostStretchSheet.replaceSync(css);\n    } else if (this.#outerHost) {\n      this.#hostStretchSheet = injectStyle(css, this.#outerHost);\n    }\n  }\n\n  // Reconnects forwarding to the current anchor. Disconnects the old observer and\n  // removes the stale attr from target first — forwardAttrs only sets attrs present\n  // on the source, so absent attrs won't be removed automatically.\n  #forwardAttr(observer, target, attr) {\n    observer?.disconnect();\n    target?.removeAttribute(attr);\n    if (!this.#anchor || !target) return null;\n    return forwardAttrs(this.#anchor, target, { includeAttrs: [attr] });\n  }\n\n  // Prevent stale callbacks from firing on a detached anchor after removal.\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this.#stretchObserver?.disconnect();\n    this.#directionObserver?.disconnect();\n  }\n\n  // Track whether anything is slotted, so the host display rule can hide an\n  // empty host rather than reserving its layout box.\n  #onAnchorChanged() {\n    this.toggleAttribute('has-anchor', !!this.#anchor);\n    this.#syncComponentState();\n  }\n}\n\nexport const AnchoredClass = compose(componentNameValidationMixin)(RawAnchored);\n","import { componentName, AnchoredClass } from './AnchoredClass';\n\ncustomElements.define(componentName, AnchoredClass);\n\nexport { AnchoredClass, componentName };\n"],"names":["componentName","RawAnchored","baseSelector","this","defaultSlot","assignedElements","flatten","shadowRoot","querySelector","getRootNode","host","constructor","super","attachShadow","mode","innerHTML","init","addEventListener","hasHidden","classList","contains","toggle","css","replaceSync","observer","target","attr","disconnect","removeAttribute","includeAttrs","disconnectedCallback","toggleAttribute","AnchoredClass","customElements","define"],"sourceRoot":""}
+{"version":3,"file":"descope-anchored.js","mappings":"8OAUO,MAAMA,GAAgB,QAAiB,YAE9C,MAAMC,WAAoB,QAAgB,CACxCD,gBACAE,aAAc,oBAEd,GAAmB,KAEnB,GAAqB,KAErB,GAAoB,KAKpB,GAAuB,KAEvB,KAAI,GACF,OAAOC,KAAKC,YAAYC,iBAAiB,CAAEC,SAAS,IAAQ,EAC9D,CAEA,KAAI,GACF,OAAOH,KAAKI,WACTC,cAAc,0BACbH,mBAAmB,EACzB,CAEA,KAAI,GACF,OAAOF,KAAKM,cAAcC,IAC5B,CAEA,WAAAC,GACEC,QAEAT,KAAKU,aAAa,CAAEC,KAAM,SAAUC,UAAY,2MAShDZ,KAAKC,YAAcD,KAAKI,WAAWC,cAAc,mBACnD,CAEA,IAAAQ,GACEJ,MAAMI,UAEN,QACE,0iCAsCAb,MAGFA,MAAK,IAELA,KAAKC,YAAYa,iBAAiB,aAAc,IAAMd,MAAK,KAE3DA,MAAK,GACP,CAIA,KACE,MAAMe,EAAYf,MAAK,GAASgB,WAAWC,SAAS,UACpDjB,KAAKgB,UAAUE,OAAO,SAAUH,EAClC,CAEA,KACEf,MAAK,IAELA,MAAK,EAAmBA,MAAK,EAC3BA,MAAK,EACLA,MAAK,EACL,WAGFA,MAAK,EAAqBA,MAAK,EAC7BA,MAAK,EACLA,MAAK,EACL,qBAGFA,MAAK,GACP,CAEA,KACEA,MAAK,GAAsBmB,aACvBnB,MAAK,IACPA,MAAK,GAAuB,QAC1BA,MAAK,EACL,IAAMA,MAAK,IACX,CAAEoB,aAAc,CAAC,WAGvB,CAKA,iBAAAC,GACEZ,MAAMY,sBACNrB,MAAK,IACLA,MAAK,GACP,CAIA,KACE,MAAMsB,EAAM,yvBAcRtB,MAAK,EACPA,MAAK,EAAkBuB,YAAYD,GAC1BtB,MAAK,IACdA,MAAK,GAAoB,QAAYsB,EAAKtB,MAAK,GAEnD,CAKA,GAAawB,EAAUC,EAAQC,GAG7B,OAFAF,GAAUL,aACVM,GAAQE,gBAAgBD,GACnB1B,MAAK,GAAYyB,GACf,QAAazB,MAAK,EAASyB,EAAQ,CAAEL,aAAc,CAACM,KADtB,IAEvC,CAGA,oBAAAE,GACEnB,MAAMmB,yBACN5B,MAAK,GAAkBmB,aACvBnB,MAAK,GAAoBmB,aACzBnB,MAAK,GAAsBmB,YAC7B,CAIA,KACEnB,KAAK6B,gBAAgB,eAAgB7B,MAAK,GAC1CA,MAAK,GACP,EAGK,MAAM8B,GAAgB,QAAQ,KAAR,CAAsChC,GCzMnEiC,eAAeC,OAAOnC,EAAeiC,E","sources":["webpack://@descope/web-components-ui/../components/descope-anchored/src/component/AnchoredClass.js","webpack://@descope/web-components-ui/../components/descope-anchored/src/component/index.js"],"sourcesContent":["import { componentNameValidationMixin } from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('anchored');\n\nclass RawAnchored extends createBaseClass({\n  componentName,\n  baseSelector: '.anchored-root',\n}) {\n  #stretchObserver = null;\n\n  #directionObserver = null;\n\n  #hostStretchSheet = null;\n\n  // Observes the anchor's `class` attribute so runtime updates by the SDK\n  // (e.g. real-time conditional components toggling `.hidden`) propagate to\n  // this element. Without this, only the initial slotchange would sync.\n  #anchorClassObserver = null;\n\n  get #anchor() {\n    return this.defaultSlot.assignedElements({ flatten: true })[0];\n  }\n\n  get #anchored() {\n    return this.shadowRoot\n      .querySelector('slot[name=\"anchored\"]')\n      ?.assignedElements()[0];\n  }\n\n  get #outerHost() {\n    return this.getRootNode().host;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"anchored-root\" part=\"root\">\n        <slot></slot>\n        <div class=\"anchored-host\" part=\"anchored\">\n          <slot name=\"anchored\"></slot>\n        </div>\n      </div>\n    `;\n\n    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');\n  }\n\n  init() {\n    super.init?.();\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      `,\n      this,\n    );\n\n    this.#syncStretchCSS();\n\n    this.defaultSlot.addEventListener('slotchange', () => this.#syncAnchor());\n\n    this.#syncAnchor();\n  }\n\n  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.\n  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.\n  #syncComponentState() {\n    const hasHidden = this.#anchor?.classList?.contains('hidden');\n    this.classList.toggle('hidden', hasHidden);\n  }\n\n  #syncAnchor() {\n    this.#onAnchorChanged();\n\n    this.#stretchObserver = this.#forwardAttr(\n      this.#stretchObserver,\n      this.#outerHost,\n      'stretch',\n    );\n\n    this.#directionObserver = this.#forwardAttr(\n      this.#directionObserver,\n      this.#anchored,\n      'st-host-direction',\n    );\n\n    this.#observeAnchorClass();\n  }\n\n  #observeAnchorClass() {\n    this.#anchorClassObserver?.disconnect();\n    if (this.#anchor) {\n      this.#anchorClassObserver = observeAttributes(\n        this.#anchor,\n        () => this.#syncComponentState(),\n        { includeAttrs: ['class'] },\n      );\n    }\n  }\n\n  // createBaseClass gates init() to first-connect (#isInit). Without\n  // re-observing here, runtime `.hidden` toggles stop syncing after a\n  // detach/reattach cycle.\n  connectedCallback() {\n    super.connectedCallback?.();\n    this.#observeAnchorClass();\n    this.#syncComponentState();\n  }\n\n  // Injects [stretch] layout rules into the containing component's shadow root (e.g. descope-attachment)\n  // so it stretches when the anchor has [stretch]. Replaces the existing rules on subsequent calls.\n  #syncStretchCSS() {\n    const css = `\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    `;\n\n    if (this.#hostStretchSheet) {\n      this.#hostStretchSheet.replaceSync(css);\n    } else if (this.#outerHost) {\n      this.#hostStretchSheet = injectStyle(css, this.#outerHost);\n    }\n  }\n\n  // Reconnects forwarding to the current anchor. Disconnects the old observer and\n  // removes the stale attr from target first — forwardAttrs only sets attrs present\n  // on the source, so absent attrs won't be removed automatically.\n  #forwardAttr(observer, target, attr) {\n    observer?.disconnect();\n    target?.removeAttribute(attr);\n    if (!this.#anchor || !target) return null;\n    return forwardAttrs(this.#anchor, target, { includeAttrs: [attr] });\n  }\n\n  // Prevent stale callbacks from firing on a detached anchor after removal.\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this.#stretchObserver?.disconnect();\n    this.#directionObserver?.disconnect();\n    this.#anchorClassObserver?.disconnect();\n  }\n\n  // Track whether anything is slotted, so the host display rule can hide an\n  // empty host rather than reserving its layout box.\n  #onAnchorChanged() {\n    this.toggleAttribute('has-anchor', !!this.#anchor);\n    this.#syncComponentState();\n  }\n}\n\nexport const AnchoredClass = compose(componentNameValidationMixin)(RawAnchored);\n","import { componentName, AnchoredClass } from './AnchoredClass';\n\ncustomElements.define(componentName, AnchoredClass);\n\nexport { AnchoredClass, componentName };\n"],"names":["componentName","RawAnchored","baseSelector","this","defaultSlot","assignedElements","flatten","shadowRoot","querySelector","getRootNode","host","constructor","super","attachShadow","mode","innerHTML","init","addEventListener","hasHidden","classList","contains","toggle","disconnect","includeAttrs","connectedCallback","css","replaceSync","observer","target","attr","removeAttribute","disconnectedCallback","toggleAttribute","AnchoredClass","customElements","define"],"sourceRoot":""}

package/dist/umd/descope-attachment.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3267,7164],{13094(t,e,n){n.r(e),n.d(e,{AnchoredClass:()=>c,componentName:()=>h});var s=n(88961),o=n(72270),i=n(25964),r=n(63200);const h=(0,i.xE)("anchored");class a extends((0,o.qu)({componentName:h,baseSelector:".anchored-root"})){#t=null;#e=null;#n=null;get#s(){return this.defaultSlot.assignedElements({flatten:!0})[0]}get#o(){return this.shadowRoot.querySelector('slot[name="anchored"]')?.assignedElements()[0]}get#i(){return this.getRootNode().host}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="anchored-root" part="root">\n        <slot></slot>\n        <div class="anchored-host" part="anchored">\n          <slot name="anchored"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])")}init(){super.init?.(),(0,i.fz)("\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      ",this),this.#r(),this.defaultSlot.addEventListener("slotchange",()=>this.#h()),this.#h()}#a(){const t=this.#s?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#h(){this.#c(),this.#t=this.#l(this.#t,this.#i,"stretch"),this.#e=this.#l(this.#e,this.#o,"st-host-direction")}#r(){const t="\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    ";this.#n?this.#n.replaceSync(t):this.#i&&(this.#n=(0,i.fz)(t,this.#i))}#l(t,e,n){return t?.disconnect(),e?.removeAttribute(n),this.#s&&e?(0,i.EA)(this.#s,e,{includeAttrs:[n]}):null}disconnectedCallback(){super.disconnectedCallback?.(),this.#t?.disconnect(),this.#e?.disconnect()}#c(){this.toggleAttribute("has-anchor",!!this.#s),this.#a()}}const c=(0,r.Zz)(s.tQ)(a);customElements.define(h,c)},44050(t,e,n){n.r(e),n.d(e,{AttachmentClass:()=>u,componentName:()=>h}),n(13094);var s=n(88961),o=n(72270),i=n(25964),r=n(63200);const h=(0,i.xE)("attachment"),a=["top-end","top-start","top-center","bottom-start","bottom-end","bottom-center"],c=a[0];class l extends((0,o.qu)({componentName:h,baseSelector:"descope-anchored"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-anchored>\n        <slot></slot>\n        <div slot="anchored" class="attachment-container">\n          <slot name="attachment"></slot>\n        </div>\n      </descope-anchored>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.attachmentSlot=this.shadowRoot.querySelector('slot[name="attachment"]'),this.anchored=this.shadowRoot.querySelector("descope-anchored")}get#d(){return this.attachmentSlot?.assignedElements()[0]}static get observedAttributes(){return[...super.observedAttributes||[],"position"]}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"position"===t&&e!==n&&this.#u()}init(){super.init?.(),this.#a(),(0,i.fz)("\n      :host {\n        display: inline-block;\n      }\n      :host(.hidden) {\n        display: none;\n      }\n      .attachment-container {\n        position: absolute;\n        z-index: 1;\n        pointer-events: none;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        container-type: inline-size;\n      }\n",this),this.#u();const t=this.shadowRoot.querySelector(".attachment-container");(0,i.mx)(t,()=>this.#m(),{includeAttrs:["st-host-direction"]}),this.attachmentSlot.addEventListener("slotchange",()=>this.#m()),this.defaultSlot.addEventListener("slotchange",()=>{this.#p(),window.requestAnimationFrame(()=>this.#f())}),window.requestAnimationFrame(()=>this.#p())}#a(){const t=this.anchored?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#f(){const t=this.defaultSlot?.assignedElements()?.[0],e=t?.getBoundingClientRect();if(e){const t=e.width;this.#d?.setAttribute("data-attachment-size",Number(t))}}#p(){const t=this.defaultSlot?.assignedElements()?.length>0;this.classList.toggle("hidden",!t)}#m(){const t=this.shadowRoot.querySelector(".attachment-container")?.getAttribute("st-host-direction");t&&this.#d?.setAttribute("st-host-direction",t)}get offsetX(){return this.getAttribute("offset-x")||"0px"}get offsetY(){return this.getAttribute("offset-y")||"0px"}#u(){const t=this.getAttribute("position");a.includes(t)||this.setAttribute("position",c)}}const d={selector:()=>".attachment-container"},u=(0,r.Zz)((0,s.RF)({mappings:{transform:{...d},justifyContent:{...d},maxWidth:{...d},top:{...d},bottom:{...d},left:{...d},right:{...d},offsetX:{},offsetY:{}}}),s.VO,s.tQ)(l);customElements.define(h,u)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3267,7164],{13094(t,e,n){n.r(e),n.d(e,{AnchoredClass:()=>c,componentName:()=>a});var s=n(88961),o=n(72270),i=n(25964),r=n(63200);const a=(0,i.xE)("anchored");class h extends((0,o.qu)({componentName:a,baseSelector:".anchored-root"})){#t=null;#e=null;#n=null;#s=null;get#o(){return this.defaultSlot.assignedElements({flatten:!0})[0]}get#i(){return this.shadowRoot.querySelector('slot[name="anchored"]')?.assignedElements()[0]}get#r(){return this.getRootNode().host}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="anchored-root" part="root">\n        <slot></slot>\n        <div class="anchored-host" part="anchored">\n          <slot name="anchored"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])")}init(){super.init?.(),(0,i.fz)("\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      ",this),this.#a(),this.defaultSlot.addEventListener("slotchange",()=>this.#h()),this.#h()}#c(){const t=this.#o?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#h(){this.#l(),this.#t=this.#d(this.#t,this.#r,"stretch"),this.#e=this.#d(this.#e,this.#i,"st-host-direction"),this.#u()}#u(){this.#s?.disconnect(),this.#o&&(this.#s=(0,i.mx)(this.#o,()=>this.#c(),{includeAttrs:["class"]}))}connectedCallback(){super.connectedCallback?.(),this.#u(),this.#c()}#a(){const t="\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    ";this.#n?this.#n.replaceSync(t):this.#r&&(this.#n=(0,i.fz)(t,this.#r))}#d(t,e,n){return t?.disconnect(),e?.removeAttribute(n),this.#o&&e?(0,i.EA)(this.#o,e,{includeAttrs:[n]}):null}disconnectedCallback(){super.disconnectedCallback?.(),this.#t?.disconnect(),this.#e?.disconnect(),this.#s?.disconnect()}#l(){this.toggleAttribute("has-anchor",!!this.#o),this.#c()}}const c=(0,r.Zz)(s.tQ)(h);customElements.define(a,c)},44050(t,e,n){n.r(e),n.d(e,{AttachmentClass:()=>u,componentName:()=>a}),n(13094);var s=n(88961),o=n(72270),i=n(25964),r=n(63200);const a=(0,i.xE)("attachment"),h=["top-end","top-start","top-center","bottom-start","bottom-end","bottom-center"],c=h[0];class l extends((0,o.qu)({componentName:a,baseSelector:"descope-anchored"})){#b=null;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-anchored>\n        <slot></slot>\n        <div slot="anchored" class="attachment-container">\n          <slot name="attachment"></slot>\n        </div>\n      </descope-anchored>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.attachmentSlot=this.shadowRoot.querySelector('slot[name="attachment"]'),this.anchored=this.shadowRoot.querySelector("descope-anchored")}get#m(){return this.attachmentSlot?.assignedElements()[0]}static get observedAttributes(){return[...super.observedAttributes||[],"position"]}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"position"===t&&e!==n&&this.#p()}init(){super.init?.(),(0,i.fz)("\n      :host {\n        display: inline-block;\n      }\n      :host(.hidden) {\n        display: none;\n      }\n      .attachment-container {\n        position: absolute;\n        z-index: 1;\n        pointer-events: none;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        container-type: inline-size;\n      }\n",this),this.#p();const t=this.shadowRoot.querySelector(".attachment-container");(0,i.mx)(t,()=>this.#f(),{includeAttrs:["st-host-direction"]}),this.attachmentSlot.addEventListener("slotchange",()=>this.#f()),this.defaultSlot.addEventListener("slotchange",()=>{this.#v(),window.requestAnimationFrame(()=>this.#g())}),window.requestAnimationFrame(()=>this.#v())}#c(){const t=this.anchored?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#w(){this.#b?.disconnect(),this.anchored&&(this.#b=(0,i.mx)(this.anchored,()=>this.#c(),{includeAttrs:["class"]}))}connectedCallback(){super.connectedCallback?.(),this.#c(),this.#w()}disconnectedCallback(){super.disconnectedCallback?.(),this.#b?.disconnect()}#g(){const t=this.defaultSlot?.assignedElements()?.[0],e=t?.getBoundingClientRect();if(e){const t=e.width;this.#m?.setAttribute("data-attachment-size",Number(t))}}#v(){const t=this.defaultSlot?.assignedElements()?.length>0;this.classList.toggle("hidden",!t)}#f(){const t=this.shadowRoot.querySelector(".attachment-container")?.getAttribute("st-host-direction");t&&this.#m?.setAttribute("st-host-direction",t)}get offsetX(){return this.getAttribute("offset-x")||"0px"}get offsetY(){return this.getAttribute("offset-y")||"0px"}#p(){const t=this.getAttribute("position");h.includes(t)||this.setAttribute("position",c)}}const d={selector:()=>".attachment-container"},u=(0,r.Zz)((0,s.RF)({mappings:{transform:{...d},justifyContent:{...d},maxWidth:{...d},top:{...d},bottom:{...d},left:{...d},right:{...d},offsetX:{},offsetY:{}}}),s.VO,s.tQ)(l);customElements.define(a,u)}}]);
 //# sourceMappingURL=descope-attachment.js.map

package/dist/umd/descope-attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-attachment.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-anchored/src/component/AnchoredClass.js","webpack://@descope/web-components-ui/../components/descope-anchored/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-attachment/src/component/AttachmentClass.js","webpack://@descope/web-components-ui/../components/descope-attachment/src/component/index.js"],"sourcesContent":["import { componentNameValidationMixin } from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('anchored');\n\nclass RawAnchored extends createBaseClass({\n  componentName,\n  baseSelector: '.anchored-root',\n}) {\n  #stretchObserver = null;\n\n  #directionObserver = null;\n\n  #hostStretchSheet = null;\n\n  get #anchor() {\n    return this.defaultSlot.assignedElements({ flatten: true })[0];\n  }\n\n  get #anchored() {\n    return this.shadowRoot\n      .querySelector('slot[name=\"anchored\"]')\n      ?.assignedElements()[0];\n  }\n\n  get #outerHost() {\n    return this.getRootNode().host;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"anchored-root\" part=\"root\">\n        <slot></slot>\n        <div class=\"anchored-host\" part=\"anchored\">\n          <slot name=\"anchored\"></slot>\n        </div>\n      </div>\n    `;\n\n    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');\n  }\n\n  init() {\n    super.init?.();\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      `,\n      this,\n    );\n\n    this.#syncStretchCSS();\n\n    this.defaultSlot.addEventListener('slotchange', () => this.#syncAnchor());\n\n    this.#syncAnchor();\n  }\n\n  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.\n  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.\n  #syncComponentState() {\n    const hasHidden = this.#anchor?.classList?.contains('hidden');\n    this.classList.toggle('hidden', hasHidden);\n  }\n\n  #syncAnchor() {\n    this.#onAnchorChanged();\n\n    this.#stretchObserver = this.#forwardAttr(\n      this.#stretchObserver,\n      this.#outerHost,\n      'stretch',\n    );\n\n    this.#directionObserver = this.#forwardAttr(\n      this.#directionObserver,\n      this.#anchored,\n      'st-host-direction',\n    );\n  }\n\n  // Injects [stretch] layout rules into the containing component's shadow root (e.g. descope-attachment)\n  // so it stretches when the anchor has [stretch]. Replaces the existing rules on subsequent calls.\n  #syncStretchCSS() {\n    const css = `\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    `;\n\n    if (this.#hostStretchSheet) {\n      this.#hostStretchSheet.replaceSync(css);\n    } else if (this.#outerHost) {\n      this.#hostStretchSheet = injectStyle(css, this.#outerHost);\n    }\n  }\n\n  // Reconnects forwarding to the current anchor. Disconnects the old observer and\n  // removes the stale attr from target first — forwardAttrs only sets attrs present\n  // on the source, so absent attrs won't be removed automatically.\n  #forwardAttr(observer, target, attr) {\n    observer?.disconnect();\n    target?.removeAttribute(attr);\n    if (!this.#anchor || !target) return null;\n    return forwardAttrs(this.#anchor, target, { includeAttrs: [attr] });\n  }\n\n  // Prevent stale callbacks from firing on a detached anchor after removal.\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this.#stretchObserver?.disconnect();\n    this.#directionObserver?.disconnect();\n  }\n\n  // Track whether anything is slotted, so the host display rule can hide an\n  // empty host rather than reserving its layout box.\n  #onAnchorChanged() {\n    this.toggleAttribute('has-anchor', !!this.#anchor);\n    this.#syncComponentState();\n  }\n}\n\nexport const AnchoredClass = compose(componentNameValidationMixin)(RawAnchored);\n","import { componentName, AnchoredClass } from './AnchoredClass';\n\ncustomElements.define(componentName, AnchoredClass);\n\nexport { AnchoredClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('attachment');\n\nconst ATTACHMENT_POSITIONS = [\n  'top-end',\n  'top-start',\n  'top-center',\n  'bottom-start',\n  'bottom-end',\n  'bottom-center',\n];\n\nconst DEFAULT_POSITION = ATTACHMENT_POSITIONS[0];\n\nclass RawAttachment extends createBaseClass({\n  componentName,\n  baseSelector: 'descope-anchored',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <descope-anchored>\n        <slot></slot>\n        <div slot=\"anchored\" class=\"attachment-container\">\n          <slot name=\"attachment\"></slot>\n        </div>\n      </descope-anchored>\n    `;\n\n    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');\n    this.attachmentSlot = this.shadowRoot.querySelector(\n      'slot[name=\"attachment\"]',\n    );\n\n    this.anchored = this.shadowRoot.querySelector('descope-anchored');\n  }\n\n  get #attachment() {\n    return this.attachmentSlot?.assignedElements()[0];\n  }\n\n  static get observedAttributes() {\n    return [...(super.observedAttributes || []), 'position'];\n  }\n\n  attributeChangedCallback(name, oldVal, newVal) {\n    super.attributeChangedCallback?.(name, oldVal, newVal);\n    if (name === 'position' && oldVal !== newVal) {\n      this.#handlePositionChange();\n    }\n  }\n\n  init() {\n    super.init?.();\n\n    this.#syncComponentState();\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n      }\n      :host(.hidden) {\n        display: none;\n      }\n      .attachment-container {\n        position: absolute;\n        z-index: 1;\n        pointer-events: none;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        container-type: inline-size;\n      }\n`,\n      this,\n    );\n\n    this.#handlePositionChange();\n\n    // When descope-anchored forwards st-host-direction from the anchor to this container,\n    // propagate it to the attachment elements.\n    const container = this.shadowRoot.querySelector('.attachment-container');\n    observeAttributes(container, () => this.#syncDirection(), {\n      includeAttrs: ['st-host-direction'],\n    });\n\n    // Re-sync direction when new elements are slotted into the attachment slot.\n    this.attachmentSlot.addEventListener('slotchange', () =>\n      this.#syncDirection(),\n    );\n\n    this.defaultSlot.addEventListener('slotchange', () => {\n      this.#setVisibility();\n      window.requestAnimationFrame(() => this.#syncAvailableSizeAttr());\n    });\n\n    window.requestAnimationFrame(() => this.#setVisibility());\n  }\n\n  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.\n  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.\n  #syncComponentState() {\n    const hasHidden = this.anchored?.classList?.contains('hidden');\n    this.classList.toggle('hidden', hasHidden);\n  }\n\n  #syncAvailableSizeAttr() {\n    const anchor = this.defaultSlot?.assignedElements()?.[0];\n\n    const anchorRect = anchor?.getBoundingClientRect();\n    if (anchorRect) {\n      const availableWidth = anchorRect.width;\n      this.#attachment?.setAttribute(\n        'data-attachment-size',\n        Number(availableWidth),\n      );\n    }\n  }\n\n  #setVisibility() {\n    const hasAnchor = this.defaultSlot?.assignedElements()?.length > 0;\n    this.classList.toggle('hidden', !hasAnchor);\n  }\n\n  #syncDirection() {\n    const direction = this.shadowRoot\n      .querySelector('.attachment-container')\n      ?.getAttribute('st-host-direction');\n\n    if (!direction) return;\n    // currently we support direction sync only for web-components-ui\n    // elements, which support st-host-direction attribute.\n    this.#attachment?.setAttribute('st-host-direction', direction);\n  }\n\n  get offsetX() {\n    return this.getAttribute('offset-x') || '0px';\n  }\n\n  get offsetY() {\n    return this.getAttribute('offset-y') || '0px';\n  }\n\n  #handlePositionChange() {\n    const pos = this.getAttribute('position');\n    if (!ATTACHMENT_POSITIONS.includes(pos)) {\n      this.setAttribute('position', DEFAULT_POSITION);\n    }\n  }\n}\n\nconst attachmentContainer = { selector: () => '.attachment-container' };\n\nexport const AttachmentClass = compose(\n  createStyleMixin({\n    mappings: {\n      transform: { ...attachmentContainer },\n      justifyContent: { ...attachmentContainer },\n      maxWidth: { ...attachmentContainer },\n      top: { ...attachmentContainer },\n      bottom: { ...attachmentContainer },\n      left: { ...attachmentContainer },\n      right: { ...attachmentContainer },\n      offsetX: {},\n      offsetY: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawAttachment);\n","import '@descope-ui/descope-anchored';\nimport { componentName, AttachmentClass } from './AttachmentClass';\n\ncustomElements.define(componentName, AttachmentClass);\n\nexport { AttachmentClass, componentName };\n"],"names":["componentName","RawAnchored","baseSelector","this","defaultSlot","assignedElements","flatten","shadowRoot","querySelector","getRootNode","host","constructor","super","attachShadow","mode","innerHTML","init","addEventListener","hasHidden","classList","contains","toggle","css","replaceSync","observer","target","attr","disconnect","removeAttribute","includeAttrs","disconnectedCallback","toggleAttribute","AnchoredClass","customElements","define","ATTACHMENT_POSITIONS","DEFAULT_POSITION","RawAttachment","attachmentSlot","anchored","observedAttributes","attributeChangedCallback","name","oldVal","newVal","container","window","requestAnimationFrame","anchor","anchorRect","getBoundingClientRect","availableWidth","width","setAttribute","Number","hasAnchor","length","direction","getAttribute","offsetX","offsetY","pos","includes","attachmentContainer","selector","AttachmentClass","mappings","transform","justifyContent","maxWidth","top","bottom","left","right"],"sourceRoot":""}
+{"version":3,"file":"descope-attachment.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-anchored/src/component/AnchoredClass.js","webpack://@descope/web-components-ui/../components/descope-anchored/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-attachment/src/component/AttachmentClass.js","webpack://@descope/web-components-ui/../components/descope-attachment/src/component/index.js"],"sourcesContent":["import { componentNameValidationMixin } from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('anchored');\n\nclass RawAnchored extends createBaseClass({\n  componentName,\n  baseSelector: '.anchored-root',\n}) {\n  #stretchObserver = null;\n\n  #directionObserver = null;\n\n  #hostStretchSheet = null;\n\n  // Observes the anchor's `class` attribute so runtime updates by the SDK\n  // (e.g. real-time conditional components toggling `.hidden`) propagate to\n  // this element. Without this, only the initial slotchange would sync.\n  #anchorClassObserver = null;\n\n  get #anchor() {\n    return this.defaultSlot.assignedElements({ flatten: true })[0];\n  }\n\n  get #anchored() {\n    return this.shadowRoot\n      .querySelector('slot[name=\"anchored\"]')\n      ?.assignedElements()[0];\n  }\n\n  get #outerHost() {\n    return this.getRootNode().host;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"anchored-root\" part=\"root\">\n        <slot></slot>\n        <div class=\"anchored-host\" part=\"anchored\">\n          <slot name=\"anchored\"></slot>\n        </div>\n      </div>\n    `;\n\n    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');\n  }\n\n  init() {\n    super.init?.();\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      `,\n      this,\n    );\n\n    this.#syncStretchCSS();\n\n    this.defaultSlot.addEventListener('slotchange', () => this.#syncAnchor());\n\n    this.#syncAnchor();\n  }\n\n  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.\n  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.\n  #syncComponentState() {\n    const hasHidden = this.#anchor?.classList?.contains('hidden');\n    this.classList.toggle('hidden', hasHidden);\n  }\n\n  #syncAnchor() {\n    this.#onAnchorChanged();\n\n    this.#stretchObserver = this.#forwardAttr(\n      this.#stretchObserver,\n      this.#outerHost,\n      'stretch',\n    );\n\n    this.#directionObserver = this.#forwardAttr(\n      this.#directionObserver,\n      this.#anchored,\n      'st-host-direction',\n    );\n\n    this.#observeAnchorClass();\n  }\n\n  #observeAnchorClass() {\n    this.#anchorClassObserver?.disconnect();\n    if (this.#anchor) {\n      this.#anchorClassObserver = observeAttributes(\n        this.#anchor,\n        () => this.#syncComponentState(),\n        { includeAttrs: ['class'] },\n      );\n    }\n  }\n\n  // createBaseClass gates init() to first-connect (#isInit). Without\n  // re-observing here, runtime `.hidden` toggles stop syncing after a\n  // detach/reattach cycle.\n  connectedCallback() {\n    super.connectedCallback?.();\n    this.#observeAnchorClass();\n    this.#syncComponentState();\n  }\n\n  // Injects [stretch] layout rules into the containing component's shadow root (e.g. descope-attachment)\n  // so it stretches when the anchor has [stretch]. Replaces the existing rules on subsequent calls.\n  #syncStretchCSS() {\n    const css = `\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    `;\n\n    if (this.#hostStretchSheet) {\n      this.#hostStretchSheet.replaceSync(css);\n    } else if (this.#outerHost) {\n      this.#hostStretchSheet = injectStyle(css, this.#outerHost);\n    }\n  }\n\n  // Reconnects forwarding to the current anchor. Disconnects the old observer and\n  // removes the stale attr from target first — forwardAttrs only sets attrs present\n  // on the source, so absent attrs won't be removed automatically.\n  #forwardAttr(observer, target, attr) {\n    observer?.disconnect();\n    target?.removeAttribute(attr);\n    if (!this.#anchor || !target) return null;\n    return forwardAttrs(this.#anchor, target, { includeAttrs: [attr] });\n  }\n\n  // Prevent stale callbacks from firing on a detached anchor after removal.\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this.#stretchObserver?.disconnect();\n    this.#directionObserver?.disconnect();\n    this.#anchorClassObserver?.disconnect();\n  }\n\n  // Track whether anything is slotted, so the host display rule can hide an\n  // empty host rather than reserving its layout box.\n  #onAnchorChanged() {\n    this.toggleAttribute('has-anchor', !!this.#anchor);\n    this.#syncComponentState();\n  }\n}\n\nexport const AnchoredClass = compose(componentNameValidationMixin)(RawAnchored);\n","import { componentName, AnchoredClass } from './AnchoredClass';\n\ncustomElements.define(componentName, AnchoredClass);\n\nexport { AnchoredClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('attachment');\n\nconst ATTACHMENT_POSITIONS = [\n  'top-end',\n  'top-start',\n  'top-center',\n  'bottom-start',\n  'bottom-end',\n  'bottom-center',\n];\n\nconst DEFAULT_POSITION = ATTACHMENT_POSITIONS[0];\n\nclass RawAttachment extends createBaseClass({\n  componentName,\n  baseSelector: 'descope-anchored',\n}) {\n  // Observes the inner descope-anchored's `class` attribute so runtime\n  // updates (e.g. real-time conditional components toggling `.hidden`) keep\n  // this attachment host's class in sync. Set up in connectedCallback so\n  // reconnects work (createBaseClass gates init() to first connect only).\n  #anchoredClassObserver = null;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <descope-anchored>\n        <slot></slot>\n        <div slot=\"anchored\" class=\"attachment-container\">\n          <slot name=\"attachment\"></slot>\n        </div>\n      </descope-anchored>\n    `;\n\n    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');\n    this.attachmentSlot = this.shadowRoot.querySelector(\n      'slot[name=\"attachment\"]',\n    );\n\n    this.anchored = this.shadowRoot.querySelector('descope-anchored');\n  }\n\n  get #attachment() {\n    return this.attachmentSlot?.assignedElements()[0];\n  }\n\n  static get observedAttributes() {\n    return [...(super.observedAttributes || []), 'position'];\n  }\n\n  attributeChangedCallback(name, oldVal, newVal) {\n    super.attributeChangedCallback?.(name, oldVal, newVal);\n    if (name === 'position' && oldVal !== newVal) {\n      this.#handlePositionChange();\n    }\n  }\n\n  init() {\n    super.init?.();\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n      }\n      :host(.hidden) {\n        display: none;\n      }\n      .attachment-container {\n        position: absolute;\n        z-index: 1;\n        pointer-events: none;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        container-type: inline-size;\n      }\n`,\n      this,\n    );\n\n    this.#handlePositionChange();\n\n    // When descope-anchored forwards st-host-direction from the anchor to this container,\n    // propagate it to the attachment elements.\n    const container = this.shadowRoot.querySelector('.attachment-container');\n    observeAttributes(container, () => this.#syncDirection(), {\n      includeAttrs: ['st-host-direction'],\n    });\n\n    // Re-sync direction when new elements are slotted into the attachment slot.\n    this.attachmentSlot.addEventListener('slotchange', () =>\n      this.#syncDirection(),\n    );\n\n    this.defaultSlot.addEventListener('slotchange', () => {\n      this.#setVisibility();\n      window.requestAnimationFrame(() => this.#syncAvailableSizeAttr());\n    });\n\n    window.requestAnimationFrame(() => this.#setVisibility());\n  }\n\n  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.\n  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.\n  #syncComponentState() {\n    const hasHidden = this.anchored?.classList?.contains('hidden');\n    this.classList.toggle('hidden', hasHidden);\n  }\n\n  #observeAnchored() {\n    this.#anchoredClassObserver?.disconnect();\n    if (this.anchored) {\n      this.#anchoredClassObserver = observeAttributes(\n        this.anchored,\n        () => this.#syncComponentState(),\n        { includeAttrs: ['class'] },\n      );\n    }\n  }\n\n  // createBaseClass gates init() to first-connect, so observing here is\n  // required for the detach/reattach cycle to keep working.\n  connectedCallback() {\n    super.connectedCallback?.();\n    this.#syncComponentState();\n    this.#observeAnchored();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this.#anchoredClassObserver?.disconnect();\n  }\n\n  #syncAvailableSizeAttr() {\n    const anchor = this.defaultSlot?.assignedElements()?.[0];\n\n    const anchorRect = anchor?.getBoundingClientRect();\n    if (anchorRect) {\n      const availableWidth = anchorRect.width;\n      this.#attachment?.setAttribute(\n        'data-attachment-size',\n        Number(availableWidth),\n      );\n    }\n  }\n\n  #setVisibility() {\n    const hasAnchor = this.defaultSlot?.assignedElements()?.length > 0;\n    this.classList.toggle('hidden', !hasAnchor);\n  }\n\n  #syncDirection() {\n    const direction = this.shadowRoot\n      .querySelector('.attachment-container')\n      ?.getAttribute('st-host-direction');\n\n    if (!direction) return;\n    // currently we support direction sync only for web-components-ui\n    // elements, which support st-host-direction attribute.\n    this.#attachment?.setAttribute('st-host-direction', direction);\n  }\n\n  get offsetX() {\n    return this.getAttribute('offset-x') || '0px';\n  }\n\n  get offsetY() {\n    return this.getAttribute('offset-y') || '0px';\n  }\n\n  #handlePositionChange() {\n    const pos = this.getAttribute('position');\n    if (!ATTACHMENT_POSITIONS.includes(pos)) {\n      this.setAttribute('position', DEFAULT_POSITION);\n    }\n  }\n}\n\nconst attachmentContainer = { selector: () => '.attachment-container' };\n\nexport const AttachmentClass = compose(\n  createStyleMixin({\n    mappings: {\n      transform: { ...attachmentContainer },\n      justifyContent: { ...attachmentContainer },\n      maxWidth: { ...attachmentContainer },\n      top: { ...attachmentContainer },\n      bottom: { ...attachmentContainer },\n      left: { ...attachmentContainer },\n      right: { ...attachmentContainer },\n      offsetX: {},\n      offsetY: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawAttachment);\n","import '@descope-ui/descope-anchored';\nimport { componentName, AttachmentClass } from './AttachmentClass';\n\ncustomElements.define(componentName, AttachmentClass);\n\nexport { AttachmentClass, componentName };\n"],"names":["componentName","RawAnchored","baseSelector","this","defaultSlot","assignedElements","flatten","shadowRoot","querySelector","getRootNode","host","constructor","super","attachShadow","mode","innerHTML","init","addEventListener","hasHidden","classList","contains","toggle","disconnect","includeAttrs","connectedCallback","css","replaceSync","observer","target","attr","removeAttribute","disconnectedCallback","toggleAttribute","AnchoredClass","customElements","define","ATTACHMENT_POSITIONS","DEFAULT_POSITION","RawAttachment","attachmentSlot","anchored","observedAttributes","attributeChangedCallback","name","oldVal","newVal","container","window","requestAnimationFrame","anchor","anchorRect","getBoundingClientRect","availableWidth","width","setAttribute","Number","hasAnchor","length","direction","getAttribute","offsetX","offsetY","pos","includes","attachmentContainer","selector","AttachmentClass","mappings","transform","justifyContent","maxWidth","top","bottom","left","right"],"sourceRoot":""}

package/dist/umd/descope-tooltip.js

@@ -1,3 +1,3 @@
 /*! For license information please see descope-tooltip.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[628,2294,3267,4159,9261],{13094(t,e,o){o.r(e),o.d(e,{AnchoredClass:()=>a,componentName:()=>h});var n=o(88961),s=o(72270),i=o(25964),r=o(63200);const h=(0,i.xE)("anchored");class l extends((0,s.qu)({componentName:h,baseSelector:".anchored-root"})){#t=null;#e=null;#o=null;get#n(){return this.defaultSlot.assignedElements({flatten:!0})[0]}get#s(){return this.shadowRoot.querySelector('slot[name="anchored"]')?.assignedElements()[0]}get#i(){return this.getRootNode().host}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="anchored-root" part="root">\n        <slot></slot>\n        <div class="anchored-host" part="anchored">\n          <slot name="anchored"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])")}init(){super.init?.(),(0,i.fz)("\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      ",this),this.#r(),this.defaultSlot.addEventListener("slotchange",()=>this.#h()),this.#h()}#l(){const t=this.#n?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#h(){this.#a(),this.#t=this.#d(this.#t,this.#i,"stretch"),this.#e=this.#d(this.#e,this.#s,"st-host-direction")}#r(){const t="\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    ";this.#o?this.#o.replaceSync(t):this.#i&&(this.#o=(0,i.fz)(t,this.#i))}#d(t,e,o){return t?.disconnect(),e?.removeAttribute(o),this.#n&&e?(0,i.EA)(this.#n,e,{includeAttrs:[o]}):null}disconnectedCallback(){super.disconnectedCallback?.(),this.#t?.disconnect(),this.#e?.disconnect()}#a(){this.toggleAttribute("has-anchor",!!this.#n),this.#l()}}const a=(0,r.Zz)(n.tQ)(l);customElements.define(h,a)},76231(t,e,o){o.d(e,{T:()=>d,m:()=>p});var n=o(92540),s=o(88961),i=o(63200),r=o(36976),h=o(72270),l=o(54847),a=o(25964);const d=(0,a.xE)("enriched-text");class c extends((0,h.qu)({componentName:d,baseSelector:":host > div"})){#c;#p;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',(0,a.fz)("\n      :host {\n        line-height: 1em;\n        word-break: break-word;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n      *, *:last-child {\n        margin: 0;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p {\n        margin-bottom: 1em;\n      }\n      a {\n        cursor: pointer;\n      }\n      blockquote {\n        padding: 0 2em;\n      }\n      u {\n        text-decoration: underline\n      }\n      s {\n        color: currentColor;\n      }\n        ",this),this.#u(),(0,a.Ge)(this,this.#m.bind(this)),this.contentNode?.addEventListener("click",t=>{t.target instanceof HTMLAnchorElement&&t.stopPropagation()})}static get observedAttributes(){return["readonly","link-target-blank"]}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),o!==e&&("readonly"===t&&this.onReadOnlyChange("true"===o),"link-target-blank"===t&&this.#u())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(t,e,o,n,s)=>("_"===t[e].markup&&(t[e].tag="u"),this.#p(t,e,o,n,s)),this.processor.renderer.rules.em_close=(t,e,o,n,s)=>("_"===t[e].markup&&(t[e].tag="u"),this.#p(t,e,o,n,s))}#g(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(t,e,o,n,s)=>(t[e].attrSet("target","_blank"),this.#c(t,e,o,n,s)):this.processor.renderer.rules.link_open=this.#c}#y(){this.processor&&this.processor.disable(r.M)}#b(){this.#y()}#v(){this.#c=this.processor.renderer.rules.link_open||((t,e,o,n,s)=>s.renderToken(t,e,o)),this.#p=this.processor.renderer.rules.em_open||((t,e,o,n,s)=>s.renderToken(t,e,o))}#u(){this.processor=new n.A("commonmark",{html:!0}),this.#v(),this.#b(),this.#g(),this.customUnderlineRenderer()}get linkTargetBlank(){return"true"===this.getAttribute("link-target-blank")}get contentNode(){return this.shadowRoot.querySelector(".content")}#m(){if(!this.processor)return;let t=(0,l.G)(this.innerHTML);!t?.trim()&&this.isConnected?this.setAttribute("empty","true"):this.removeAttribute("empty");try{const e=this.processor.parse(t,{references:void 0});t=this.processor.renderer.render(e,{html:!0,breaks:!0})}catch{console.warn("Not parsing invalid markdown token")}this.contentNode.innerHTML=t,this.contentNode.firstChild?.setAttribute("part","content")}onReadOnlyChange(t){t?this.contentNode.setAttribute("inert",t):this.contentNode.removeAttribute("inert")}}const p=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDisplay:{selector:()=>":host",property:"display",fallback:"inline-block"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},fontWeightBold:[{selector:()=>":host strong",property:"font-weight"},{selector:()=>":host b",property:"font-weight"}],textColor:{property:"color"},textLineHeight:{property:"line-height"},textAlign:{},linkColor:{selector:"a",property:"color"},linkTextDecoration:{selector:"a",property:"text-decoration"},linkHoverTextDecoration:{selector:"a:hover",property:"text-decoration"},minHeight:{},minWidth:{}}}),(0,s.RF)({componentNameOverride:(0,a.xE)("link")}),(0,s.RF)({componentNameOverride:(0,a.xE)("text")}),(0,s.DM)({triggers:[{attr:"full-width",value:"true"}]}),s.VO,s.tQ)(c)},36976(t,e,o){o.d(e,{M:()=>n});const n=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"]},54847(t,e,o){o.d(e,{G:()=>n});const n=t=>{const e=document.createElement("textarea");return e.innerHTML=t,e.value}},55838(t,e,o){o.r(e),o.d(e,{EnrichedTextClass:()=>n.m,componentName:()=>n.T}),o(90512);var n=o(76231);customElements.define(n.T,n.m)},75464(t,e,o){o.d(e,{J:()=>b,T:()=>l});var n=o(88961),s=o(63200),i=o(25964),r=o(72270),h=o(66434);const l=(0,i.xE)("link"),a=["href","readonly"];class d extends((0,r.qu)({componentName:l,baseSelector:":host a"})){static get observedAttributes(){return a.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',(0,i.fz)('\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n    :host([ellipsis="true"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,i.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,i.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",t=>{this.readOnly&&t.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const c={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>h.s.componentName}},{anchor:p,text:u,host:m,wrapper:g,link:y}=c,b=(0,s.Zz)((0,n.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...u,property:"direction"},textAlign:g,textDecoration:{...y,property:"text-decoration",fallback:"none"},textColor:[{...p,property:"color"},{...u,property:h.s.cssVarList.textColor}],cursor:p}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(d)},90512(t,e,o){o.r(e),o.d(e,{LinkClass:()=>n.J,componentName:()=>n.T});var n=o(75464);o(63595),customElements.define(n.T,n.J)},66434(t,e,o){o.d(e,{T:()=>h,s:()=>d});var n=o(88961),s=o(63200),i=o(25964),r=o(72270);const h=(0,i.xE)("text");class l extends((0,r.qu)({componentName:h,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,i.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,i.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:a}={host:{selector:()=>":host"}},d=(0,s.Zz)((0,n.RF)({mappings:{hostWidth:{...a,property:"width"},hostDirection:{...a,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(l)},63595(t,e,o){o.r(e),o.d(e,{TextClass:()=>n.s,componentName:()=>n.T});var n=o(66434);customElements.define(n.T,n.s)},38516(t,e,o){o.r(e),o.d(e,{TooltipClass:()=>u,componentName:()=>l}),o(13094),o(55838),o(17017),o(76720);var n=o(88961),s=o(63200),i=o(25964),r=o(72270),h=o(76231);const l=(0,i.xE)("tooltip"),a=["text","position","hide-delay","hover-delay","opened"];class d extends((0,r.qu)({componentName:l,baseSelector:"vaadin-tooltip"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-anchored>\n        <slot></slot>\n        <vaadin-tooltip slot="anchored"></vaadin-tooltip>\n      </descope-anchored>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.tooltip=this.shadowRoot.querySelector("vaadin-tooltip"),this.anchored=this.shadowRoot.querySelector("descope-anchored")}#l(){const t=this.anchored?.classList?.contains("hidden");this.classList.toggle("hidden",t)}static get observedAttributes(){return a.concat(super.observedAttributes||[])}get isOpened(){return"true"===this.getAttribute("opened")}get overlay(){return this.tooltip?._overlayElement}get overlayContentNode(){return this.overlay?.shadowRoot.querySelector('[part="content"]')}get tooltipText(){return this.getAttribute("text")?.trim()||""}get isStaticDisplay(){return"true"===this.getAttribute("static-display")}get srLabel(){return this.tooltip?.querySelector('[slot="sr-label"]')}#f(){this.isStaticDisplay?(this.#x(),this.setAttribute("inert","true")):this.removeAttribute("inert")}#x(){this.overlay&&(this.overlay.style.display="block",this.overlay.style.position="static")}init(){super.init?.(),(0,i.fz)('\n      :host {\n        display: inline-block;\n      }\n      vaadin-tooltip {\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        overflow: hidden;\n      }\n      /* Stack anchor above the anchored element so the tooltip flows below it inline. */\n      :host([static-display="true"]) descope-anchored::part(root) {\n        flex-direction: column;\n      }\n      :host([static-display="true"]) descope-anchored::part(anchored) {\n        position: static;\n        inset: unset;\n      }\n      :host([static-display="true"]) vaadin-tooltip {\n        position: static;\n        width: auto;\n        height: auto;\n        overflow: visible;\n      }\n      :host([static-display="true"]) vaadin-tooltip [slot="sr-label"] {\n        display: none;\n      }\n',this),this.defaultSlot.addEventListener("slotchange",()=>this.#N()),this.#N(),this.#l(),setTimeout(()=>this.#w())}#N(){const t=this.defaultSlot?.assignedElements()?.[0];t&&(this.tooltip.target=t)}#w(){this.#k(),this.#S(),(0,i.EA)(this,this.tooltip,{includeAttrs:["position","opened"]}),this.#C()}#A(){this.overlayContentNode.innerHTML=""}#T(){const t=document.createElement("descope-enriched-text");return t.setAttribute("link-target-blank","true"),t.textContent=this.tooltipText,t}#k(){this.overlayContentNode&&setTimeout(()=>{this.#A(),this.textComponent=this.#T(),this.overlayContentNode.appendChild(this.textComponent),this.srLabel&&!this.tooltipText&&this.srLabel.setAttribute("aria-hidden","true"),(0,i.EA)(this,this.textComponent,{includeAttrs:["readonly"]})})}#S(){if(!this.overlay)return;const t=this.overlay._attachOverlay?.bind(this.overlay);this.overlay._detachOverlay=()=>{},this.overlay._attachOverlay=()=>{t?.(),setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.overlay._updatePosition?.()})},this.isOpened&&setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.#f(),this.overlay._updatePosition?.()})}#C(){this.tooltip?.toggleAttribute("manual",this.isOpened)}#E(t){if(!this.textComponent)return;const e=(t??"").trim();this.textComponent.textContent=e,this.srLabel&&(e?this.srLabel.removeAttribute("aria-hidden"):this.srLabel.setAttribute("aria-hidden","true"))}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("text"===t&&this.#E(o),"opened"===t&&this.#C())}}const{overlay:c,content:p}={overlay:{selector:()=>"vaadin-tooltip-overlay::part(overlay)"},content:{selector:()=>"vaadin-tooltip-overlay::part(content)"}},u=(0,s.Zz)(n.tQ,(0,n.mA)({selector:"",mappings:{fontFamily:{...p,property:h.m.cssVarList.fontFamilyOverride},fontSize:{...p,property:h.m.cssVarList.fontSizeOverride},fontWeight:{...p,property:h.m.cssVarList.fontWeightOverride},textColor:{...p,property:h.m.cssVarList.textColorOverride},hostDirection:{...p,property:h.m.cssVarList.hostDirectionOverride},backgroundColor:[{...c},{...p}],borderColor:{...c},borderStyle:{...c},borderWidth:{...c},borderRadius:{...c},boxShadow:{...c},horizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"}],verticalPadding:[{...p,property:"padding-top"},{...p,property:"padding-bottom"}]},forward:{attributes:["style"],include:!1}}))(d);customElements.define(l,u)},1508(t,e,o){function n(t){const e=[];for(;t;){if(t.nodeType===Node.DOCUMENT_NODE){e.push(t);break}t.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?t=t.assignedSlot?t.assignedSlot:t.parentNode:(e.push(t),t=t.host)}return e}function s(t){const e=[];let o;return"slot"===t.localName?o=t.assignedElements():(e.push(t),o=[...t.children]),o.forEach(t=>e.push(...s(t))),e}function i(t,e){return e?e.closest(t)||i(t,e.getRootNode().host):null}function r(t){return t?new Set(t.split(" ")):new Set}function h(t){return t?[...t].join(" "):""}function l(t,e,o){const n=r(t.getAttribute(e));n.add(o),t.setAttribute(e,h(n))}function a(t,e,o){const n=r(t.getAttribute(e));n.delete(o),0!==n.size?t.setAttribute(e,h(n)):t.removeAttribute(e)}function d(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}o.d(e,{Dy:()=>n,J$:()=>s,Wr:()=>a,Z4:()=>r,ZA:()=>d,el:()=>i,iA:()=>l,sz:()=>h})},44099(t,e,o){o.d(e,{r:()=>r});var n=o(1508),s=o(65641),i=o(11707);class r extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${(0,i.I)()}`}constructor(t,e,o,n={}){super();const{initializer:s,multiple:i,observe:r,useUniqueId:h}=n;this.host=t,this.slotName=e,this.tagName=o,this.observe="boolean"!=typeof r||r,this.multiple="boolean"==typeof i&&i,this.slotInitializer=s,i&&(this.nodes=[]),h&&(this.defaultId=this.constructor.generateId(t,e))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let t=this.getSlotChild();t?(this.node=t,this.initAddedNode(t)):(t=this.attachDefaultNode(),this.initNode(t))}initMultiple(){const t=this.getSlotChildren();if(0===t.length){const t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=t,t.forEach(t=>{this.initAddedNode(t)})}attachDefaultNode(){const{host:t,slotName:e,tagName:o}=this;let n=this.defaultNode;return!n&&o&&(n=document.createElement(o),n instanceof Element&&(""!==e&&n.setAttribute("slot",e),this.defaultNode=n)),n&&(this.node=n,t.appendChild(n)),n}getSlotChildren(){const{slotName:t}=this;return Array.from(this.host.childNodes).filter(e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t)}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){const{slotInitializer:e}=this;e&&e(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){const{slotName:t}=this,e=""===t?"slot:not([name])":`slot[name=${t}]`,o=this.host.shadowRoot.querySelector(e);this.__slotObserver=new s.P(o,({addedNodes:t,removedNodes:e})=>{const o=this.multiple?this.nodes:[this.node],s=t.filter(t=>!(0,n.ZA)(t)&&!o.includes(t));e.length&&(this.nodes=o.filter(t=>!e.includes(t)),e.forEach(t=>{this.teardownNode(t)})),s&&s.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...o,...s].filter(t=>t!==this.defaultNode),s.forEach(t=>{this.initAddedNode(t)})):(this.node&&this.node.remove(),this.node=s[0],this.initAddedNode(this.node)))})}}},65641(t,e,o){o.d(e,{P:()=>n});class n{constructor(t,e){this.slot=t,this.callback=e,this._storedNodes=[],this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){this.slot.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.slot.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask(()=>{this.flush()}))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_processNodes(){const t=this.slot.assignedNodes({flatten:!0});let e=[];const o=[],n=[];t.length&&(e=t.filter(t=>!this._storedNodes.includes(t))),this._storedNodes.length&&this._storedNodes.forEach((e,s)=>{const i=t.indexOf(e);-1===i?o.push(e):i!==s&&n.push(e)}),(e.length||o.length||n.length)&&this.callback({addedNodes:e,movedNodes:n,removedNodes:o}),this._storedNodes=t}}},11707(t,e,o){o.d(e,{I:()=>s});let n=0;function s(){return n++}}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[628,2294,3267,4159,9261],{13094(t,e,o){o.r(e),o.d(e,{AnchoredClass:()=>a,componentName:()=>h});var n=o(88961),s=o(72270),i=o(25964),r=o(63200);const h=(0,i.xE)("anchored");class l extends((0,s.qu)({componentName:h,baseSelector:".anchored-root"})){#t=null;#e=null;#o=null;#n=null;get#s(){return this.defaultSlot.assignedElements({flatten:!0})[0]}get#i(){return this.shadowRoot.querySelector('slot[name="anchored"]')?.assignedElements()[0]}get#r(){return this.getRootNode().host}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="anchored-root" part="root">\n        <slot></slot>\n        <div class="anchored-host" part="anchored">\n          <slot name="anchored"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])")}init(){super.init?.(),(0,i.fz)("\n      :host {\n        display: inline-flex;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      :host(:not([has-anchor])) {\n        display: none;\n      }\n\n      .anchored-root {\n        position: relative;\n        display: flex;\n        width: 100%;\n        min-width: 0;\n      }\n\n      /* Make anchor fill the flex row and allow it to shrink. */\n      ::slotted(*:not([slot])) {\n        flex-grow: 1;       /* fill the flex row */\n        flex-shrink: 1;     /* compress when constrained */\n        flex-basis: auto;   /* start from the anchor's natural size */\n        min-width: 0;       /* flex items won't shrink below content size without this */\n      }\n\n      /* Anchored container covers the anchor but is invisible to pointer events. */\n      .anchored-host {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n      }\n\n      /* Restore interactivity for actual anchored content. */\n      ::slotted([slot=\"anchored\"]) {\n        pointer-events: auto;\n      }\n      ",this),this.#h(),this.defaultSlot.addEventListener("slotchange",()=>this.#l()),this.#l()}#a(){const t=this.#s?.classList?.contains("hidden");this.classList.toggle("hidden",t)}#l(){this.#d(),this.#t=this.#c(this.#t,this.#r,"stretch"),this.#e=this.#c(this.#e,this.#i,"st-host-direction"),this.#p()}#p(){this.#n?.disconnect(),this.#s&&(this.#n=(0,i.mx)(this.#s,()=>this.#a(),{includeAttrs:["class"]}))}connectedCallback(){super.connectedCallback?.(),this.#p(),this.#a()}#h(){const t="\n      descope-anchored {\n        width: 100%;          /* fill the outer host so the anchored element spans the full anchor width */\n      }\n      :host([stretch]) {\n        display: inline-flex; /* switch from inline-block so internal children are flex items */\n        width: 100%;          /* fill non-flex parents */\n        flex-grow: 1;         /* absorb extra space in flex parents */\n        flex-shrink: 0;       /* hold full width — shrink:1 would let siblings squeeze it below 100% */\n        flex-basis: auto;     /* defer to width:100% on the main axis; avoids forcing 100% height in column-flex parents */\n        min-width: 0;         /* prevent overflow when the outer host is itself inside a constrained flex row */\n      }\n    ";this.#o?this.#o.replaceSync(t):this.#r&&(this.#o=(0,i.fz)(t,this.#r))}#c(t,e,o){return t?.disconnect(),e?.removeAttribute(o),this.#s&&e?(0,i.EA)(this.#s,e,{includeAttrs:[o]}):null}disconnectedCallback(){super.disconnectedCallback?.(),this.#t?.disconnect(),this.#e?.disconnect(),this.#n?.disconnect()}#d(){this.toggleAttribute("has-anchor",!!this.#s),this.#a()}}const a=(0,r.Zz)(n.tQ)(l);customElements.define(h,a)},76231(t,e,o){o.d(e,{T:()=>d,m:()=>p});var n=o(92540),s=o(88961),i=o(63200),r=o(36976),h=o(72270),l=o(54847),a=o(25964);const d=(0,a.xE)("enriched-text");class c extends((0,h.qu)({componentName:d,baseSelector:":host > div"})){#u;#m;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',(0,a.fz)("\n      :host {\n        line-height: 1em;\n        word-break: break-word;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n      *, *:last-child {\n        margin: 0;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p {\n        margin-bottom: 1em;\n      }\n      a {\n        cursor: pointer;\n      }\n      blockquote {\n        padding: 0 2em;\n      }\n      u {\n        text-decoration: underline\n      }\n      s {\n        color: currentColor;\n      }\n        ",this),this.#b(),(0,a.Ge)(this,this.#y.bind(this)),this.contentNode?.addEventListener("click",t=>{t.target instanceof HTMLAnchorElement&&t.stopPropagation()})}static get observedAttributes(){return["readonly","link-target-blank"]}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),o!==e&&("readonly"===t&&this.onReadOnlyChange("true"===o),"link-target-blank"===t&&this.#b())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(t,e,o,n,s)=>("_"===t[e].markup&&(t[e].tag="u"),this.#m(t,e,o,n,s)),this.processor.renderer.rules.em_close=(t,e,o,n,s)=>("_"===t[e].markup&&(t[e].tag="u"),this.#m(t,e,o,n,s))}#g(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(t,e,o,n,s)=>(t[e].attrSet("target","_blank"),this.#u(t,e,o,n,s)):this.processor.renderer.rules.link_open=this.#u}#v(){this.processor&&this.processor.disable(r.M)}#f(){this.#v()}#x(){this.#u=this.processor.renderer.rules.link_open||((t,e,o,n,s)=>s.renderToken(t,e,o)),this.#m=this.processor.renderer.rules.em_open||((t,e,o,n,s)=>s.renderToken(t,e,o))}#b(){this.processor=new n.A("commonmark",{html:!0}),this.#x(),this.#f(),this.#g(),this.customUnderlineRenderer()}get linkTargetBlank(){return"true"===this.getAttribute("link-target-blank")}get contentNode(){return this.shadowRoot.querySelector(".content")}#y(){if(!this.processor)return;let t=(0,l.G)(this.innerHTML);!t?.trim()&&this.isConnected?this.setAttribute("empty","true"):this.removeAttribute("empty");try{const e=this.processor.parse(t,{references:void 0});t=this.processor.renderer.render(e,{html:!0,breaks:!0})}catch{console.warn("Not parsing invalid markdown token")}this.contentNode.innerHTML=t,this.contentNode.firstChild?.setAttribute("part","content")}onReadOnlyChange(t){t?this.contentNode.setAttribute("inert",t):this.contentNode.removeAttribute("inert")}}const p=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDisplay:{selector:()=>":host",property:"display",fallback:"inline-block"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},fontWeightBold:[{selector:()=>":host strong",property:"font-weight"},{selector:()=>":host b",property:"font-weight"}],textColor:{property:"color"},textLineHeight:{property:"line-height"},textAlign:{},linkColor:{selector:"a",property:"color"},linkTextDecoration:{selector:"a",property:"text-decoration"},linkHoverTextDecoration:{selector:"a:hover",property:"text-decoration"},minHeight:{},minWidth:{}}}),(0,s.RF)({componentNameOverride:(0,a.xE)("link")}),(0,s.RF)({componentNameOverride:(0,a.xE)("text")}),(0,s.DM)({triggers:[{attr:"full-width",value:"true"}]}),s.VO,s.tQ)(c)},36976(t,e,o){o.d(e,{M:()=>n});const n=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"]},54847(t,e,o){o.d(e,{G:()=>n});const n=t=>{const e=document.createElement("textarea");return e.innerHTML=t,e.value}},55838(t,e,o){o.r(e),o.d(e,{EnrichedTextClass:()=>n.m,componentName:()=>n.T}),o(90512);var n=o(76231);customElements.define(n.T,n.m)},75464(t,e,o){o.d(e,{J:()=>g,T:()=>l});var n=o(88961),s=o(63200),i=o(25964),r=o(72270),h=o(66434);const l=(0,i.xE)("link"),a=["href","readonly"];class d extends((0,r.qu)({componentName:l,baseSelector:":host a"})){static get observedAttributes(){return a.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',(0,i.fz)('\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n    :host([ellipsis="true"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,i.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,i.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",t=>{this.readOnly&&t.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const c={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>h.s.componentName}},{anchor:p,text:u,host:m,wrapper:b,link:y}=c,g=(0,s.Zz)((0,n.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...u,property:"direction"},textAlign:b,textDecoration:{...y,property:"text-decoration",fallback:"none"},textColor:[{...p,property:"color"},{...u,property:h.s.cssVarList.textColor}],cursor:p}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(d)},90512(t,e,o){o.r(e),o.d(e,{LinkClass:()=>n.J,componentName:()=>n.T});var n=o(75464);o(63595),customElements.define(n.T,n.J)},66434(t,e,o){o.d(e,{T:()=>h,s:()=>d});var n=o(88961),s=o(63200),i=o(25964),r=o(72270);const h=(0,i.xE)("text");class l extends((0,r.qu)({componentName:h,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,i.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,i.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:a}={host:{selector:()=>":host"}},d=(0,s.Zz)((0,n.RF)({mappings:{hostWidth:{...a,property:"width"},hostDirection:{...a,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(l)},63595(t,e,o){o.r(e),o.d(e,{TextClass:()=>n.s,componentName:()=>n.T});var n=o(66434);customElements.define(n.T,n.s)},38516(t,e,o){o.r(e),o.d(e,{TooltipClass:()=>u,componentName:()=>l}),o(13094),o(55838),o(17017),o(76720);var n=o(88961),s=o(63200),i=o(25964),r=o(72270),h=o(76231);const l=(0,i.xE)("tooltip"),a=["text","position","hide-delay","hover-delay","opened"];class d extends((0,r.qu)({componentName:l,baseSelector:"vaadin-tooltip"})){#C=null;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-anchored>\n        <slot></slot>\n        <vaadin-tooltip slot="anchored"></vaadin-tooltip>\n      </descope-anchored>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.tooltip=this.shadowRoot.querySelector("vaadin-tooltip"),this.anchored=this.shadowRoot.querySelector("descope-anchored")}#a(){const t=this.anchored?.classList?.contains("hidden");this.classList.toggle("hidden",t)}static get observedAttributes(){return a.concat(super.observedAttributes||[])}get isOpened(){return"true"===this.getAttribute("opened")}get overlay(){return this.tooltip?._overlayElement}get overlayContentNode(){return this.overlay?.shadowRoot.querySelector('[part="content"]')}get tooltipText(){return this.getAttribute("text")?.trim()||""}get isStaticDisplay(){return"true"===this.getAttribute("static-display")}get srLabel(){return this.tooltip?.querySelector('[slot="sr-label"]')}#N(){this.isStaticDisplay?(this.#w(),this.setAttribute("inert","true")):this.removeAttribute("inert")}#w(){this.overlay&&(this.overlay.style.display="block",this.overlay.style.position="static")}init(){super.init?.(),(0,i.fz)('\n      :host {\n        display: inline-block;\n      }\n      vaadin-tooltip {\n        display: block;\n        position: absolute;\n        width: 0;\n        height: 0;\n        overflow: hidden;\n      }\n      /* Stack anchor above the anchored element so the tooltip flows below it inline. */\n      :host([static-display="true"]) descope-anchored::part(root) {\n        flex-direction: column;\n      }\n      :host([static-display="true"]) descope-anchored::part(anchored) {\n        position: static;\n        inset: unset;\n      }\n      :host([static-display="true"]) vaadin-tooltip {\n        position: static;\n        width: auto;\n        height: auto;\n        overflow: visible;\n      }\n      :host([static-display="true"]) vaadin-tooltip [slot="sr-label"] {\n        display: none;\n      }\n',this),this.defaultSlot.addEventListener("slotchange",()=>this.#k()),this.#k(),setTimeout(()=>this.#S())}#A(){this.#C?.disconnect(),this.anchored&&(this.#C=(0,i.mx)(this.anchored,()=>this.#a(),{includeAttrs:["class"]}))}connectedCallback(){super.connectedCallback?.(),this.#a(),this.#A()}disconnectedCallback(){super.disconnectedCallback?.(),this.#C?.disconnect()}#k(){const t=this.defaultSlot?.assignedElements()?.[0];t&&(this.tooltip.target=t)}#S(){this.#T(),this.#E(),(0,i.EA)(this,this.tooltip,{includeAttrs:["position","opened"]}),this.#O()}#_(){this.overlayContentNode.innerHTML=""}#R(){const t=document.createElement("descope-enriched-text");return t.setAttribute("link-target-blank","true"),t.textContent=this.tooltipText,t}#T(){this.overlayContentNode&&setTimeout(()=>{this.#_(),this.textComponent=this.#R(),this.overlayContentNode.appendChild(this.textComponent),this.srLabel&&!this.tooltipText&&this.srLabel.setAttribute("aria-hidden","true"),(0,i.EA)(this,this.textComponent,{includeAttrs:["readonly"]})})}#E(){if(!this.overlay)return;const t=this.overlay._attachOverlay?.bind(this.overlay);this.overlay._detachOverlay=()=>{},this.overlay._attachOverlay=()=>{t?.(),setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.overlay._updatePosition?.()})},this.isOpened&&setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.#N(),this.overlay._updatePosition?.()})}#O(){this.tooltip?.toggleAttribute("manual",this.isOpened)}#L(t){if(!this.textComponent)return;const e=(t??"").trim();this.textComponent.textContent=e,this.srLabel&&(e?this.srLabel.removeAttribute("aria-hidden"):this.srLabel.setAttribute("aria-hidden","true"))}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("text"===t&&this.#L(o),"opened"===t&&this.#O())}}const{overlay:c,content:p}={overlay:{selector:()=>"vaadin-tooltip-overlay::part(overlay)"},content:{selector:()=>"vaadin-tooltip-overlay::part(content)"}},u=(0,s.Zz)(n.tQ,(0,n.mA)({selector:"",mappings:{fontFamily:{...p,property:h.m.cssVarList.fontFamilyOverride},fontSize:{...p,property:h.m.cssVarList.fontSizeOverride},fontWeight:{...p,property:h.m.cssVarList.fontWeightOverride},textColor:{...p,property:h.m.cssVarList.textColorOverride},hostDirection:{...p,property:h.m.cssVarList.hostDirectionOverride},backgroundColor:[{...c},{...p}],borderColor:{...c},borderStyle:{...c},borderWidth:{...c},borderRadius:{...c},boxShadow:{...c},horizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"}],verticalPadding:[{...p,property:"padding-top"},{...p,property:"padding-bottom"}]},forward:{attributes:["style"],include:!1}}))(d);customElements.define(l,u)},1508(t,e,o){function n(t){const e=[];for(;t;){if(t.nodeType===Node.DOCUMENT_NODE){e.push(t);break}t.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?t=t.assignedSlot?t.assignedSlot:t.parentNode:(e.push(t),t=t.host)}return e}function s(t){const e=[];let o;return"slot"===t.localName?o=t.assignedElements():(e.push(t),o=[...t.children]),o.forEach(t=>e.push(...s(t))),e}function i(t,e){return e?e.closest(t)||i(t,e.getRootNode().host):null}function r(t){return t?new Set(t.split(" ")):new Set}function h(t){return t?[...t].join(" "):""}function l(t,e,o){const n=r(t.getAttribute(e));n.add(o),t.setAttribute(e,h(n))}function a(t,e,o){const n=r(t.getAttribute(e));n.delete(o),0!==n.size?t.setAttribute(e,h(n)):t.removeAttribute(e)}function d(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}o.d(e,{Dy:()=>n,J$:()=>s,Wr:()=>a,Z4:()=>r,ZA:()=>d,el:()=>i,iA:()=>l,sz:()=>h})},44099(t,e,o){o.d(e,{r:()=>r});var n=o(1508),s=o(65641),i=o(11707);class r extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${(0,i.I)()}`}constructor(t,e,o,n={}){super();const{initializer:s,multiple:i,observe:r,useUniqueId:h}=n;this.host=t,this.slotName=e,this.tagName=o,this.observe="boolean"!=typeof r||r,this.multiple="boolean"==typeof i&&i,this.slotInitializer=s,i&&(this.nodes=[]),h&&(this.defaultId=this.constructor.generateId(t,e))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let t=this.getSlotChild();t?(this.node=t,this.initAddedNode(t)):(t=this.attachDefaultNode(),this.initNode(t))}initMultiple(){const t=this.getSlotChildren();if(0===t.length){const t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=t,t.forEach(t=>{this.initAddedNode(t)})}attachDefaultNode(){const{host:t,slotName:e,tagName:o}=this;let n=this.defaultNode;return!n&&o&&(n=document.createElement(o),n instanceof Element&&(""!==e&&n.setAttribute("slot",e),this.defaultNode=n)),n&&(this.node=n,t.appendChild(n)),n}getSlotChildren(){const{slotName:t}=this;return Array.from(this.host.childNodes).filter(e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t)}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){const{slotInitializer:e}=this;e&&e(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){const{slotName:t}=this,e=""===t?"slot:not([name])":`slot[name=${t}]`,o=this.host.shadowRoot.querySelector(e);this.__slotObserver=new s.P(o,({addedNodes:t,removedNodes:e})=>{const o=this.multiple?this.nodes:[this.node],s=t.filter(t=>!(0,n.ZA)(t)&&!o.includes(t));e.length&&(this.nodes=o.filter(t=>!e.includes(t)),e.forEach(t=>{this.teardownNode(t)})),s&&s.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...o,...s].filter(t=>t!==this.defaultNode),s.forEach(t=>{this.initAddedNode(t)})):(this.node&&this.node.remove(),this.node=s[0],this.initAddedNode(this.node)))})}}},65641(t,e,o){o.d(e,{P:()=>n});class n{constructor(t,e){this.slot=t,this.callback=e,this._storedNodes=[],this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){this.slot.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.slot.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask(()=>{this.flush()}))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_processNodes(){const t=this.slot.assignedNodes({flatten:!0});let e=[];const o=[],n=[];t.length&&(e=t.filter(t=>!this._storedNodes.includes(t))),this._storedNodes.length&&this._storedNodes.forEach((e,s)=>{const i=t.indexOf(e);-1===i?o.push(e):i!==s&&n.push(e)}),(e.length||o.length||n.length)&&this.callback({addedNodes:e,movedNodes:n,removedNodes:o}),this._storedNodes=t}}},11707(t,e,o){o.d(e,{I:()=>s});let n=0;function s(){return n++}}}]);
 //# sourceMappingURL=descope-tooltip.js.map