@descope/web-components-ui 3.20.4 → 3.21.1

package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-grid-descope-grid-item-details-column-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2381,6063],{92107(t,o,e){e.r(o),e.d(o,{componentName:()=>l});var a=e(97810),r=e(94591);class s extends r.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(t,o,e){const a=o._gridValue,r=a.detailsOpenedItems?.indexOf(e.item)??-1,s=-1!==r,l=document.createElement("vaadin-icon");l.icon=s?"vaadin:angle-up":"vaadin:angle-down",l.classList.add("toggle-details-button",s?"opened":"closed"),t.innerHTML="",t.append(l),l.onclick=()=>{a.detailsOpenedItems=s?a.detailsOpenedItems.toSpliced(r,1):[...a.detailsOpenedItems,e.item]}}_defaultHeaderRenderer(t,o){this.sortable?super._defaultHeaderRenderer(t,o):this.__setTextContent(t,this.__getHeader(this.header,this.path))}}e(95260),e(37182);const l=(0,a.xE)("grid-item-details-column");customElements.define(l,s)},4080(t,o,e){e.d(o,{CI:()=>u,H8:()=>l,gm:()=>i,m0:()=>s,nr:()=>d,un:()=>c});const a=t=>t.test(navigator.userAgent),r=t=>t.test(navigator.platform),s=a(/Android/u),l=a(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),i=a(/Firefox/u),n=r(/^iPad/u)||r(/^Mac/u)&&navigator.maxTouchPoints>1,c=r(/^iPhone/u)||n,d=a(/^((?!chrome|android).)*safari/iu),u=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},55774(t,o,e){e.d(o,{w:()=>a});const a=(0,e(98741).y)(t=>"function"==typeof t.prototype.addController?t:class extends t{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach(t=>{t.hostConnected&&t.hostConnected()})}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach(t=>{t.hostDisconnected&&t.hostDisconnected()})}addController(t){this.__controllers.add(t),void 0!==this.$&&this.isConnected&&t.hostConnected&&t.hostConnected()}removeController(t){this.__controllers.delete(t)}})},1508(t,o,e){function a(t){const o=[];for(;t;){if(t.nodeType===Node.DOCUMENT_NODE){o.push(t);break}t.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?t=t.assignedSlot?t.assignedSlot:t.parentNode:(o.push(t),t=t.host)}return o}function r(t){const o=[];let e;return"slot"===t.localName?e=t.assignedElements():(o.push(t),e=[...t.children]),e.forEach(t=>o.push(...r(t))),o}function s(t,o){return o?o.closest(t)||s(t,o.getRootNode().host):null}function l(t){return t?new Set(t.split(" ")):new Set}function i(t){return t?[...t].join(" "):""}function n(t,o,e){const a=l(t.getAttribute(o));a.add(e),t.setAttribute(o,i(a))}function c(t,o,e){const a=l(t.getAttribute(o));a.delete(e),0!==a.size?t.setAttribute(o,i(a)):t.removeAttribute(o)}function d(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}e.d(o,{Dy:()=>a,J$:()=>r,Wr:()=>c,Z4:()=>l,ZA:()=>d,el:()=>s,iA:()=>n,sz:()=>i})},85725(t,o,e){function a(t,o){return t.split(".").reduce((t,o)=>t?t[o]:void 0,o)}function r(t,o,e){const a=t.split("."),r=a.pop();a.reduce((t,o)=>t[o],e)[r]=o}e.d(o,{J:()=>a,h:()=>r})},44099(t,o,e){e.d(o,{r:()=>l});var a=e(1508),r=e(65641),s=e(11707);class l extends EventTarget{static generateId(t,o){return`${o||"default"}-${t.localName}-${(0,s.I)()}`}constructor(t,o,e,a={}){super();const{initializer:r,multiple:s,observe:l,useUniqueId:i}=a;this.host=t,this.slotName=o,this.tagName=e,this.observe="boolean"!=typeof l||l,this.multiple="boolean"==typeof s&&s,this.slotInitializer=r,s&&(this.nodes=[]),i&&(this.defaultId=this.constructor.generateId(t,o))}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:o,tagName:e}=this;let a=this.defaultNode;return!a&&e&&(a=document.createElement(e),a instanceof Element&&(""!==o&&a.setAttribute("slot",o),this.defaultNode=a)),a&&(this.node=a,t.appendChild(a)),a}getSlotChildren(){const{slotName:t}=this;return Array.from(this.host.childNodes).filter(o=>o.nodeType===Node.ELEMENT_NODE&&o.slot===t||o.nodeType===Node.TEXT_NODE&&o.textContent.trim()&&""===t)}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){const{slotInitializer:o}=this;o&&o(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){const{slotName:t}=this,o=""===t?"slot:not([name])":`slot[name=${t}]`,e=this.host.shadowRoot.querySelector(o);this.__slotObserver=new r.P(e,({addedNodes:t,removedNodes:o})=>{const e=this.multiple?this.nodes:[this.node],r=t.filter(t=>!(0,a.ZA)(t)&&!e.includes(t));o.length&&(this.nodes=e.filter(t=>!o.includes(t)),o.forEach(t=>{this.teardownNode(t)})),r&&r.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...e,...r].filter(t=>t!==this.defaultNode),r.forEach(t=>{this.initAddedNode(t)})):(this.node&&this.node.remove(),this.node=r[0],this.initAddedNode(this.node)))})}}},65641(t,o,e){e.d(o,{P:()=>a});class a{constructor(t,o){this.slot=t,this.callback=o,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 o=[];const e=[],a=[];t.length&&(o=t.filter(t=>!this._storedNodes.includes(t))),this._storedNodes.length&&this._storedNodes.forEach((o,r)=>{const s=t.indexOf(o);-1===s?e.push(o):s!==r&&a.push(o)}),(o.length||e.length||a.length)&&this.callback({addedNodes:o,movedNodes:a,removedNodes:e}),this._storedNodes=t}}},21961(t,o,e){e.d(o,{C:()=>s});var a=e(98741);const r=new WeakMap,s=(0,a.y)(t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),o=function(t){return r.has(t)||r.set(t,new Set),r.get(t)}(t);this.slotStyles.forEach(e=>{o.has(e)||(function(t,o){const e=document.createElement("style");window.DESCOPE_NONCE&&e.setAttribute("nonce",window.DESCOPE_NONCE),e.textContent=t,o===document?document.head.appendChild(e):o.insertBefore(e,o.firstChild)}(e,t),o.add(e))})}})},21255(t,o,e){function a(t){window.Vaadin&&window.Vaadin.templateRendererCallback?window.Vaadin.templateRendererCallback(t):t.querySelector("template")&&console.warn(`WARNING: <template> inside <${t.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`)}e.d(o,{h:()=>a})},81488(t,o,e){e.d(o,{I:()=>r});var a=e(44099);class r extends a.r{constructor(t){super(t,"tooltip"),this.setTarget(t)}initCustomNode(t){t.target=this.target,void 0!==this.ariaTarget&&(t.ariaTarget=this.ariaTarget),void 0!==this.context&&(t.context=this.context),void 0!==this.manual&&(t.manual=this.manual),void 0!==this.opened&&(t.opened=this.opened),void 0!==this.position&&(t._position=this.position),void 0!==this.shouldShow&&(t.shouldShow=this.shouldShow),this.__notifyChange()}teardownNode(){this.__notifyChange()}setAriaTarget(t){this.ariaTarget=t;const o=this.node;o&&(o.ariaTarget=t)}setContext(t){this.context=t;const o=this.node;o&&(o.context=t)}setManual(t){this.manual=t;const o=this.node;o&&(o.manual=t)}setOpened(t){this.opened=t;const o=this.node;o&&(o.opened=t)}setPosition(t){this.position=t;const o=this.node;o&&(o._position=t)}setShouldShow(t){this.shouldShow=t;const o=this.node;o&&(o.shouldShow=t)}setTarget(t){this.target=t;const o=this.node;o&&(o.target=t)}__notifyChange(){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:this.node}}))}}},11707(t,o,e){e.d(o,{I:()=>r});let a=0;function r(){return a++}},94591(t,o,e){e.d(o,{v:()=>h}),e(64511),e(3241),e(9433);var a=e(87550);(0,a.SF)("vaadin-grid-sorter",a.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2381],{92107(e,t,i){i.r(t),i.d(t,{componentName:()=>r});var o=i(97810),n=i(94591);class s extends n.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,i){const o=t._gridValue,n=o.detailsOpenedItems?.indexOf(i.item)??-1,s=-1!==n,r=document.createElement("vaadin-icon");r.icon=s?"vaadin:angle-up":"vaadin:angle-down",r.classList.add("toggle-details-button",s?"opened":"closed"),e.innerHTML="",e.append(r),r.onclick=()=>{o.detailsOpenedItems=s?o.detailsOpenedItems.toSpliced(n,1):[...o.detailsOpenedItems,i.item]}}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}i(95260),i(37182);const r=(0,o.xE)("grid-item-details-column");customElements.define(r,s)},4080(e,t,i){i.d(t,{CI:()=>h,H8:()=>r,gm:()=>d,m0:()=>s,nr:()=>c,un:()=>l});const o=e=>e.test(navigator.userAgent),n=e=>e.test(navigator.platform),s=o(/Android/u),r=o(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),d=o(/Firefox/u),a=n(/^iPad/u)||n(/^Mac/u)&&navigator.maxTouchPoints>1,l=n(/^iPhone/u)||a,c=o(/^((?!chrome|android).)*safari/iu),h=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}})()},55774(e,t,i){i.d(t,{w:()=>o});const o=(0,i(98741).y)(e=>"function"==typeof e.prototype.addController?e:class extends e{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach(e=>{e.hostConnected&&e.hostConnected()})}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach(e=>{e.hostDisconnected&&e.hostDisconnected()})}addController(e){this.__controllers.add(e),void 0!==this.$&&this.isConnected&&e.hostConnected&&e.hostConnected()}removeController(e){this.__controllers.delete(e)}})},1508(e,t,i){function o(e){const t=[];for(;e;){if(e.nodeType===Node.DOCUMENT_NODE){t.push(e);break}e.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?e=e.assignedSlot?e.assignedSlot:e.parentNode:(t.push(e),e=e.host)}return t}function n(e){const t=[];let i;return"slot"===e.localName?i=e.assignedElements():(t.push(e),i=[...e.children]),i.forEach(e=>t.push(...n(e))),t}function s(e,t){return t?t.closest(e)||s(e,t.getRootNode().host):null}function r(e){return e?new Set(e.split(" ")):new Set}function d(e){return e?[...e].join(" "):""}function a(e,t,i){const o=r(e.getAttribute(t));o.add(i),e.setAttribute(t,d(o))}function l(e,t,i){const o=r(e.getAttribute(t));o.delete(i),0!==o.size?e.setAttribute(t,d(o)):e.removeAttribute(t)}function c(e){return e.nodeType===Node.TEXT_NODE&&""===e.textContent.trim()}i.d(t,{Dy:()=>o,J$:()=>n,Wr:()=>l,Z4:()=>r,ZA:()=>c,el:()=>s,iA:()=>a,sz:()=>d})},85725(e,t,i){function o(e,t){return e.split(".").reduce((e,t)=>e?e[t]:void 0,t)}function n(e,t,i){const o=e.split("."),n=o.pop();o.reduce((e,t)=>e[t],i)[n]=t}i.d(t,{J:()=>o,h:()=>n})},44099(e,t,i){i.d(t,{r:()=>r});var o=i(1508),n=i(65641),s=i(11707);class r extends EventTarget{static generateId(e,t){return`${t||"default"}-${e.localName}-${(0,s.I)()}`}constructor(e,t,i,o={}){super();const{initializer:n,multiple:s,observe:r,useUniqueId:d}=o;this.host=e,this.slotName=t,this.tagName=i,this.observe="boolean"!=typeof r||r,this.multiple="boolean"==typeof s&&s,this.slotInitializer=n,s&&(this.nodes=[]),d&&(this.defaultId=this.constructor.generateId(e,t))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let e=this.getSlotChild();e?(this.node=e,this.initAddedNode(e)):(e=this.attachDefaultNode(),this.initNode(e))}initMultiple(){const e=this.getSlotChildren();if(0===e.length){const e=this.attachDefaultNode();e&&(this.nodes=[e],this.initNode(e))}else this.nodes=e,e.forEach(e=>{this.initAddedNode(e)})}attachDefaultNode(){const{host:e,slotName:t,tagName:i}=this;let o=this.defaultNode;return!o&&i&&(o=document.createElement(i),o instanceof Element&&(""!==t&&o.setAttribute("slot",t),this.defaultNode=o)),o&&(this.node=o,e.appendChild(o)),o}getSlotChildren(){const{slotName:e}=this;return Array.from(this.host.childNodes).filter(t=>t.nodeType===Node.ELEMENT_NODE&&t.slot===e||t.nodeType===Node.TEXT_NODE&&t.textContent.trim()&&""===e)}getSlotChild(){return this.getSlotChildren()[0]}initNode(e){const{slotInitializer:t}=this;t&&t(e,this.host)}initCustomNode(e){}teardownNode(e){}initAddedNode(e){e!==this.defaultNode&&(this.initCustomNode(e),this.initNode(e))}observeSlot(){const{slotName:e}=this,t=""===e?"slot:not([name])":`slot[name=${e}]`,i=this.host.shadowRoot.querySelector(t);this.__slotObserver=new n.P(i,({addedNodes:e,removedNodes:t})=>{const i=this.multiple?this.nodes:[this.node],n=e.filter(e=>!(0,o.ZA)(e)&&!i.includes(e));t.length&&(this.nodes=i.filter(e=>!t.includes(e)),t.forEach(e=>{this.teardownNode(e)})),n&&n.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...i,...n].filter(e=>e!==this.defaultNode),n.forEach(e=>{this.initAddedNode(e)})):(this.node&&this.node.remove(),this.node=n[0],this.initAddedNode(this.node)))})}}},65641(e,t,i){i.d(t,{P:()=>o});class o{constructor(e,t){this.slot=e,this.callback=t,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 e=this.slot.assignedNodes({flatten:!0});let t=[];const i=[],o=[];e.length&&(t=e.filter(e=>!this._storedNodes.includes(e))),this._storedNodes.length&&this._storedNodes.forEach((t,n)=>{const s=e.indexOf(t);-1===s?i.push(t):s!==n&&o.push(t)}),(t.length||i.length||o.length)&&this.callback({addedNodes:t,movedNodes:o,removedNodes:i}),this._storedNodes=e}}},21961(e,t,i){i.d(t,{C:()=>s});var o=i(98741);const n=new WeakMap,s=(0,o.y)(e=>class extends e{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const e=this.getRootNode(),t=function(e){return n.has(e)||n.set(e,new Set),n.get(e)}(e);this.slotStyles.forEach(i=>{t.has(i)||(function(e,t){const i=document.createElement("style");window.DESCOPE_NONCE&&i.setAttribute("nonce",window.DESCOPE_NONCE),i.textContent=e,t===document?document.head.appendChild(i):t.insertBefore(i,t.firstChild)}(i,e),t.add(i))})}})},21255(e,t,i){function o(e){window.Vaadin&&window.Vaadin.templateRendererCallback?window.Vaadin.templateRendererCallback(e):e.querySelector("template")&&console.warn(`WARNING: <template> inside <${e.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`)}i.d(t,{h:()=>o})},81488(e,t,i){i.d(t,{I:()=>n});var o=i(44099);class n extends o.r{constructor(e){super(e,"tooltip"),this.setTarget(e)}initCustomNode(e){e.target=this.target,void 0!==this.ariaTarget&&(e.ariaTarget=this.ariaTarget),void 0!==this.context&&(e.context=this.context),void 0!==this.manual&&(e.manual=this.manual),void 0!==this.opened&&(e.opened=this.opened),void 0!==this.position&&(e._position=this.position),void 0!==this.shouldShow&&(e.shouldShow=this.shouldShow),this.__notifyChange()}teardownNode(){this.__notifyChange()}setAriaTarget(e){this.ariaTarget=e;const t=this.node;t&&(t.ariaTarget=e)}setContext(e){this.context=e;const t=this.node;t&&(t.context=e)}setManual(e){this.manual=e;const t=this.node;t&&(t.manual=e)}setOpened(e){this.opened=e;const t=this.node;t&&(t.opened=e)}setPosition(e){this.position=e;const t=this.node;t&&(t._position=e)}setShouldShow(e){this.shouldShow=e;const t=this.node;t&&(t.shouldShow=e)}setTarget(e){this.target=e;const t=this.node;t&&(t.target=e)}__notifyChange(){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:this.node}}))}}},11707(e,t,i){i.d(t,{I:()=>n});let o=0;function n(){return o++}},94591(e,t,i){i.d(t,{v:()=>u}),i(64511),i(3241),i(9433);var o=i(87550);(0,o.SF)("vaadin-grid-sorter",o.AH`
     :host {
       justify-content: flex-start;
       align-items: baseline;
@@ -42,7 +42,7 @@
       margin-right: var(--lumo-space-s);
       margin-left: 0;
     }
-  `,{moduleId:"lumo-grid-sorter"});var r=e(13256),s=e(82901),l=e(23927);const i=document.createElement("template");i.innerHTML=`\n  <style nonce=${window.DESCOPE_NONCE}>\n    @font-face {\n      font-family: 'vaadin-grid-sorter-icons';\n      src: url('`+e.p+"fonts/font-1364590020.woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n",document.head.appendChild(i.content),(0,a.SF)("vaadin-grid-sorter",a.AH`
+  `,{moduleId:"lumo-grid-sorter"});var n=i(13256),s=i(82901),r=i(23927);const d=document.createElement("template");d.innerHTML=`\n  <style nonce=${window.DESCOPE_NONCE}>\n    @font-face {\n      font-family: 'vaadin-grid-sorter-icons';\n      src: url('`+i.p+"fonts/font-1364590020.woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n",document.head.appendChild(d.content),(0,o.SF)("vaadin-grid-sorter",o.AH`
     :host {
       display: inline-flex;
       cursor: pointer;
@@ -80,214 +80,14 @@
     :host([direction='desc']) [part='indicators']::before {
       content: '\\e902';
     }
-  `,{moduleId:"vaadin-grid-sorter-styles"});const n=t=>class extends t{static get properties(){return{path:String,direction:{type:String,reflectToAttribute:!0,notify:!0,value:null,sync:!0},_order:{type:Number,value:null,sync:!0},_isConnected:{type:Boolean,observer:"__isConnectedChanged"}}}static get observers(){return["_pathOrDirectionChanged(path, direction)"]}ready(){super.ready(),this.addEventListener("click",this._onClick.bind(this))}connectedCallback(){super.connectedCallback(),this._isConnected=!0}disconnectedCallback(){super.disconnectedCallback(),this._isConnected=!1,!this.parentNode&&this._grid&&this._grid.__removeSorters([this])}_pathOrDirectionChanged(){this.__dispatchSorterChangedEvenIfPossible()}__isConnectedChanged(t,o){!1!==o&&this.__dispatchSorterChangedEvenIfPossible()}__dispatchSorterChangedEvenIfPossible(){void 0!==this.path&&void 0!==this.direction&&this._isConnected&&(this.dispatchEvent(new CustomEvent("sorter-changed",{detail:{shiftClick:Boolean(this._shiftClick),fromSorterClick:Boolean(this._fromSorterClick)},bubbles:!0,composed:!0})),this._fromSorterClick=!1,this._shiftClick=!1)}_getDisplayOrder(t){return null===t?"":t+1}_onClick(t){if(t.defaultPrevented)return;const o=this.getRootNode().activeElement;this!==o&&this.contains(o)||(t.preventDefault(),this._shiftClick=t.shiftKey,this._fromSorterClick=!0,"asc"===this.direction?this.direction="desc":"desc"===this.direction?this.direction=null:this.direction="asc")}};class c extends(n((0,a.cp)((0,l.v)(r.Pu)))){static get template(){return r.qy`
+  `,{moduleId:"vaadin-grid-sorter-styles"});const a=e=>class extends e{static get properties(){return{path:String,direction:{type:String,reflectToAttribute:!0,notify:!0,value:null,sync:!0},_order:{type:Number,value:null,sync:!0},_isConnected:{type:Boolean,observer:"__isConnectedChanged"}}}static get observers(){return["_pathOrDirectionChanged(path, direction)"]}ready(){super.ready(),this.addEventListener("click",this._onClick.bind(this))}connectedCallback(){super.connectedCallback(),this._isConnected=!0}disconnectedCallback(){super.disconnectedCallback(),this._isConnected=!1,!this.parentNode&&this._grid&&this._grid.__removeSorters([this])}_pathOrDirectionChanged(){this.__dispatchSorterChangedEvenIfPossible()}__isConnectedChanged(e,t){!1!==t&&this.__dispatchSorterChangedEvenIfPossible()}__dispatchSorterChangedEvenIfPossible(){void 0!==this.path&&void 0!==this.direction&&this._isConnected&&(this.dispatchEvent(new CustomEvent("sorter-changed",{detail:{shiftClick:Boolean(this._shiftClick),fromSorterClick:Boolean(this._fromSorterClick)},bubbles:!0,composed:!0})),this._fromSorterClick=!1,this._shiftClick=!1)}_getDisplayOrder(e){return null===e?"":e+1}_onClick(e){if(e.defaultPrevented)return;const t=this.getRootNode().activeElement;this!==t&&this.contains(t)||(e.preventDefault(),this._shiftClick=e.shiftKey,this._fromSorterClick=!0,"asc"===this.direction?this.direction="desc":"desc"===this.direction?this.direction=null:this.direction="asc")}};class l extends(a((0,o.cp)((0,r.v)(n.Pu)))){static get template(){return n.qy`
       <div part="content">
         <slot></slot>
       </div>
       <div part="indicators">
         <span part="order">[[_getDisplayOrder(_order)]]</span>
       </div>
-    `}static get is(){return"vaadin-grid-sorter"}}(0,s.X)(c);var d=e(57565);const u=t=>class extends t{static get properties(){return{path:{type:String,sync:!0},direction:{type:String,notify:!0,sync:!0}}}static get observers(){return["_onHeaderRendererOrBindingChanged(_headerRenderer, _headerCell, path, header, direction)"]}constructor(){super(),this.__boundOnDirectionChanged=this.__onDirectionChanged.bind(this)}_defaultHeaderRenderer(t,o){let e=t.firstElementChild;e||(e=document.createElement("vaadin-grid-sorter"),e.addEventListener("direction-changed",this.__boundOnDirectionChanged),t.appendChild(e)),e.path=this.path,e.__rendererDirection=this.direction,e.direction=this.direction,e.textContent=this.__getHeader(this.header,this.path)}_computeHeaderRenderer(){return this._defaultHeaderRenderer}__onDirectionChanged(t){t.detail.value!==t.target.__rendererDirection&&(this.direction=t.detail.value)}__getHeader(t,o){return t||(o?this._generateHeader(o):void 0)}};class h extends(u(d.H)){static get is(){return"vaadin-grid-sort-column"}}(0,s.X)(h)},64511(t,o,e){e(88660);var a=e(87550),r=e(36411);const s=a.AH`
-  :host {
-    /* Base (background) */
-    --lumo-base-color: #fff;
-
-    /* Tint */
-    --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
-    --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
-    --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
-    --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
-    --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
-    --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
-    --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
-    --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
-    --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
-    --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
-    --lumo-tint: #fff;
-
-    /* Shade */
-    --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
-    --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
-    --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
-    --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
-    --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
-    --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
-    --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
-    --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
-    --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
-    --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
-    --lumo-shade: hsl(214, 35%, 15%);
-
-    /* Contrast */
-    --lumo-contrast-5pct: var(--lumo-shade-5pct);
-    --lumo-contrast-10pct: var(--lumo-shade-10pct);
-    --lumo-contrast-20pct: var(--lumo-shade-20pct);
-    --lumo-contrast-30pct: var(--lumo-shade-30pct);
-    --lumo-contrast-40pct: var(--lumo-shade-40pct);
-    --lumo-contrast-50pct: var(--lumo-shade-50pct);
-    --lumo-contrast-60pct: var(--lumo-shade-60pct);
-    --lumo-contrast-70pct: var(--lumo-shade-70pct);
-    --lumo-contrast-80pct: var(--lumo-shade-80pct);
-    --lumo-contrast-90pct: var(--lumo-shade-90pct);
-    --lumo-contrast: var(--lumo-shade);
-
-    /* Text */
-    --lumo-header-text-color: var(--lumo-contrast);
-    --lumo-body-text-color: var(--lumo-contrast-90pct);
-    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
-    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
-    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
-
-    /* Primary */
-    --lumo-primary-color: hsl(214, 100%, 48%);
-    --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
-    --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
-    --lumo-primary-text-color: hsl(214, 100%, 43%);
-    --lumo-primary-contrast-color: #fff;
-
-    /* Error */
-    --lumo-error-color: hsl(3, 85%, 48%);
-    --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
-    --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
-    --lumo-error-text-color: hsl(3, 89%, 42%);
-    --lumo-error-contrast-color: #fff;
-
-    /* Success */
-    --lumo-success-color: hsl(145, 72%, 30%);
-    --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
-    --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
-    --lumo-success-text-color: hsl(145, 85%, 25%);
-    --lumo-success-contrast-color: #fff;
-
-    /* Warning */
-    --lumo-warning-color: hsl(48, 100%, 50%);
-    --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
-    --lumo-warning-text-color: hsl(32, 100%, 30%);
-    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
-  }
-
-  /* forced-colors mode adjustments */
-  @media (forced-colors: active) {
-    html {
-      --lumo-disabled-text-color: GrayText;
-    }
-  }
-`;(0,r.q)("color-props",s);const l=a.AH`
-  [theme~='dark'] {
-    /* Base (background) */
-    --lumo-base-color: hsl(214, 35%, 21%);
-
-    /* Tint */
-    --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
-    --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
-    --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
-    --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
-    --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
-    --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
-    --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
-    --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
-    --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
-    --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
-    --lumo-tint: hsl(214, 100%, 98%);
-
-    /* Shade */
-    --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
-    --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
-    --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
-    --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
-    --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
-    --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
-    --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
-    --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
-    --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
-    --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
-    --lumo-shade: hsl(214, 33%, 13%);
-
-    /* Contrast */
-    --lumo-contrast-5pct: var(--lumo-tint-5pct);
-    --lumo-contrast-10pct: var(--lumo-tint-10pct);
-    --lumo-contrast-20pct: var(--lumo-tint-20pct);
-    --lumo-contrast-30pct: var(--lumo-tint-30pct);
-    --lumo-contrast-40pct: var(--lumo-tint-40pct);
-    --lumo-contrast-50pct: var(--lumo-tint-50pct);
-    --lumo-contrast-60pct: var(--lumo-tint-60pct);
-    --lumo-contrast-70pct: var(--lumo-tint-70pct);
-    --lumo-contrast-80pct: var(--lumo-tint-80pct);
-    --lumo-contrast-90pct: var(--lumo-tint-90pct);
-    --lumo-contrast: var(--lumo-tint);
-
-    /* Text */
-    --lumo-header-text-color: var(--lumo-contrast);
-    --lumo-body-text-color: var(--lumo-contrast-90pct);
-    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
-    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
-    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
-
-    /* Primary */
-    --lumo-primary-color: hsl(214, 90%, 48%);
-    --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
-    --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
-    --lumo-primary-text-color: hsl(214, 90%, 77%);
-    --lumo-primary-contrast-color: #fff;
-
-    /* Error */
-    --lumo-error-color: hsl(3, 79%, 49%);
-    --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
-    --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
-    --lumo-error-text-color: hsl(3, 100%, 80%);
-
-    /* Success */
-    --lumo-success-color: hsl(145, 72%, 30%);
-    --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
-    --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
-    --lumo-success-text-color: hsl(145, 85%, 46%);
-
-    /* Warning */
-    --lumo-warning-color: hsl(43, 100%, 48%);
-    --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
-    --lumo-warning-text-color: hsl(45, 100%, 60%);
-    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
-  }
-
-  html {
-    color: var(--lumo-body-text-color);
-    background-color: var(--lumo-base-color);
-    color-scheme: light;
-  }
-
-  [theme~='dark'] {
-    color: var(--lumo-body-text-color);
-    background-color: var(--lumo-base-color);
-    color-scheme: dark;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: var(--lumo-header-text-color);
-  }
-
-  a:where(:any-link) {
-    color: var(--lumo-primary-text-color);
-  }
-
-  a:not(:any-link) {
-    color: var(--lumo-disabled-text-color);
-  }
-
-  blockquote {
-    color: var(--lumo-secondary-text-color);
-  }
-
-  code,
-  pre {
-    background-color: var(--lumo-contrast-10pct);
-    border-radius: var(--lumo-border-radius-m);
-  }
-`;(0,a.SF)("",l,{moduleId:"lumo-color"})},42068(t,o,e){e(88660);var a=e(87550),r=e(36411);const s=a.AH`
+    `}static get is(){return"vaadin-grid-sorter"}}(0,s.X)(l);var c=i(57565);const h=e=>class extends e{static get properties(){return{path:{type:String,sync:!0},direction:{type:String,notify:!0,sync:!0}}}static get observers(){return["_onHeaderRendererOrBindingChanged(_headerRenderer, _headerCell, path, header, direction)"]}constructor(){super(),this.__boundOnDirectionChanged=this.__onDirectionChanged.bind(this)}_defaultHeaderRenderer(e,t){let i=e.firstElementChild;i||(i=document.createElement("vaadin-grid-sorter"),i.addEventListener("direction-changed",this.__boundOnDirectionChanged),e.appendChild(i)),i.path=this.path,i.__rendererDirection=this.direction,i.direction=this.direction,i.textContent=this.__getHeader(this.header,this.path)}_computeHeaderRenderer(){return this._defaultHeaderRenderer}__onDirectionChanged(e){e.detail.value!==e.target.__rendererDirection&&(this.direction=e.detail.value)}__getHeader(e,t){return e||(t?this._generateHeader(t):void 0)}};class u extends(h(c.H)){static get is(){return"vaadin-grid-sort-column"}}(0,s.X)(u)},42068(e,t,i){i(88660);var o=i(87550),n=i(36411);const s=o.AH`
   :host {
     --lumo-size-xs: 1.625rem;
     --lumo-size-s: 1.875rem;
@@ -302,122 +102,5 @@
     /* For backwards compatibility */
     --lumo-icon-size: var(--lumo-icon-size-m);
   }
-`;(0,r.q)("sizing-props",s)},9433(t,o,e){e(88660);var a=e(87550),r=e(36411);const s=a.AH`
-  :host {
-    /* Square */
-    --lumo-space-xs: 0.25rem;
-    --lumo-space-s: 0.5rem;
-    --lumo-space-m: 1rem;
-    --lumo-space-l: 1.5rem;
-    --lumo-space-xl: 2.5rem;
-
-    /* Wide */
-    --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
-    --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
-    --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
-    --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
-    --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
-
-    /* Tall */
-    --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
-    --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
-    --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
-    --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
-    --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
-  }
-`;(0,r.q)("spacing-props",s)},3241(t,o,e){e(88660);var a=e(87550),r=e(36411);const s=a.AH`
-  :host {
-    /* Border radius */
-    --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
-    --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
-    --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
-
-    /* Shadow */
-    --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
-    --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
-    --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
-    --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
-    --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
-
-    /* Clickable element cursor */
-    --lumo-clickable-cursor: default;
-  }
-`;a.AH`
-  html {
-    /* Button */
-    --vaadin-button-background: var(--lumo-contrast-5pct);
-    --vaadin-button-border: none;
-    --vaadin-button-border-radius: var(--lumo-border-radius-m);
-    --vaadin-button-font-size: var(--lumo-font-size-m);
-    --vaadin-button-font-weight: 500;
-    --vaadin-button-height: var(--lumo-size-m);
-    --vaadin-button-margin: var(--lumo-space-xs) 0;
-    --vaadin-button-min-width: calc(var(--vaadin-button-height) * 2);
-    --vaadin-button-padding: 0 calc(var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2);
-    --vaadin-button-text-color: var(--lumo-primary-text-color);
-    --vaadin-button-primary-background: var(--lumo-primary-color);
-    --vaadin-button-primary-border: none;
-    --vaadin-button-primary-font-weight: 600;
-    --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);
-    --vaadin-button-tertiary-background: transparent !important;
-    --vaadin-button-tertiary-text-color: var(--lumo-primary-text-color);
-    --vaadin-button-tertiary-font-weight: 500;
-    --vaadin-button-tertiary-padding: 0 calc(var(--vaadin-button-height) / 6);
-    /* Checkbox */
-    --vaadin-checkbox-background: var(--lumo-contrast-20pct);
-    --vaadin-checkbox-background-hover: var(--lumo-contrast-30pct);
-    --vaadin-checkbox-border-radius: var(--lumo-border-radius-s);
-    --vaadin-checkbox-checkmark-char: var(--lumo-icons-checkmark);
-    --vaadin-checkbox-checkmark-char-indeterminate: '';
-    --vaadin-checkbox-checkmark-color: var(--lumo-primary-contrast-color);
-    --vaadin-checkbox-checkmark-size: calc(var(--vaadin-checkbox-size) + 2px);
-    --vaadin-checkbox-label-color: var(--lumo-body-text-color);
-    --vaadin-checkbox-label-font-size: var(--lumo-font-size-m);
-    --vaadin-checkbox-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs);
-    --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
-    /* Radio button */
-    --vaadin-radio-button-background: var(--lumo-contrast-20pct);
-    --vaadin-radio-button-background-hover: var(--lumo-contrast-30pct);
-    --vaadin-radio-button-dot-color: var(--lumo-primary-contrast-color);
-    --vaadin-radio-button-dot-size: 3px;
-    --vaadin-radio-button-label-color: var(--lumo-body-text-color);
-    --vaadin-radio-button-label-font-size: var(--lumo-font-size-m);
-    --vaadin-radio-button-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs)
-      var(--lumo-space-xs);
-    --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
-    --vaadin-selection-color: var(--lumo-primary-color);
-    --vaadin-selection-color-text: var(--lumo-primary-text-color);
-    --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
-    --vaadin-focus-ring-color: var(--lumo-primary-color-50pct);
-    --vaadin-focus-ring-width: 2px;
-    /* Label */
-    --vaadin-input-field-label-color: var(--lumo-secondary-text-color);
-    --vaadin-input-field-focused-label-color: var(--lumo-primary-text-color);
-    --vaadin-input-field-hovered-label-color: var(--lumo-body-text-color);
-    --vaadin-input-field-label-font-size: var(--lumo-font-size-s);
-    --vaadin-input-field-label-font-weight: 500;
-    /* Helper */
-    --vaadin-input-field-helper-color: var(--lumo-secondary-text-color);
-    --vaadin-input-field-helper-font-size: var(--lumo-font-size-xs);
-    --vaadin-input-field-helper-font-weight: 400;
-    --vaadin-input-field-helper-spacing: 0.4em;
-    /* Error message */
-    --vaadin-input-field-error-color: var(--lumo-error-text-color);
-    --vaadin-input-field-error-font-size: var(--lumo-font-size-xs);
-    --vaadin-input-field-error-font-weight: 400;
-    /* Input field */
-    --vaadin-input-field-background: var(--lumo-contrast-10pct);
-    --vaadin-input-field-icon-color: var(--lumo-contrast-60pct);
-    --vaadin-input-field-icon-size: var(--lumo-icon-size-m);
-    --vaadin-input-field-invalid-background: var(--lumo-error-color-10pct);
-    --vaadin-input-field-invalid-hover-highlight: var(--lumo-error-color-50pct);
-    --vaadin-input-field-height: var(--lumo-size-m);
-    --vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct);
-    --vaadin-input-field-placeholder-color: var(--lumo-secondary-text-color);
-    --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct);
-    --vaadin-input-field-value-color: var(--lumo-body-text-color);
-    --vaadin-input-field-value-font-size: var(--lumo-font-size-m);
-    --vaadin-input-field-value-font-weight: 400;
-  }
-`,(0,r.q)("style-props",s)}}]);
+`;(0,n.q)("sizing-props",s)}}]);
 //# sourceMappingURL=descope-grid-descope-grid-item-details-column-index-js.js.map