@luzmo/analytics-components-kit 1.0.9-beta.4 → 1.0.9-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/README.md +1 -1
  2. package/package.json +2 -2
  3. package/react/package.json +2 -2
  4. package/standalone/chunks/base-Cgmw1Vq_.js +2 -0
  5. package/standalone/chunks/display-settings-binning-CxpvhW7Y.js +38 -0
  6. package/standalone/chunks/display-settings-datetime-Cqptoxuq.js +199 -0
  7. package/standalone/chunks/display-settings-grand-totals-BJp7zJPj.js +26 -0
  8. package/standalone/chunks/display-settings-numeric-BskLgQmz.js +172 -0
  9. package/standalone/chunks/{display-settings-period-over-period-Bwjoji3a.js → display-settings-period-over-period-CbUd7uc9.js} +1 -1
  10. package/standalone/chunks/{embed-c581fYN4.js → embed-EnSdYTW8.js} +1 -1
  11. package/standalone/chunks/{filters-XL4xRKOk.js → filters-CTsIpQ2T.js} +1 -1
  12. package/standalone/chunks/{formula-codemirror-BAlhe79s.js → formula-codemirror-4wlUAHrO.js} +1 -1
  13. package/standalone/chunks/item-option-action-button-group-DZW0HRGd.js +35 -0
  14. package/standalone/chunks/item-option-base-BlSnktzl.js +38 -0
  15. package/standalone/chunks/item-option-color-palette-picker-jnEt02PP.js +22 -0
  16. package/standalone/chunks/{item-option-color-picker-59il-pkm.js → item-option-color-picker-CcElYCgD.js} +1 -1
  17. package/standalone/chunks/item-option-color-range-DTFbs7JK.js +80 -0
  18. package/standalone/chunks/item-option-guidelines-DFlj41ZE.js +117 -0
  19. package/standalone/chunks/{item-option-multi-language-field-BNn4WFUG.js → item-option-multi-language-field-DVc8-FVc.js} +1 -1
  20. package/standalone/chunks/{item-option-number-field-_lCPA_qC.js → item-option-number-field-B1V-8Nq-.js} +1 -1
  21. package/standalone/chunks/{item-option-panel-s1ZKzAZ9.js → item-option-panel-CpyguQjh.js} +2 -2
  22. package/standalone/chunks/{item-option-picker-CeK7QDTm.js → item-option-picker-BCrQSP1O.js} +1 -1
  23. package/standalone/chunks/item-option-position-picker-CLiGzaZ1.js +14 -0
  24. package/standalone/chunks/item-option-positions-number-field-DmFdahh8.js +31 -0
  25. package/standalone/chunks/{item-option-radio-button-group-DR7gdaTr.js → item-option-radio-button-group-nioc7wyo.js} +1 -1
  26. package/standalone/chunks/item-option-slider-BfXB8U09.js +15 -0
  27. package/standalone/chunks/{item-option-switch-DJfnhpf_.js → item-option-switch-DPF9lIX0.js} +1 -1
  28. package/standalone/chunks/{item-option-text-field-DNqL7Evw.js → item-option-text-field-CRbhs_g4.js} +1 -1
  29. package/standalone/chunks/{item-slot-picker-panel-DsZvl6kA.js → item-slot-picker-panel-B_7VXYPs.js} +2 -2
  30. package/standalone/chunks/load-data-fields-for-datasets-fBp1YEFi.js +25 -0
  31. package/standalone/chunks/{load-formula-codemirror-Cyqo4LoE.js → load-formula-codemirror-DcjxFIW6.js} +1 -1
  32. package/standalone/chunks/localized-mixin-YSDMfLKU.js +2 -0
  33. package/standalone/chunks/{luzmo-icon-markup-GqF25og5.js → luzmo-icon-markup-JO3eup7O.js} +1 -1
  34. package/standalone/chunks/task-CTUsEtxU.js +2 -0
  35. package/standalone/interactive-viz-item.js +1 -1
  36. package/standalone/item-grid.js +1 -1
  37. package/standalone/manifest.json +33 -33
  38. package/standalone/chunks/base-DOKoeL4P.js +0 -2
  39. package/standalone/chunks/display-settings-binning-CTWsdo0F.js +0 -38
  40. package/standalone/chunks/display-settings-datetime-CdxMI-9Q.js +0 -199
  41. package/standalone/chunks/display-settings-grand-totals-BCW8hefp.js +0 -26
  42. package/standalone/chunks/display-settings-numeric-CSaI0l55.js +0 -172
  43. package/standalone/chunks/item-option-action-button-group-B_XEkUcP.js +0 -35
  44. package/standalone/chunks/item-option-base-R8-N5_rE.js +0 -38
  45. package/standalone/chunks/item-option-color-palette-picker-CMZyo1NH.js +0 -22
  46. package/standalone/chunks/item-option-color-range-BWaElfwS.js +0 -80
  47. package/standalone/chunks/item-option-guidelines-BzvrNruz.js +0 -117
  48. package/standalone/chunks/item-option-position-picker-BAWZpDBA.js +0 -14
  49. package/standalone/chunks/item-option-positions-number-field-BmEtttZL.js +0 -31
  50. package/standalone/chunks/item-option-slider-C_jierlR.js +0 -15
  51. package/standalone/chunks/load-data-fields-for-datasets-_VJWUFPO.js +0 -25
  52. package/standalone/chunks/localized-mixin-BEfBwOPN.js +0 -2
  53. package/standalone/chunks/task-C3c3OWyi.js +0 -2
@@ -19,7 +19,7 @@
19
19
  *
20
20
  */
21
21
 
22
- import{n as e,t}from"./chunks/localized-mixin-BEfBwOPN.js";import{n}from"./chunks/lit-localize-CIGP-NUw.js";import{t as r}from"./chunks/localized-decorator-Buib6Rq1.js";import"./chunks/embed-c581fYN4.js";import{t as i}from"./chunks/color-DaeCRJ5Q.js";import{n as a,t as o}from"./chunks/luzmoCog-C4v4vc5N.js";import{t as s}from"./chunks/luzmoTrashOutline-DXZpJx7f.js";import{t as c}from"./chunks/luzmoTable-BYeZ8pW6.js";import{t as l}from"./chunks/luzmoLockOutline-Dctb86HR.js";import{t as u}from"./chunks/v4-CI0qP0ur.js";import{n as d,t as f}from"./chunks/themes-BD5sKr3j.js";import{guard as p,html as m,nothing as h,property as g,query as _,queryAll as v,render as y,repeat as b,state as x,unsafeCSS as ee}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/action-button.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/action-group.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/icon.js";import{LuzmoElement as S}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/utils.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/tooltip.js";var C={icon:[32,32,`M5 8C2.2 8 0 10.2 0 13v14c0 2.8 2.2 5 5 5h16c2.8 0 5-2.2 5-5V13C26 10.2 23.8 8 21 8Zm0 2h16c1.7 0 3 1.3 3 3v14c0 1.7-1.3 3-3 3H5C3.3 30 2 28.7 2 27V13C2 11.3 3.3 10 5 10ZM11 0C8.2 0 6 2.2 6 5V6H8V5C8 3.3 9.3 2 11 2h16c1.7 0 3 1.3 3 3v14c0 1.3-0.8 2.4-2 2.8v2.1C30.3 23.4 32 21.4 32 19V5C32 2.2 29.8 0 27 0Z`],name:`clone`},w={icon:[32,32,`M16 0a16 16 0 0 0 0 32c8.82 0 16-7.18 16-16 0-8.83-7.18-16-16-16Zm0 2A14 14 0 1 1 2 16C2 8.25 8.25 2 16 2z`],name:`circle`},te={icon:[32,32,`M26 .25c-.97 0-1.97.3-2.7 1.04l-19 19a1 1 0 0 0-.2.3l-.03.04-4 10a1 1 0 0 0 1.3 1.3l10-4 .03-.02c.12-.05.3-.2.3-.2L27.42 12l3.3-3.3A3.78 3.78 0 0 0 31.75 6c0-.97-.3-1.97-1.04-2.7l-2-2A3.78 3.78 0 0 0 26 .24Zm0 2c.53 0 1.03.2 1.3.46l2 2c.26.26.45.76.45 1.29s-.2 1.03-.46 1.3L26 10.58 21.41 6l3.3-3.3c.26-.26.76-.45 1.29-.45Zm-6 5.16L24.59 12 12 24.59V24a1 1 0 0 0-1-1H9v-2a1 1 0 0 0-1-1h-.59Zm-.16 2.6a1 1 0 0 0-.55.28l-7 7a1 1 0 0 0 1.42 1.42l7-7a1 1 0 0 0-.87-1.7zM5.68 22H7v2a1 1 0 0 0 1 1h2v1.32l-5.4 2.16-1.08-1.08Z`],name:`pencil`},ne={icon:[32,32,`M1 0a1 1 0 0 0-.8 1.6L12 19.3V28a1 1 0 0 0 .6.9l6 3A1 1 0 0 0 20 31V19.3L31.8 1.6A1 1 0 0 0 31 0Zm1.9 2H29l-11 16.4a1 1 0 0 0-.1.6v10.4l-4-2V19a1 1 0 0 0-.2-.6z`],name:`filter-outline`},re=`.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item{right:0}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" fill=\\"none\\" stroke=\\"%23666\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"2\\" viewBox=\\"0 0 20 20\\"><path d=\\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\\"/></svg>");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,right,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,right .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,right,top,height,width}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item[gs-x="0"]{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item[gs-x="0"]{right:0}`,ie=(e,t)=>{e.forEach(e=>{let n=e.querySelector(`luzmo-embed-viz-item`);n&&(n.options={...n.options,locale:t})})},ae=({action:e,actionType:t,active:n,items:r,element:i,itemId:a,item:o,deletedId:s,originalElement:c,updatedItems:l})=>({action:e,actionType:t,active:n,items:r,element:i,item:{...o,id:a,filters:o?.filters??[]},...s&&{deletedId:s},...c&&{originalElement:c},...l&&{updatedItems:l}}),T=({target:e,action:t,actionType:n,active:r,items:i,element:a,itemId:o,item:s,deletedId:c,originalElement:l,updatedItems:u})=>{e.dispatchEvent(new CustomEvent(`luzmo-item-grid-item-action`,{detail:ae({action:t,actionType:n,active:r,items:i,element:a,itemId:o,item:s,deletedId:c,originalElement:l,updatedItems:u}),bubbles:!0,composed:!0,cancelable:!0}))},E=({target:e,itemStates:t,updatedItemStates:n,changedItemStates:r})=>{e.dispatchEvent(new CustomEvent(`luzmo-item-grid-item-states-changed`,{detail:{itemStates:t,updatedItemStates:n,changedItemStates:r},bubbles:!0,composed:!0}))},oe=({target:e,eventName:t,detail:n})=>{e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))},se=e=>e instanceof Element?e:void 0,ce=e=>se(e)?.closest(`.grid-stack-item`),le=({event:e,gridItem:t})=>!se(e.relatedTarget)?.closest(`.grid-item-actions-popover`)&&!t.hasAttribute(`active`),ue=({event:e,focusedItemElement:t,removeItemActionsMenuPopover:n})=>{let r=ce(e.target);return r?(t&&t!==r&&(t.removeAttribute(`focused`),n(t)),r.setAttribute(`focused`,`true`),r):t},de=({event:e,focusedItemElement:t,removeItemActionsMenuPopover:n})=>t?se(e.relatedTarget)?.closest(`luzmo-item-grid-item-actions-menu`)?{focusedItemElement:t,shouldFocusGrid:!1}:(t.removeAttribute(`focused`),n(t),{focusedItemElement:void 0,shouldFocusGrid:!0}):{focusedItemElement:void 0,shouldFocusGrid:!1},fe=({item:e,activeItemElement:t,gridElement:n,removeItemActionsMenuPopover:r})=>{if(e.removeAttribute(`active`),r(e),t===e){n.removeAttribute(`has-active-item`);return}return t},pe=({event:e,gridElement:t,items:n,state:r,cleanupActiveItem:i,dispatchItemActionEvent:a,createItemActionsMenuPopover:o})=>{e.stopPropagation();let s=e.detail,c=e.target?.closest(`.grid-stack-item`);if(!c)return r;let l=c.getAttribute(`gs-id`),u=n.find(e=>e.id===l);return s.type===`toggle`&&s.action===r.activeItemActionToggle&&c===r.activeItemElement?(r.activeItemElement=void 0,r.activeItemActionToggle=void 0,t.removeAttribute(`has-active-item`),c.removeAttribute(`active`),i(c),l&&a(s.action,s.type,!1,c,l,u),r):(t.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==c&&i(e)}),s.type===`toggle`?(r.activeItemElement=c,r.activeItemActionToggle=s.action,t.setAttribute(`has-active-item`,`true`),c.setAttribute(`active`,`true`),o(c,[s.action])):r.activeItemElement&&r.activeItemElement!==c&&(r.activeItemElement=void 0,r.activeItemActionToggle=void 0),l&&a(s.action,s.type,s.active,c,l,u),r)},me=({event:e,gridElement:t,hostElement:n,items:r,activeItemActionToggle:i,cleanupActiveItem:a,dispatchItemActionEvent:o})=>{let s=e.composedPath();if(!s.includes(t)&&!s.includes(n))return{activeItemActionToggle:i};let c=t.querySelector(`.grid-stack-item[active]`);if(!c||s.includes(c))return{activeItemActionToggle:i};let l=c.querySelector(`.grid-item-actions-popover`);if(l&&s.includes(l))return{activeItemActionToggle:i};let u=c.getAttribute(`gs-id`),d=r.find(e=>e.id===u);return a(c),i&&u&&o(i,`toggle`,!1,c,u,d),{activeItemActionToggle:void 0}},he=({gridElement:e,items:t,gridItemData:n,itemId:r,action:i,options:a,state:o,cleanupActiveItem:s,dispatchItemActionEvent:c,createItemActionsMenuPopover:l})=>{if(!n?.element)return{result:void 0,state:o};let u=n.element,d=n.item,f=i===o.activeItemActionToggle&&u===o.activeItemElement,p=a?.active??!f;if(a?.active!==void 0&&p===f)return{result:f,state:o};if(!p)return o.activeItemElement=void 0,o.activeItemActionToggle=void 0,e.removeAttribute(`has-active-item`),u.removeAttribute(`active`),s(u),c(i,`toggle`,!1,u,r,d),{result:!1,state:o};if(o.activeItemElement&&o.activeItemElement!==u){let e=o.activeItemElement.getAttribute(`gs-id`),n=t.find(t=>t.id===e),r=o.activeItemActionToggle,i=o.activeItemElement;s(o.activeItemElement),o.activeItemElement=void 0,o.activeItemActionToggle=void 0,r&&e&&n&&c(r,`toggle`,!1,i,e,n)}return o.activeItemElement=u,o.activeItemActionToggle=i,e.setAttribute(`has-active-item`,`true`),u.setAttribute(`active`,`true`),l(u,[i]),c(i,`toggle`,!0,u,r,d),{result:!0,state:o}},ge=({gridElement:e,items:t,state:n,cleanupActiveItem:r,dispatchItemActionEvent:i})=>{let a=0;if(n.activeItemElement&&n.activeItemActionToggle){let o=n.activeItemElement.getAttribute(`gs-id`),s=t.find(e=>e.id===o),c=n.activeItemActionToggle,l=n.activeItemElement;r(n.activeItemElement),n.activeItemElement=void 0,n.activeItemActionToggle=void 0,e.removeAttribute(`has-active-item`),c&&o&&s&&(i(c,`toggle`,!1,l,o,s),a++)}return{deactivatedCount:a,state:n}},_e={sizeX:1,sizeY:1,col:0,row:0},ve=e=>{e.forEach(e=>{if(!e.id)throw Error(`Grid item id is required`)})},ye=e=>{if(!e.id)throw Error(`Grid item id is required`);return e.id},be=(e,t)=>({id:t,x:e?.position?.col??0,y:e?.position?.row??0,w:e?.position?.sizeX??1,h:e?.position?.sizeY??1}),xe=(e,t)=>({...structuredClone(e),id:t,position:{..._e,...structuredClone(e.position)},canFilter:e.canFilter??`all`}),Se=(e,t)=>{if(t){for(let n of e)if(n.getAttribute(`luzmo-item-grid-item-id`)===t)return n}},Ce=(e,t)=>e.map(e=>{let n={item:e,element:t.querySelector(`[gs-id="${e.id}"]`)},r=n.element?.querySelector(`luzmo-embed-viz-item`);return r&&(n.luzmoElement=r),n}),we=({item:e,engine:t,existingItems:n,autoPosition:r,excludeNodeId:i})=>{let a=e.position,o=i?t.nodes.filter(e=>e.id!==i):t.nodes,s=new t.constructor({column:t.column,float:t.float,nodes:o.map(e=>({...e}))}),c={x:a.col,y:a.row,w:a.sizeX,h:a.sizeY,id:e.id,autoPosition:r};s.addNode(c);let l={...e,position:{col:c.x??a.col,row:c.y??a.row,sizeX:c.w??a.sizeX,sizeY:c.h??a.sizeY}};return{resolvedItem:l,updatedItems:[...n.map(e=>{let t=s.nodes.find(t=>t.id===e.id);return t&&t.x!=null&&t.y!=null&&t.w!=null&&t.h!=null?{...e,position:{col:t.x,row:t.y,sizeX:t.w,sizeY:t.h}}:e}),l]}},Te=({itemId:e,patch:t,engine:n,existingItems:r})=>{let i=r.find(t=>t.id===e);if(!i?.position)return r;let{resolvedItem:a,updatedItems:o}=we({item:{...i,position:{...i.position,...t}},engine:n,existingItems:r.filter(t=>t.id!==e),autoPosition:!1,excludeNodeId:e});return r.map(t=>t.id===e?a:o.find(e=>e.id===t.id)??t)},Ee=e=>xe(e,e.id),De=Math.min,D=Math.max,Oe=Math.round,ke=Math.floor,O=e=>({x:e,y:e}),Ae={left:`right`,right:`left`,bottom:`top`,top:`bottom`};function je(e,t){return typeof e==`function`?e(t):e}function k(e){return e.split(`-`)[0]}function Me(e){return e.split(`-`)[1]}function Ne(e){return e===`x`?`y`:`x`}function Pe(e){return e===`y`?`height`:`width`}function A(e){let t=e[0];return t===`t`||t===`b`?`y`:`x`}function Fe(e){return Ne(A(e))}function Ie(e,t,n){n===void 0&&(n=!1);let r=Me(e),i=Fe(e),a=Pe(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=Ge(o)),[o,Ge(o)]}function Le(e){let t=Ge(e);return[Re(e),t,Re(t)]}function Re(e){return e.includes(`start`)?e.replace(`start`,`end`):e.replace(`end`,`start`)}var ze=[`left`,`right`],Be=[`right`,`left`],Ve=[`top`,`bottom`],He=[`bottom`,`top`];function Ue(e,t,n){switch(e){case`top`:case`bottom`:return n?t?Be:ze:t?ze:Be;case`left`:case`right`:return t?Ve:He;default:return[]}}function We(e,t,n,r){let i=Me(e),a=Ue(k(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map(Re)))),a}function Ge(e){let t=k(e);return Ae[t]+e.slice(t.length)}function Ke(e){return{top:0,right:0,bottom:0,left:0,...e}}function qe(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:Ke(e)}function Je(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function Ye(e,t,n){let{reference:r,floating:i}=e,a=A(t),o=Fe(t),s=Pe(o),c=k(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(Me(t)){case`start`:p[o]-=f*(n&&l?-1:1);break;case`end`:p[o]+=f*(n&&l?-1:1);break}return p}async function Xe(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=je(t,e),p=qe(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=Je(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=Je(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}var Ze=50,Qe=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=o.detectOverflow?o:{...o,detectOverflow:Xe},c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=Ye(l,r,c),f=r,p=0,m={};for(let n=0;n<a.length;n++){let h=a[n];if(!h)continue;let{name:g,fn:_}=h,{x:v,y,data:b,reset:x}=await _({x:u,y:d,initialPlacement:r,placement:f,strategy:i,middlewareData:m,rects:l,platform:s,elements:{reference:e,floating:t}});u=v??u,d=y??d,m[g]={...m[g],...b},x&&p<Ze&&(p++,typeof x==`object`&&(x.placement&&(f=x.placement),x.rects&&(l=x.rects===!0?await o.getElementRects({reference:e,floating:t,strategy:i}):x.rects),{x:u,y:d}=Ye(l,f,c)),n=-1)}return{x:u,y:d,placement:f,strategy:i,middlewareData:m}},$e=function(e){return e===void 0&&(e={}),{name:`flip`,options:e,async fn(t){var n;let{placement:r,middlewareData:i,rects:a,initialPlacement:o,platform:s,elements:c}=t,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:f=`bestFit`,fallbackAxisSideDirection:p=`none`,flipAlignment:m=!0,...h}=je(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let g=k(r),_=A(o),v=k(o)===o,y=await(s.isRTL==null?void 0:s.isRTL(c.floating)),b=d||(v||!m?[Ge(o)]:Le(o)),x=p!==`none`;!d&&x&&b.push(...We(o,m,p,y));let ee=[o,...b],S=await s.detectOverflow(t,h),C=[],w=i.flip?.overflows||[];if(l&&C.push(S[g]),u){let e=Ie(r,a,y);C.push(S[e[0]],S[e[1]])}if(w=[...w,{placement:r,overflows:C}],!C.every(e=>e<=0)){let e=(i.flip?.index||0)+1,t=ee[e];if(t&&(!(u===`alignment`&&_!==A(t))||w.every(e=>A(e.placement)!==_||e.overflows[0]>0)))return{data:{index:e,overflows:w},reset:{placement:t}};let n=w.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=w.filter(e=>{if(x){let t=A(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o;break}if(r!==n)return{reset:{placement:n}}}return{}}}},et=new Set([`left`,`top`]);async function tt(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=k(n),s=Me(n),c=A(n)===`y`,l=et.has(o)?-1:1,u=a&&c?-1:1,d=je(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var nt=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await tt(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}};function rt(){return typeof window<`u`}function j(e){return it(e)?(e.nodeName||``).toLowerCase():`#document`}function M(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function N(e){return((it(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function it(e){return rt()?e instanceof Node||e instanceof M(e).Node:!1}function P(e){return rt()?e instanceof Element||e instanceof M(e).Element:!1}function F(e){return rt()?e instanceof HTMLElement||e instanceof M(e).HTMLElement:!1}function at(e){return!rt()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof M(e).ShadowRoot}function I(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=z(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&i!==`inline`&&i!==`contents`}function ot(e){return/^(table|td|th)$/.test(j(e))}function st(e){try{if(e.matches(`:popover-open`))return!0}catch{}try{return e.matches(`:modal`)}catch{return!1}}var ct=/transform|translate|scale|rotate|perspective|filter/,lt=/paint|layout|strict|content/,L=e=>!!e&&e!==`none`,ut;function dt(e){let t=P(e)?z(e):e;return L(t.transform)||L(t.translate)||L(t.scale)||L(t.rotate)||L(t.perspective)||!pt()&&(L(t.backdropFilter)||L(t.filter))||ct.test(t.willChange||``)||lt.test(t.contain||``)}function ft(e){let t=B(e);for(;F(t)&&!R(t);){if(dt(t))return t;if(st(t))return null;t=B(t)}return null}function pt(){return ut??=typeof CSS<`u`&&CSS.supports&&CSS.supports(`-webkit-backdrop-filter`,`none`),ut}function R(e){return/^(html|body|#document)$/.test(j(e))}function z(e){return M(e).getComputedStyle(e)}function mt(e){return P(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function B(e){if(j(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||at(e)&&e.host||N(e);return at(t)?t.host:t}function ht(e){let t=B(e);return R(t)?e.ownerDocument?e.ownerDocument.body:e.body:F(t)&&I(t)?t:ht(t)}function gt(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=ht(e),i=r===e.ownerDocument?.body,a=M(r);if(i){let e=_t(a);return t.concat(a,a.visualViewport||[],I(r)?r:[],e&&n?gt(e):[])}else return t.concat(r,gt(r,[],n))}function _t(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function vt(e){let t=z(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=F(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=Oe(n)!==a||Oe(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function yt(e){return P(e)?e:e.contextElement}function V(e){let t=yt(e);if(!F(t))return O(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=vt(t),o=(a?Oe(n.width):n.width)/r,s=(a?Oe(n.height):n.height)/i;return(!o||!Number.isFinite(o))&&(o=1),(!s||!Number.isFinite(s))&&(s=1),{x:o,y:s}}var bt=O(0);function xt(e){let t=M(e);return!pt()||!t.visualViewport?bt:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function St(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==M(e)?!1:t}function H(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=yt(e),o=O(1);t&&(r?P(r)&&(o=V(r)):o=V(e));let s=St(a,n,r)?xt(a):O(0),c=(i.left+s.x)/o.x,l=(i.top+s.y)/o.y,u=i.width/o.x,d=i.height/o.y;if(a){let e=M(a),t=r&&P(r)?M(r):r,n=e,i=_t(n);for(;i&&r&&t!==n;){let e=V(i),t=i.getBoundingClientRect(),r=z(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,l*=e.y,u*=e.x,d*=e.y,c+=a,l+=o,n=M(i),i=_t(n)}}return Je({width:u,height:d,x:c,y:l})}function Ct(e,t){let n=mt(e).scrollLeft;return t?t.left+n:H(N(e)).left+n}function wt(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-Ct(e,n),y:n.top+t.scrollTop}}function Tt(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,o=N(r),s=t?st(t.floating):!1;if(r===o||s&&a)return n;let c={scrollLeft:0,scrollTop:0},l=O(1),u=O(0),d=F(r);if((d||!d&&!a)&&((j(r)!==`body`||I(o))&&(c=mt(r)),d)){let e=H(r);l=V(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}let f=o&&!d&&!a?wt(o,c):O(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+u.x+f.x,y:n.y*l.y-c.scrollTop*l.y+u.y+f.y}}function Et(e){return Array.from(e.getClientRects())}function Dt(e){let t=N(e),n=mt(e),r=e.ownerDocument.body,i=D(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=D(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),o=-n.scrollLeft+Ct(e),s=-n.scrollTop;return z(r).direction===`rtl`&&(o+=D(t.clientWidth,r.clientWidth)-i),{width:i,height:a,x:o,y:s}}var Ot=25;function kt(e,t){let n=M(e),r=N(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;let e=pt();(!e||e&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}let l=Ct(r);if(l<=0){let e=r.ownerDocument,t=e.body,n=getComputedStyle(t),i=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-t.clientWidth-i);o<=Ot&&(a-=o)}else l<=Ot&&(a+=l);return{width:a,height:o,x:s,y:c}}function At(e,t){let n=H(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=F(e)?V(e):O(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function jt(e,t,n){let r;if(t===`viewport`)r=kt(e,n);else if(t===`document`)r=Dt(N(e));else if(P(t))r=At(t,n);else{let n=xt(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return Je(r)}function Mt(e,t){let n=B(e);return n===t||!P(n)||R(n)?!1:z(n).position===`fixed`||Mt(n,t)}function Nt(e,t){let n=t.get(e);if(n)return n;let r=gt(e,[],!1).filter(e=>P(e)&&j(e)!==`body`),i=null,a=z(e).position===`fixed`,o=a?B(e):e;for(;P(o)&&!R(o);){let t=z(o),n=dt(o);!n&&t.position===`fixed`&&(i=null),(a?!n&&!i:!n&&t.position===`static`&&i&&(i.position===`absolute`||i.position===`fixed`)||I(o)&&!n&&Mt(e,o))?r=r.filter(e=>e!==o):i=t,o=B(o)}return t.set(e,r),r}function Pt(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?st(t)?[]:Nt(t,this._c):[].concat(n),r],o=jt(t,a[0],i),s=o.top,c=o.right,l=o.bottom,u=o.left;for(let e=1;e<a.length;e++){let n=jt(t,a[e],i);s=D(n.top,s),c=De(n.right,c),l=De(n.bottom,l),u=D(n.left,u)}return{width:c-u,height:l-s,x:u,y:s}}function Ft(e){let{width:t,height:n}=vt(e);return{width:t,height:n}}function It(e,t,n){let r=F(t),i=N(t),a=n===`fixed`,o=H(e,!0,a,t),s={scrollLeft:0,scrollTop:0},c=O(0);function l(){c.x=Ct(i)}if(r||!r&&!a)if((j(t)!==`body`||I(i))&&(s=mt(t)),r){let e=H(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&l();a&&!r&&i&&l();let u=i&&!r&&!a?wt(i,s):O(0);return{x:o.left+s.scrollLeft-c.x-u.x,y:o.top+s.scrollTop-c.y-u.y,width:o.width,height:o.height}}function Lt(e){return z(e).position===`static`}function Rt(e,t){if(!F(e)||z(e).position===`fixed`)return null;if(t)return t(e);let n=e.offsetParent;return N(e)===n&&(n=n.ownerDocument.body),n}function zt(e,t){let n=M(e);if(st(e))return n;if(!F(e)){let t=B(e);for(;t&&!R(t);){if(P(t)&&!Lt(t))return t;t=B(t)}return n}let r=Rt(e,t);for(;r&&ot(r)&&Lt(r);)r=Rt(r,t);return r&&R(r)&&Lt(r)&&!dt(r)?n:r||ft(e)||n}var Bt=async function(e){let t=this.getOffsetParent||zt,n=this.getDimensions,r=await n(e.floating);return{reference:It(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Vt(e){return z(e).direction===`rtl`}var Ht={convertOffsetParentRelativeRectToViewportRelativeRect:Tt,getDocumentElement:N,getClippingRect:Pt,getOffsetParent:zt,getElementRects:Bt,getClientRects:Et,getDimensions:Ft,getScale:V,isElement:P,isRTL:Vt};function Ut(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Wt(e,t){let n=null,r,i=N(e);function a(){var e;clearTimeout(r),(e=n)==null||e.disconnect(),n=null}function o(s,c){s===void 0&&(s=!1),c===void 0&&(c=1),a();let l=e.getBoundingClientRect(),{left:u,top:d,width:f,height:p}=l;if(s||t(),!f||!p)return;let m=ke(d),h=ke(i.clientWidth-(u+f)),g=ke(i.clientHeight-(d+p)),_=ke(u),v={rootMargin:-m+`px `+-h+`px `+-g+`px `+-_+`px`,threshold:D(0,De(1,c))||1},y=!0;function b(t){let n=t[0].intersectionRatio;if(n!==c){if(!y)return o();n?o(!1,n):r=setTimeout(()=>{o(!1,1e-7)},1e3)}n===1&&!Ut(l,e.getBoundingClientRect())&&o(),y=!1}try{n=new IntersectionObserver(b,{...v,root:i.ownerDocument})}catch{n=new IntersectionObserver(b,v)}n.observe(e)}return o(!0),a}function Gt(e,t,n,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:o=typeof ResizeObserver==`function`,layoutShift:s=typeof IntersectionObserver==`function`,animationFrame:c=!1}=r,l=yt(e),u=i||a?[...l?gt(l):[],...t?gt(t):[]]:[];u.forEach(e=>{i&&e.addEventListener(`scroll`,n,{passive:!0}),a&&e.addEventListener(`resize`,n)});let d=l&&s?Wt(l,n):null,f=-1,p=null;o&&(p=new ResizeObserver(e=>{let[r]=e;r&&r.target===l&&p&&t&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;(e=p)==null||e.observe(t)})),n()}),l&&!c&&p.observe(l),t&&p.observe(t));let m,h=c?H(e):null;c&&g();function g(){let t=H(e);h&&!Ut(h,t)&&n(),h=t,m=requestAnimationFrame(g)}return n(),()=>{var e;u.forEach(e=>{i&&e.removeEventListener(`scroll`,n),a&&e.removeEventListener(`resize`,n)}),d?.(),(e=p)==null||e.disconnect(),p=null,c&&cancelAnimationFrame(m)}}var Kt=nt,qt=$e,Jt=(e,t,n)=>{let r=new Map,i={platform:Ht,...n},a={...i.platform,_c:r};return Qe(e,t,{...i,platform:a})},Yt=new WeakMap,Xt=(e,t)=>{Zt(e),Yt.set(e,t)},Zt=e=>{let t=Yt.get(e);t&&(t(),Yt.delete(e))},Qt=({element:e,activeActions:t,getGridItemById:n,placementItemActionsMenu:r,renderOverlayContent:i,removeItemActionsMenuPopover:a,itemActionsDocumentPopover:o=!0})=>{let s=e.querySelector(`.grid-item-actions-popover`),c=e.querySelector(`.grid-stack-item-content`),l=n(e.getAttribute(`gs-id`)??``);if(t&&t.length>0&&s&&(a(e),s=null),!s){let n=document.createDocumentFragment();y(i(l?.item,t),n),s=n.querySelector(`.grid-item-actions-popover`),e.append(s)}let u=o?`absolute`:`fixed`,d=Gt(c,s,async()=>{let{x:e,y:t}=await Jt(c,s,{placement:l?.item?.placementActionsMenu??r??`right-start`,strategy:u,middleware:[Kt(0),qt({crossAxis:!1})]});s.style.left=`${e}px`,s.style.top=`${t}px`,o||(s.style.position=`fixed`,s.style.right=`auto`,s.style.bottom=`auto`,s.style.margin=`0`)});Xt(s,d),o&&s.isConnected&&!s.matches(`:popover-open`)&&s.showPopover()},$t=e=>{let t=e.querySelector(`.grid-item-actions-popover`);t&&(Zt(t),t.hasAttribute(`popover`)&&t.matches(`:popover-open`)&&t.hidePopover(),t.remove())},en=e=>e===`ArrowLeft`||e===`ArrowRight`||e===`ArrowUp`||e===`ArrowDown`,tn=({key:e,node:t,maxColumns:n,shiftKey:r,ctrlKey:i,metaKey:a})=>{let o={ArrowLeft:{move:{x:t.x-1},resize:{x:t.x-1,w:t.w+1},shrink:{w:t.w-1},canMove:t.x>0,canResize:t.x>0,canShrink:t.w>1},ArrowRight:{move:{x:t.x+1},resize:{w:t.w+1},shrink:{x:t.x+1,w:t.w-1},canMove:t.x<n-t.w,canResize:t.x+t.w<n,canShrink:t.w>1},ArrowUp:{move:{y:t.y-1},resize:{y:t.y-1,h:t.h+1},shrink:{h:t.h-1},canMove:t.y>0,canResize:t.y>0,canShrink:t.h>1},ArrowDown:{move:{y:t.y+1},resize:{h:t.h+1},shrink:{y:t.y+1,h:t.h-1},canMove:!0,canResize:!0,canShrink:t.h>1}}[e];if(r&&o.canResize)return o.resize;if((i||a)&&o.canShrink)return o.shrink;if(o.canMove)return o.move},nn=({event:e,viewMode:t,focusedItemElement:n,activeItemElement:r,gridElement:i,grid:a,columns:o,onDeleteRequest:s,removeItemActionsMenuPopover:c,createItemActionsMenuPopover:l})=>{if(t)return{focusedItemElement:n,activeItemElement:r};let u=n,d=r;if(e.key===`Delete`&&n){let e=n.nextElementSibling??n.previousElementSibling;s(n),u=e??void 0,u?requestAnimationFrame(()=>u?.focus()):i.focus(),r===n&&(d=void 0)}else if(e.key===`Escape`&&n)n.removeAttribute(`focused`),c(n),u=void 0,i.focus();else if(e.key===`Enter`&&n)e.preventDefault(),e.stopPropagation(),r&&(r.removeAttribute(`active`),i.removeAttribute(`has-active-item`),c(r),d=void 0),i.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==n&&c(e)}),l(n),requestAnimationFrame(()=>{let e=n.querySelector(`luzmo-item-grid-item-actions-menu`);e&&e.focus()});else if(n&&a&&en(e.key)){e.preventDefault(),e.stopPropagation();let t=n.gridstackNode;if(!t)return{focusedItemElement:u,activeItemElement:d};let r=tn({key:e.key,node:t,maxColumns:o,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey});r&&a.update(n,r)}return{focusedItemElement:u,activeItemElement:d}},rn=[{type:`area-chart`,label:`Area Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`bar-chart`,label:`Bar Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`box-plot`,label:`Box Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`bubble-chart`,label:`Bubble Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`bullet-chart`,label:`Bullet Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`choropleth-map`,label:`Choropleth Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`circle-pack-chart`,label:`Circle Pack Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`circular-gauge`,label:`Circular Gauge`,receivesFiltersByDefault:!0,containsData:!0},{type:`column-chart`,label:`Column Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`combination-chart`,label:`Combination Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`conditional-number`,label:`Conditional Number`,receivesFiltersByDefault:!0,containsData:!0},{type:`date-comparison-filter`,label:`Date Comparison Filter`,receivesFiltersByDefault:!1,containsData:!1},{type:`date-filter`,label:`Date Filter`,receivesFiltersByDefault:!1,containsData:!1},{type:`donut-chart`,label:`Donut Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`dropdown-filter`,label:`Dropdown Filter`,receivesFiltersByDefault:!1,containsData:!1},{type:`evolution-number`,label:`Evolution Number`,receivesFiltersByDefault:!0,containsData:!0},{type:`funnel-chart`,label:`Funnel Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`heat-map`,label:`Heat Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`heat-table`,label:`Heat Table`,receivesFiltersByDefault:!0,containsData:!0},{type:`hexbin-map`,label:`Hexbin Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`image`,label:`Image`,receivesFiltersByDefault:!1,containsData:!1},{type:`line-chart`,label:`Line Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`marker-map`,label:`Marker Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`ohlc-chart`,label:`OHLC Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`parallel-coordinates-plot`,label:`Parallel Coordinates Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`pivot-table`,label:`Pivot Table`,receivesFiltersByDefault:!0,containsData:!0},{type:`pyramid-chart`,label:`Pyramid Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`radar-chart`,label:`Radar Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`regular-table`,label:`Regular Table`,receivesFiltersByDefault:!0,containsData:!0},{type:`route-map`,label:`Route Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`sankey-diagram`,label:`Sankey Diagram`,receivesFiltersByDefault:!0,containsData:!0},{type:`scatter-plot`,label:`Scatter Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`search-filter`,label:`Search Filter`,receivesFiltersByDefault:!1,containsData:!0},{type:`slicer-filter`,label:`Slicer Filter`,receivesFiltersByDefault:!1,containsData:!0},{type:`slider-filter`,label:`Slider Filter`,receivesFiltersByDefault:!1,containsData:!0},{type:`spacer`,label:`Spacer`,receivesFiltersByDefault:!1,containsData:!1},{type:`speedometer-chart`,label:`Speedometer Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`spike-map`,label:`Spike Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`strip-plot`,label:`Strip Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`sunburst-chart`,label:`Sunburst Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`symbol-map`,label:`Symbol Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`text`,label:`Text`,receivesFiltersByDefault:!1,containsData:!1},{type:`treemap-chart`,label:`Treemap Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`video`,label:`Video`,receivesFiltersByDefault:!1,containsData:!1},{type:`wordcloud-chart`,label:`Wordcloud Chart`,receivesFiltersByDefault:!0,containsData:!0}],U={lock:{icon:l,label:`Lock`,tooltip:`Lock`,action:`lock`,type:`toggle`},edit:{icon:te,label:`Edit`,tooltip:`Edit`,action:`edit`,type:`toggle`},"edit-data":{icon:c,label:`Edit data`,tooltip:`Data`,action:`edit-data`,type:`toggle`},"item-options":{icon:o,label:`Item options`,tooltip:`Options`,action:`item-options`,type:`toggle`},filters:{icon:ne,label:`Filters`,tooltip:`Filters`,action:`filters`,type:`toggle`},clone:{icon:C,label:`Clone`,tooltip:`Clone`,action:`clone`,type:`button`},delete:{icon:s,label:`Delete`,tooltip:`Delete`,action:`delete`,type:`button`}},an=e=>{if(e)return structuredClone(e).map(e=>{if(e.type===`group`)return e.actions=e.actions??[],e.actions=e.actions.map(e=>{if(typeof e==`string`&&Object.hasOwn(U,e))return{...U[e]};if(typeof e==`object`)return e.icon=e.icon??w,e.label=e.label??e.action,e.tooltip=e.tooltip??e.label??e.action,e.type=[`toggle`,`button`].includes(e.type??``)?e.type:`button`,e}).filter(Boolean),e}).filter(Boolean)},on=()=>[{type:`group`,actions:[{...U[`edit-data`]},{...U[`item-options`]},{...U.clone}]},{type:`group`,actions:[{...U.delete}]}],sn=16,cn=10,W=(e,t)=>t>=1?`rgba(${e.r},${e.g},${e.b},1)`:t<=0?`rgba(${e.r},${e.g},${e.b},0)`:`rgba(${e.r},${e.g},${e.b},${t})`,ln=async({theme:e,currentTheme:t})=>e?.type===`custom`?structuredClone(e):e?.id&&d.includes(e.id)&&t?.id!==e.id?{...await f(e.id),id:e.id}:e?.id&&t?.id!==e.id||!e&&t?t:await f(`default`),un=e=>[(e?.margins?.[0]??sn)/2,(e?.margins?.[1]??sn)/2],dn=e=>cn-(e?.margins?.[0]??cn),fn=e=>{let t=e?.boxShadow;if(!t)return``;let n=new i(t.color),r={r:Math.round(n.srgb.r*255),g:Math.round(n.srgb.g*255),b:Math.round(n.srgb.b*255)},a=e?.margins?.[0]??sn,o=Math.min(a/10,2);return t.size===`none`?`none`:t.size===`S`?`0 ${o*2}px ${o*4}px ${W(r,.16)}, 0 ${o*2}px ${o*4}px ${W(r,.23)}`:t.size===`M`?`0 ${o*8}px ${o*16}px ${W(r,.19)}, 0 ${o*4}px ${o*4}px ${W(r,.23)}`:t.size===`L`?`0 ${o*12}px ${o*24}px ${W(r,.25)}, 0 ${o*8}px ${o*8}px ${W(r,.22)}`:``},pn=e=>{let t=fn(e);return new Map([[`--grid-font-family`,e?.font?.fontFamily],[`--grid-background`,e?.background],[`--grid-item-box-shadow`,t],[`--grid-item-background`,e?.itemsBackground],[`--grid-item-border-color`,e?.borders?.[`border-color`]],[`--grid-item-border-style`,e?.borders?.[`border-style`]],[`--grid-item-border-radius`,e?.borders?.[`border-radius`]],[`--grid-item-border-width`,`${e?.borders?.[`border-top-width`]}`],[`--grid-item-border-top-width`,e?.borders?.[`border-top-width`]],[`--grid-item-border-right-width`,e?.borders?.[`border-right-width`]],[`--grid-item-border-bottom-width`,e?.borders?.[`border-bottom-width`]],[`--grid-item-border-left-width`,e?.borders?.[`border-left-width`]]])},mn=e=>{let t=e?.itemsBackground??e?.background;return t?new i(t).luminance<.5:!1},hn=(e,t)=>{t&&pn(t).forEach((t,n)=>{t?e.setProperty(n,t):e.removeProperty(n)})},gn=({item:e,defaultItemActionsMenu:t,activeActions:n})=>{let r=an(e?.actionsMenu)??an(t)??on();if(!rn.find(t=>t.type===e?.type)?.containsData&&!e?.actionsMenu&&!t&&(r=r.map(e=>({...e,actions:e.actions?.filter(e=>e.action!==`edit-data`)}))),n&&n.length>0){let e=new Set(n);r=r.map(t=>({...t,actions:t.actions?.map(t=>({...t,active:t.action&&e.has(t.action)?!0:t.active}))}))}return r},_n=({item:e,activeActions:t,defaultItemActionsMenu:n,placementItemActionsMenu:r,language:i,handleAction:a,itemActionsDocumentPopover:o=!0})=>{let s=gn({item:e,defaultItemActionsMenu:n,activeActions:t});return m`
22
+ import{n as e,t}from"./chunks/localized-mixin-YSDMfLKU.js";import{n}from"./chunks/lit-localize-CIGP-NUw.js";import{t as r}from"./chunks/localized-decorator-Buib6Rq1.js";import"./chunks/embed-EnSdYTW8.js";import{t as i}from"./chunks/color-DaeCRJ5Q.js";import{n as a,t as o}from"./chunks/luzmoCog-C4v4vc5N.js";import{t as s}from"./chunks/luzmoTrashOutline-DXZpJx7f.js";import{t as c}from"./chunks/luzmoTable-BYeZ8pW6.js";import{t as l}from"./chunks/luzmoLockOutline-Dctb86HR.js";import{t as u}from"./chunks/v4-CI0qP0ur.js";import{n as d,t as f}from"./chunks/themes-BD5sKr3j.js";import{guard as p,html as m,nothing as h,property as g,query as _,queryAll as v,render as y,repeat as b,state as x,unsafeCSS as ee}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.4.0/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.4.0/standalone/action-button.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.4.0/standalone/action-group.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.4.0/standalone/icon.js";import{LuzmoElement as S}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.4.0/standalone/utils.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.4.0/standalone/tooltip.js";var C={icon:[32,32,`M5 8C2.2 8 0 10.2 0 13v14c0 2.8 2.2 5 5 5h16c2.8 0 5-2.2 5-5V13C26 10.2 23.8 8 21 8Zm0 2h16c1.7 0 3 1.3 3 3v14c0 1.7-1.3 3-3 3H5C3.3 30 2 28.7 2 27V13C2 11.3 3.3 10 5 10ZM11 0C8.2 0 6 2.2 6 5V6H8V5C8 3.3 9.3 2 11 2h16c1.7 0 3 1.3 3 3v14c0 1.3-0.8 2.4-2 2.8v2.1C30.3 23.4 32 21.4 32 19V5C32 2.2 29.8 0 27 0Z`],name:`clone`},w={icon:[32,32,`M16 0a16 16 0 0 0 0 32c8.82 0 16-7.18 16-16 0-8.83-7.18-16-16-16Zm0 2A14 14 0 1 1 2 16C2 8.25 8.25 2 16 2z`],name:`circle`},te={icon:[32,32,`M26 .25c-.97 0-1.97.3-2.7 1.04l-19 19a1 1 0 0 0-.2.3l-.03.04-4 10a1 1 0 0 0 1.3 1.3l10-4 .03-.02c.12-.05.3-.2.3-.2L27.42 12l3.3-3.3A3.78 3.78 0 0 0 31.75 6c0-.97-.3-1.97-1.04-2.7l-2-2A3.78 3.78 0 0 0 26 .24Zm0 2c.53 0 1.03.2 1.3.46l2 2c.26.26.45.76.45 1.29s-.2 1.03-.46 1.3L26 10.58 21.41 6l3.3-3.3c.26-.26.76-.45 1.29-.45Zm-6 5.16L24.59 12 12 24.59V24a1 1 0 0 0-1-1H9v-2a1 1 0 0 0-1-1h-.59Zm-.16 2.6a1 1 0 0 0-.55.28l-7 7a1 1 0 0 0 1.42 1.42l7-7a1 1 0 0 0-.87-1.7zM5.68 22H7v2a1 1 0 0 0 1 1h2v1.32l-5.4 2.16-1.08-1.08Z`],name:`pencil`},ne={icon:[32,32,`M1 0a1 1 0 0 0-.8 1.6L12 19.3V28a1 1 0 0 0 .6.9l6 3A1 1 0 0 0 20 31V19.3L31.8 1.6A1 1 0 0 0 31 0Zm1.9 2H29l-11 16.4a1 1 0 0 0-.1.6v10.4l-4-2V19a1 1 0 0 0-.2-.6z`],name:`filter-outline`},re=`.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item{right:0}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" fill=\\"none\\" stroke=\\"%23666\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"2\\" viewBox=\\"0 0 20 20\\"><path d=\\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\\"/></svg>");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,right,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,right .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,right,top,height,width}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item[gs-x="0"]{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item[gs-x="0"]{right:0}`,ie=(e,t)=>{e.forEach(e=>{let n=e.querySelector(`luzmo-embed-viz-item`);n&&(n.options={...n.options,locale:t})})},ae=({action:e,actionType:t,active:n,items:r,element:i,itemId:a,item:o,deletedId:s,originalElement:c,updatedItems:l})=>({action:e,actionType:t,active:n,items:r,element:i,item:{...o,id:a,filters:o?.filters??[]},...s&&{deletedId:s},...c&&{originalElement:c},...l&&{updatedItems:l}}),T=({target:e,action:t,actionType:n,active:r,items:i,element:a,itemId:o,item:s,deletedId:c,originalElement:l,updatedItems:u})=>{e.dispatchEvent(new CustomEvent(`luzmo-item-grid-item-action`,{detail:ae({action:t,actionType:n,active:r,items:i,element:a,itemId:o,item:s,deletedId:c,originalElement:l,updatedItems:u}),bubbles:!0,composed:!0,cancelable:!0}))},E=({target:e,itemStates:t,updatedItemStates:n,changedItemStates:r})=>{e.dispatchEvent(new CustomEvent(`luzmo-item-grid-item-states-changed`,{detail:{itemStates:t,updatedItemStates:n,changedItemStates:r},bubbles:!0,composed:!0}))},oe=({target:e,eventName:t,detail:n})=>{e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))},se=e=>e instanceof Element?e:void 0,ce=e=>se(e)?.closest(`.grid-stack-item`),le=({event:e,gridItem:t})=>!se(e.relatedTarget)?.closest(`.grid-item-actions-popover`)&&!t.hasAttribute(`active`),ue=({event:e,focusedItemElement:t,removeItemActionsMenuPopover:n})=>{let r=ce(e.target);return r?(t&&t!==r&&(t.removeAttribute(`focused`),n(t)),r.setAttribute(`focused`,`true`),r):t},de=({event:e,focusedItemElement:t,removeItemActionsMenuPopover:n})=>t?se(e.relatedTarget)?.closest(`luzmo-item-grid-item-actions-menu`)?{focusedItemElement:t,shouldFocusGrid:!1}:(t.removeAttribute(`focused`),n(t),{focusedItemElement:void 0,shouldFocusGrid:!0}):{focusedItemElement:void 0,shouldFocusGrid:!1},fe=({item:e,activeItemElement:t,gridElement:n,removeItemActionsMenuPopover:r})=>{if(e.removeAttribute(`active`),r(e),t===e){n.removeAttribute(`has-active-item`);return}return t},pe=({event:e,gridElement:t,items:n,state:r,cleanupActiveItem:i,dispatchItemActionEvent:a,createItemActionsMenuPopover:o})=>{e.stopPropagation();let s=e.detail,c=e.target?.closest(`.grid-stack-item`);if(!c)return r;let l=c.getAttribute(`gs-id`),u=n.find(e=>e.id===l);return s.type===`toggle`&&s.action===r.activeItemActionToggle&&c===r.activeItemElement?(r.activeItemElement=void 0,r.activeItemActionToggle=void 0,t.removeAttribute(`has-active-item`),c.removeAttribute(`active`),i(c),l&&a(s.action,s.type,!1,c,l,u),r):(t.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==c&&i(e)}),s.type===`toggle`?(r.activeItemElement=c,r.activeItemActionToggle=s.action,t.setAttribute(`has-active-item`,`true`),c.setAttribute(`active`,`true`),o(c,[s.action])):r.activeItemElement&&r.activeItemElement!==c&&(r.activeItemElement=void 0,r.activeItemActionToggle=void 0),l&&a(s.action,s.type,s.active,c,l,u),r)},me=({event:e,gridElement:t,hostElement:n,items:r,activeItemActionToggle:i,cleanupActiveItem:a,dispatchItemActionEvent:o})=>{let s=e.composedPath();if(!s.includes(t)&&!s.includes(n))return{activeItemActionToggle:i};let c=t.querySelector(`.grid-stack-item[active]`);if(!c||s.includes(c))return{activeItemActionToggle:i};let l=c.querySelector(`.grid-item-actions-popover`);if(l&&s.includes(l))return{activeItemActionToggle:i};let u=c.getAttribute(`gs-id`),d=r.find(e=>e.id===u);return a(c),i&&u&&o(i,`toggle`,!1,c,u,d),{activeItemActionToggle:void 0}},he=({gridElement:e,items:t,gridItemData:n,itemId:r,action:i,options:a,state:o,cleanupActiveItem:s,dispatchItemActionEvent:c,createItemActionsMenuPopover:l})=>{if(!n?.element)return{result:void 0,state:o};let u=n.element,d=n.item,f=i===o.activeItemActionToggle&&u===o.activeItemElement,p=a?.active??!f;if(a?.active!==void 0&&p===f)return{result:f,state:o};if(!p)return o.activeItemElement=void 0,o.activeItemActionToggle=void 0,e.removeAttribute(`has-active-item`),u.removeAttribute(`active`),s(u),c(i,`toggle`,!1,u,r,d),{result:!1,state:o};if(o.activeItemElement&&o.activeItemElement!==u){let e=o.activeItemElement.getAttribute(`gs-id`),n=t.find(t=>t.id===e),r=o.activeItemActionToggle,i=o.activeItemElement;s(o.activeItemElement),o.activeItemElement=void 0,o.activeItemActionToggle=void 0,r&&e&&n&&c(r,`toggle`,!1,i,e,n)}return o.activeItemElement=u,o.activeItemActionToggle=i,e.setAttribute(`has-active-item`,`true`),u.setAttribute(`active`,`true`),l(u,[i]),c(i,`toggle`,!0,u,r,d),{result:!0,state:o}},ge=({gridElement:e,items:t,state:n,cleanupActiveItem:r,dispatchItemActionEvent:i})=>{let a=0;if(n.activeItemElement&&n.activeItemActionToggle){let o=n.activeItemElement.getAttribute(`gs-id`),s=t.find(e=>e.id===o),c=n.activeItemActionToggle,l=n.activeItemElement;r(n.activeItemElement),n.activeItemElement=void 0,n.activeItemActionToggle=void 0,e.removeAttribute(`has-active-item`),c&&o&&s&&(i(c,`toggle`,!1,l,o,s),a++)}return{deactivatedCount:a,state:n}},_e={sizeX:1,sizeY:1,col:0,row:0},ve=e=>{e.forEach(e=>{if(!e.id)throw Error(`Grid item id is required`)})},ye=e=>{if(!e.id)throw Error(`Grid item id is required`);return e.id},be=(e,t)=>({id:t,x:e?.position?.col??0,y:e?.position?.row??0,w:e?.position?.sizeX??1,h:e?.position?.sizeY??1}),xe=(e,t)=>({...structuredClone(e),id:t,position:{..._e,...structuredClone(e.position)},canFilter:e.canFilter??`all`}),Se=(e,t)=>{if(t){for(let n of e)if(n.getAttribute(`luzmo-item-grid-item-id`)===t)return n}},Ce=(e,t)=>e.map(e=>{let n={item:e,element:t.querySelector(`[gs-id="${e.id}"]`)},r=n.element?.querySelector(`luzmo-embed-viz-item`);return r&&(n.luzmoElement=r),n}),we=({item:e,engine:t,existingItems:n,autoPosition:r,excludeNodeId:i})=>{let a=e.position,o=i?t.nodes.filter(e=>e.id!==i):t.nodes,s=new t.constructor({column:t.column,float:t.float,nodes:o.map(e=>({...e}))}),c={x:a.col,y:a.row,w:a.sizeX,h:a.sizeY,id:e.id,autoPosition:r};s.addNode(c);let l={...e,position:{col:c.x??a.col,row:c.y??a.row,sizeX:c.w??a.sizeX,sizeY:c.h??a.sizeY}};return{resolvedItem:l,updatedItems:[...n.map(e=>{let t=s.nodes.find(t=>t.id===e.id);return t&&t.x!=null&&t.y!=null&&t.w!=null&&t.h!=null?{...e,position:{col:t.x,row:t.y,sizeX:t.w,sizeY:t.h}}:e}),l]}},Te=({itemId:e,patch:t,engine:n,existingItems:r})=>{let i=r.find(t=>t.id===e);if(!i?.position)return r;let{resolvedItem:a,updatedItems:o}=we({item:{...i,position:{...i.position,...t}},engine:n,existingItems:r.filter(t=>t.id!==e),autoPosition:!1,excludeNodeId:e});return r.map(t=>t.id===e?a:o.find(e=>e.id===t.id)??t)},Ee=e=>xe(e,e.id),De=Math.min,D=Math.max,Oe=Math.round,ke=Math.floor,O=e=>({x:e,y:e}),Ae={left:`right`,right:`left`,bottom:`top`,top:`bottom`};function je(e,t){return typeof e==`function`?e(t):e}function k(e){return e.split(`-`)[0]}function Me(e){return e.split(`-`)[1]}function Ne(e){return e===`x`?`y`:`x`}function Pe(e){return e===`y`?`height`:`width`}function A(e){let t=e[0];return t===`t`||t===`b`?`y`:`x`}function Fe(e){return Ne(A(e))}function Ie(e,t,n){n===void 0&&(n=!1);let r=Me(e),i=Fe(e),a=Pe(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=Ge(o)),[o,Ge(o)]}function Le(e){let t=Ge(e);return[Re(e),t,Re(t)]}function Re(e){return e.includes(`start`)?e.replace(`start`,`end`):e.replace(`end`,`start`)}var ze=[`left`,`right`],Be=[`right`,`left`],Ve=[`top`,`bottom`],He=[`bottom`,`top`];function Ue(e,t,n){switch(e){case`top`:case`bottom`:return n?t?Be:ze:t?ze:Be;case`left`:case`right`:return t?Ve:He;default:return[]}}function We(e,t,n,r){let i=Me(e),a=Ue(k(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map(Re)))),a}function Ge(e){let t=k(e);return Ae[t]+e.slice(t.length)}function Ke(e){return{top:0,right:0,bottom:0,left:0,...e}}function qe(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:Ke(e)}function Je(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function Ye(e,t,n){let{reference:r,floating:i}=e,a=A(t),o=Fe(t),s=Pe(o),c=k(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(Me(t)){case`start`:p[o]-=f*(n&&l?-1:1);break;case`end`:p[o]+=f*(n&&l?-1:1);break}return p}async function Xe(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=je(t,e),p=qe(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=Je(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=Je(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}var Ze=50,Qe=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=o.detectOverflow?o:{...o,detectOverflow:Xe},c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=Ye(l,r,c),f=r,p=0,m={};for(let n=0;n<a.length;n++){let h=a[n];if(!h)continue;let{name:g,fn:_}=h,{x:v,y,data:b,reset:x}=await _({x:u,y:d,initialPlacement:r,placement:f,strategy:i,middlewareData:m,rects:l,platform:s,elements:{reference:e,floating:t}});u=v??u,d=y??d,m[g]={...m[g],...b},x&&p<Ze&&(p++,typeof x==`object`&&(x.placement&&(f=x.placement),x.rects&&(l=x.rects===!0?await o.getElementRects({reference:e,floating:t,strategy:i}):x.rects),{x:u,y:d}=Ye(l,f,c)),n=-1)}return{x:u,y:d,placement:f,strategy:i,middlewareData:m}},$e=function(e){return e===void 0&&(e={}),{name:`flip`,options:e,async fn(t){var n;let{placement:r,middlewareData:i,rects:a,initialPlacement:o,platform:s,elements:c}=t,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:f=`bestFit`,fallbackAxisSideDirection:p=`none`,flipAlignment:m=!0,...h}=je(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let g=k(r),_=A(o),v=k(o)===o,y=await(s.isRTL==null?void 0:s.isRTL(c.floating)),b=d||(v||!m?[Ge(o)]:Le(o)),x=p!==`none`;!d&&x&&b.push(...We(o,m,p,y));let ee=[o,...b],S=await s.detectOverflow(t,h),C=[],w=i.flip?.overflows||[];if(l&&C.push(S[g]),u){let e=Ie(r,a,y);C.push(S[e[0]],S[e[1]])}if(w=[...w,{placement:r,overflows:C}],!C.every(e=>e<=0)){let e=(i.flip?.index||0)+1,t=ee[e];if(t&&(!(u===`alignment`&&_!==A(t))||w.every(e=>A(e.placement)!==_||e.overflows[0]>0)))return{data:{index:e,overflows:w},reset:{placement:t}};let n=w.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=w.filter(e=>{if(x){let t=A(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o;break}if(r!==n)return{reset:{placement:n}}}return{}}}},et=new Set([`left`,`top`]);async function tt(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=k(n),s=Me(n),c=A(n)===`y`,l=et.has(o)?-1:1,u=a&&c?-1:1,d=je(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var nt=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await tt(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}};function rt(){return typeof window<`u`}function j(e){return it(e)?(e.nodeName||``).toLowerCase():`#document`}function M(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function N(e){return((it(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function it(e){return rt()?e instanceof Node||e instanceof M(e).Node:!1}function P(e){return rt()?e instanceof Element||e instanceof M(e).Element:!1}function F(e){return rt()?e instanceof HTMLElement||e instanceof M(e).HTMLElement:!1}function at(e){return!rt()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof M(e).ShadowRoot}function I(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=z(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&i!==`inline`&&i!==`contents`}function ot(e){return/^(table|td|th)$/.test(j(e))}function st(e){try{if(e.matches(`:popover-open`))return!0}catch{}try{return e.matches(`:modal`)}catch{return!1}}var ct=/transform|translate|scale|rotate|perspective|filter/,lt=/paint|layout|strict|content/,L=e=>!!e&&e!==`none`,ut;function dt(e){let t=P(e)?z(e):e;return L(t.transform)||L(t.translate)||L(t.scale)||L(t.rotate)||L(t.perspective)||!pt()&&(L(t.backdropFilter)||L(t.filter))||ct.test(t.willChange||``)||lt.test(t.contain||``)}function ft(e){let t=B(e);for(;F(t)&&!R(t);){if(dt(t))return t;if(st(t))return null;t=B(t)}return null}function pt(){return ut??=typeof CSS<`u`&&CSS.supports&&CSS.supports(`-webkit-backdrop-filter`,`none`),ut}function R(e){return/^(html|body|#document)$/.test(j(e))}function z(e){return M(e).getComputedStyle(e)}function mt(e){return P(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function B(e){if(j(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||at(e)&&e.host||N(e);return at(t)?t.host:t}function ht(e){let t=B(e);return R(t)?e.ownerDocument?e.ownerDocument.body:e.body:F(t)&&I(t)?t:ht(t)}function gt(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=ht(e),i=r===e.ownerDocument?.body,a=M(r);if(i){let e=_t(a);return t.concat(a,a.visualViewport||[],I(r)?r:[],e&&n?gt(e):[])}else return t.concat(r,gt(r,[],n))}function _t(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function vt(e){let t=z(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=F(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=Oe(n)!==a||Oe(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function yt(e){return P(e)?e:e.contextElement}function V(e){let t=yt(e);if(!F(t))return O(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=vt(t),o=(a?Oe(n.width):n.width)/r,s=(a?Oe(n.height):n.height)/i;return(!o||!Number.isFinite(o))&&(o=1),(!s||!Number.isFinite(s))&&(s=1),{x:o,y:s}}var bt=O(0);function xt(e){let t=M(e);return!pt()||!t.visualViewport?bt:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function St(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==M(e)?!1:t}function H(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=yt(e),o=O(1);t&&(r?P(r)&&(o=V(r)):o=V(e));let s=St(a,n,r)?xt(a):O(0),c=(i.left+s.x)/o.x,l=(i.top+s.y)/o.y,u=i.width/o.x,d=i.height/o.y;if(a){let e=M(a),t=r&&P(r)?M(r):r,n=e,i=_t(n);for(;i&&r&&t!==n;){let e=V(i),t=i.getBoundingClientRect(),r=z(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,l*=e.y,u*=e.x,d*=e.y,c+=a,l+=o,n=M(i),i=_t(n)}}return Je({width:u,height:d,x:c,y:l})}function Ct(e,t){let n=mt(e).scrollLeft;return t?t.left+n:H(N(e)).left+n}function wt(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-Ct(e,n),y:n.top+t.scrollTop}}function Tt(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,o=N(r),s=t?st(t.floating):!1;if(r===o||s&&a)return n;let c={scrollLeft:0,scrollTop:0},l=O(1),u=O(0),d=F(r);if((d||!d&&!a)&&((j(r)!==`body`||I(o))&&(c=mt(r)),d)){let e=H(r);l=V(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}let f=o&&!d&&!a?wt(o,c):O(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+u.x+f.x,y:n.y*l.y-c.scrollTop*l.y+u.y+f.y}}function Et(e){return Array.from(e.getClientRects())}function Dt(e){let t=N(e),n=mt(e),r=e.ownerDocument.body,i=D(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=D(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),o=-n.scrollLeft+Ct(e),s=-n.scrollTop;return z(r).direction===`rtl`&&(o+=D(t.clientWidth,r.clientWidth)-i),{width:i,height:a,x:o,y:s}}var Ot=25;function kt(e,t){let n=M(e),r=N(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;let e=pt();(!e||e&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}let l=Ct(r);if(l<=0){let e=r.ownerDocument,t=e.body,n=getComputedStyle(t),i=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-t.clientWidth-i);o<=Ot&&(a-=o)}else l<=Ot&&(a+=l);return{width:a,height:o,x:s,y:c}}function At(e,t){let n=H(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=F(e)?V(e):O(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function jt(e,t,n){let r;if(t===`viewport`)r=kt(e,n);else if(t===`document`)r=Dt(N(e));else if(P(t))r=At(t,n);else{let n=xt(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return Je(r)}function Mt(e,t){let n=B(e);return n===t||!P(n)||R(n)?!1:z(n).position===`fixed`||Mt(n,t)}function Nt(e,t){let n=t.get(e);if(n)return n;let r=gt(e,[],!1).filter(e=>P(e)&&j(e)!==`body`),i=null,a=z(e).position===`fixed`,o=a?B(e):e;for(;P(o)&&!R(o);){let t=z(o),n=dt(o);!n&&t.position===`fixed`&&(i=null),(a?!n&&!i:!n&&t.position===`static`&&i&&(i.position===`absolute`||i.position===`fixed`)||I(o)&&!n&&Mt(e,o))?r=r.filter(e=>e!==o):i=t,o=B(o)}return t.set(e,r),r}function Pt(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?st(t)?[]:Nt(t,this._c):[].concat(n),r],o=jt(t,a[0],i),s=o.top,c=o.right,l=o.bottom,u=o.left;for(let e=1;e<a.length;e++){let n=jt(t,a[e],i);s=D(n.top,s),c=De(n.right,c),l=De(n.bottom,l),u=D(n.left,u)}return{width:c-u,height:l-s,x:u,y:s}}function Ft(e){let{width:t,height:n}=vt(e);return{width:t,height:n}}function It(e,t,n){let r=F(t),i=N(t),a=n===`fixed`,o=H(e,!0,a,t),s={scrollLeft:0,scrollTop:0},c=O(0);function l(){c.x=Ct(i)}if(r||!r&&!a)if((j(t)!==`body`||I(i))&&(s=mt(t)),r){let e=H(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&l();a&&!r&&i&&l();let u=i&&!r&&!a?wt(i,s):O(0);return{x:o.left+s.scrollLeft-c.x-u.x,y:o.top+s.scrollTop-c.y-u.y,width:o.width,height:o.height}}function Lt(e){return z(e).position===`static`}function Rt(e,t){if(!F(e)||z(e).position===`fixed`)return null;if(t)return t(e);let n=e.offsetParent;return N(e)===n&&(n=n.ownerDocument.body),n}function zt(e,t){let n=M(e);if(st(e))return n;if(!F(e)){let t=B(e);for(;t&&!R(t);){if(P(t)&&!Lt(t))return t;t=B(t)}return n}let r=Rt(e,t);for(;r&&ot(r)&&Lt(r);)r=Rt(r,t);return r&&R(r)&&Lt(r)&&!dt(r)?n:r||ft(e)||n}var Bt=async function(e){let t=this.getOffsetParent||zt,n=this.getDimensions,r=await n(e.floating);return{reference:It(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Vt(e){return z(e).direction===`rtl`}var Ht={convertOffsetParentRelativeRectToViewportRelativeRect:Tt,getDocumentElement:N,getClippingRect:Pt,getOffsetParent:zt,getElementRects:Bt,getClientRects:Et,getDimensions:Ft,getScale:V,isElement:P,isRTL:Vt};function Ut(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Wt(e,t){let n=null,r,i=N(e);function a(){var e;clearTimeout(r),(e=n)==null||e.disconnect(),n=null}function o(s,c){s===void 0&&(s=!1),c===void 0&&(c=1),a();let l=e.getBoundingClientRect(),{left:u,top:d,width:f,height:p}=l;if(s||t(),!f||!p)return;let m=ke(d),h=ke(i.clientWidth-(u+f)),g=ke(i.clientHeight-(d+p)),_=ke(u),v={rootMargin:-m+`px `+-h+`px `+-g+`px `+-_+`px`,threshold:D(0,De(1,c))||1},y=!0;function b(t){let n=t[0].intersectionRatio;if(n!==c){if(!y)return o();n?o(!1,n):r=setTimeout(()=>{o(!1,1e-7)},1e3)}n===1&&!Ut(l,e.getBoundingClientRect())&&o(),y=!1}try{n=new IntersectionObserver(b,{...v,root:i.ownerDocument})}catch{n=new IntersectionObserver(b,v)}n.observe(e)}return o(!0),a}function Gt(e,t,n,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:o=typeof ResizeObserver==`function`,layoutShift:s=typeof IntersectionObserver==`function`,animationFrame:c=!1}=r,l=yt(e),u=i||a?[...l?gt(l):[],...t?gt(t):[]]:[];u.forEach(e=>{i&&e.addEventListener(`scroll`,n,{passive:!0}),a&&e.addEventListener(`resize`,n)});let d=l&&s?Wt(l,n):null,f=-1,p=null;o&&(p=new ResizeObserver(e=>{let[r]=e;r&&r.target===l&&p&&t&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;(e=p)==null||e.observe(t)})),n()}),l&&!c&&p.observe(l),t&&p.observe(t));let m,h=c?H(e):null;c&&g();function g(){let t=H(e);h&&!Ut(h,t)&&n(),h=t,m=requestAnimationFrame(g)}return n(),()=>{var e;u.forEach(e=>{i&&e.removeEventListener(`scroll`,n),a&&e.removeEventListener(`resize`,n)}),d?.(),(e=p)==null||e.disconnect(),p=null,c&&cancelAnimationFrame(m)}}var Kt=nt,qt=$e,Jt=(e,t,n)=>{let r=new Map,i={platform:Ht,...n},a={...i.platform,_c:r};return Qe(e,t,{...i,platform:a})},Yt=new WeakMap,Xt=(e,t)=>{Zt(e),Yt.set(e,t)},Zt=e=>{let t=Yt.get(e);t&&(t(),Yt.delete(e))},Qt=({element:e,activeActions:t,getGridItemById:n,placementItemActionsMenu:r,renderOverlayContent:i,removeItemActionsMenuPopover:a,itemActionsDocumentPopover:o=!0})=>{let s=e.querySelector(`.grid-item-actions-popover`),c=e.querySelector(`.grid-stack-item-content`),l=n(e.getAttribute(`gs-id`)??``);if(t&&t.length>0&&s&&(a(e),s=null),!s){let n=document.createDocumentFragment();y(i(l?.item,t),n),s=n.querySelector(`.grid-item-actions-popover`),e.append(s)}let u=o?`absolute`:`fixed`,d=Gt(c,s,async()=>{let{x:e,y:t}=await Jt(c,s,{placement:l?.item?.placementActionsMenu??r??`right-start`,strategy:u,middleware:[Kt(0),qt({crossAxis:!1})]});s.style.left=`${e}px`,s.style.top=`${t}px`,o||(s.style.position=`fixed`,s.style.right=`auto`,s.style.bottom=`auto`,s.style.margin=`0`)});Xt(s,d),o&&s.isConnected&&!s.matches(`:popover-open`)&&s.showPopover()},$t=e=>{let t=e.querySelector(`.grid-item-actions-popover`);t&&(Zt(t),t.hasAttribute(`popover`)&&t.matches(`:popover-open`)&&t.hidePopover(),t.remove())},en=e=>e===`ArrowLeft`||e===`ArrowRight`||e===`ArrowUp`||e===`ArrowDown`,tn=({key:e,node:t,maxColumns:n,shiftKey:r,ctrlKey:i,metaKey:a})=>{let o={ArrowLeft:{move:{x:t.x-1},resize:{x:t.x-1,w:t.w+1},shrink:{w:t.w-1},canMove:t.x>0,canResize:t.x>0,canShrink:t.w>1},ArrowRight:{move:{x:t.x+1},resize:{w:t.w+1},shrink:{x:t.x+1,w:t.w-1},canMove:t.x<n-t.w,canResize:t.x+t.w<n,canShrink:t.w>1},ArrowUp:{move:{y:t.y-1},resize:{y:t.y-1,h:t.h+1},shrink:{h:t.h-1},canMove:t.y>0,canResize:t.y>0,canShrink:t.h>1},ArrowDown:{move:{y:t.y+1},resize:{h:t.h+1},shrink:{y:t.y+1,h:t.h-1},canMove:!0,canResize:!0,canShrink:t.h>1}}[e];if(r&&o.canResize)return o.resize;if((i||a)&&o.canShrink)return o.shrink;if(o.canMove)return o.move},nn=({event:e,viewMode:t,focusedItemElement:n,activeItemElement:r,gridElement:i,grid:a,columns:o,onDeleteRequest:s,removeItemActionsMenuPopover:c,createItemActionsMenuPopover:l})=>{if(t)return{focusedItemElement:n,activeItemElement:r};let u=n,d=r;if(e.key===`Delete`&&n){let e=n.nextElementSibling??n.previousElementSibling;s(n),u=e??void 0,u?requestAnimationFrame(()=>u?.focus()):i.focus(),r===n&&(d=void 0)}else if(e.key===`Escape`&&n)n.removeAttribute(`focused`),c(n),u=void 0,i.focus();else if(e.key===`Enter`&&n)e.preventDefault(),e.stopPropagation(),r&&(r.removeAttribute(`active`),i.removeAttribute(`has-active-item`),c(r),d=void 0),i.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==n&&c(e)}),l(n),requestAnimationFrame(()=>{let e=n.querySelector(`luzmo-item-grid-item-actions-menu`);e&&e.focus()});else if(n&&a&&en(e.key)){e.preventDefault(),e.stopPropagation();let t=n.gridstackNode;if(!t)return{focusedItemElement:u,activeItemElement:d};let r=tn({key:e.key,node:t,maxColumns:o,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey});r&&a.update(n,r)}return{focusedItemElement:u,activeItemElement:d}},rn=[{type:`area-chart`,label:`Area Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`bar-chart`,label:`Bar Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`box-plot`,label:`Box Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`bubble-chart`,label:`Bubble Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`bullet-chart`,label:`Bullet Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`choropleth-map`,label:`Choropleth Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`circle-pack-chart`,label:`Circle Pack Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`circular-gauge`,label:`Circular Gauge`,receivesFiltersByDefault:!0,containsData:!0},{type:`column-chart`,label:`Column Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`combination-chart`,label:`Combination Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`conditional-number`,label:`Conditional Number`,receivesFiltersByDefault:!0,containsData:!0},{type:`date-comparison-filter`,label:`Date Comparison Filter`,receivesFiltersByDefault:!1,containsData:!1},{type:`date-filter`,label:`Date Filter`,receivesFiltersByDefault:!1,containsData:!1},{type:`donut-chart`,label:`Donut Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`dropdown-filter`,label:`Dropdown Filter`,receivesFiltersByDefault:!1,containsData:!1},{type:`evolution-number`,label:`Evolution Number`,receivesFiltersByDefault:!0,containsData:!0},{type:`funnel-chart`,label:`Funnel Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`heat-map`,label:`Heat Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`heat-table`,label:`Heat Table`,receivesFiltersByDefault:!0,containsData:!0},{type:`hexbin-map`,label:`Hexbin Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`image`,label:`Image`,receivesFiltersByDefault:!1,containsData:!1},{type:`line-chart`,label:`Line Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`marker-map`,label:`Marker Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`ohlc-chart`,label:`OHLC Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`parallel-coordinates-plot`,label:`Parallel Coordinates Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`pivot-table`,label:`Pivot Table`,receivesFiltersByDefault:!0,containsData:!0},{type:`pyramid-chart`,label:`Pyramid Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`radar-chart`,label:`Radar Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`regular-table`,label:`Regular Table`,receivesFiltersByDefault:!0,containsData:!0},{type:`route-map`,label:`Route Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`sankey-diagram`,label:`Sankey Diagram`,receivesFiltersByDefault:!0,containsData:!0},{type:`scatter-plot`,label:`Scatter Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`search-filter`,label:`Search Filter`,receivesFiltersByDefault:!1,containsData:!0},{type:`slicer-filter`,label:`Slicer Filter`,receivesFiltersByDefault:!1,containsData:!0},{type:`slider-filter`,label:`Slider Filter`,receivesFiltersByDefault:!1,containsData:!0},{type:`spacer`,label:`Spacer`,receivesFiltersByDefault:!1,containsData:!1},{type:`speedometer-chart`,label:`Speedometer Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`spike-map`,label:`Spike Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`strip-plot`,label:`Strip Plot`,receivesFiltersByDefault:!0,containsData:!0},{type:`sunburst-chart`,label:`Sunburst Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`symbol-map`,label:`Symbol Map`,receivesFiltersByDefault:!0,containsData:!0},{type:`text`,label:`Text`,receivesFiltersByDefault:!1,containsData:!1},{type:`treemap-chart`,label:`Treemap Chart`,receivesFiltersByDefault:!0,containsData:!0},{type:`video`,label:`Video`,receivesFiltersByDefault:!1,containsData:!1},{type:`wordcloud-chart`,label:`Wordcloud Chart`,receivesFiltersByDefault:!0,containsData:!0}],U={lock:{icon:l,label:`Lock`,tooltip:`Lock`,action:`lock`,type:`toggle`},edit:{icon:te,label:`Edit`,tooltip:`Edit`,action:`edit`,type:`toggle`},"edit-data":{icon:c,label:`Edit data`,tooltip:`Data`,action:`edit-data`,type:`toggle`},"item-options":{icon:o,label:`Item options`,tooltip:`Options`,action:`item-options`,type:`toggle`},filters:{icon:ne,label:`Filters`,tooltip:`Filters`,action:`filters`,type:`toggle`},clone:{icon:C,label:`Clone`,tooltip:`Clone`,action:`clone`,type:`button`},delete:{icon:s,label:`Delete`,tooltip:`Delete`,action:`delete`,type:`button`}},an=e=>{if(e)return structuredClone(e).map(e=>{if(e.type===`group`)return e.actions=e.actions??[],e.actions=e.actions.map(e=>{if(typeof e==`string`&&Object.hasOwn(U,e))return{...U[e]};if(typeof e==`object`)return e.icon=e.icon??w,e.label=e.label??e.action,e.tooltip=e.tooltip??e.label??e.action,e.type=[`toggle`,`button`].includes(e.type??``)?e.type:`button`,e}).filter(Boolean),e}).filter(Boolean)},on=()=>[{type:`group`,actions:[{...U[`edit-data`]},{...U[`item-options`]},{...U.clone}]},{type:`group`,actions:[{...U.delete}]}],sn=16,cn=10,W=(e,t)=>t>=1?`rgba(${e.r},${e.g},${e.b},1)`:t<=0?`rgba(${e.r},${e.g},${e.b},0)`:`rgba(${e.r},${e.g},${e.b},${t})`,ln=async({theme:e,currentTheme:t})=>e?.type===`custom`?structuredClone(e):e?.id&&d.includes(e.id)&&t?.id!==e.id?{...await f(e.id),id:e.id}:e?.id&&t?.id!==e.id||!e&&t?t:await f(`default`),un=e=>[(e?.margins?.[0]??sn)/2,(e?.margins?.[1]??sn)/2],dn=e=>cn-(e?.margins?.[0]??cn),fn=e=>{let t=e?.boxShadow;if(!t)return``;let n=new i(t.color),r={r:Math.round(n.srgb.r*255),g:Math.round(n.srgb.g*255),b:Math.round(n.srgb.b*255)},a=e?.margins?.[0]??sn,o=Math.min(a/10,2);return t.size===`none`?`none`:t.size===`S`?`0 ${o*2}px ${o*4}px ${W(r,.16)}, 0 ${o*2}px ${o*4}px ${W(r,.23)}`:t.size===`M`?`0 ${o*8}px ${o*16}px ${W(r,.19)}, 0 ${o*4}px ${o*4}px ${W(r,.23)}`:t.size===`L`?`0 ${o*12}px ${o*24}px ${W(r,.25)}, 0 ${o*8}px ${o*8}px ${W(r,.22)}`:``},pn=e=>{let t=fn(e);return new Map([[`--grid-font-family`,e?.font?.fontFamily],[`--grid-background`,e?.background],[`--grid-item-box-shadow`,t],[`--grid-item-background`,e?.itemsBackground],[`--grid-item-border-color`,e?.borders?.[`border-color`]],[`--grid-item-border-style`,e?.borders?.[`border-style`]],[`--grid-item-border-radius`,e?.borders?.[`border-radius`]],[`--grid-item-border-width`,`${e?.borders?.[`border-top-width`]}`],[`--grid-item-border-top-width`,e?.borders?.[`border-top-width`]],[`--grid-item-border-right-width`,e?.borders?.[`border-right-width`]],[`--grid-item-border-bottom-width`,e?.borders?.[`border-bottom-width`]],[`--grid-item-border-left-width`,e?.borders?.[`border-left-width`]]])},mn=e=>{let t=e?.itemsBackground??e?.background;return t?new i(t).luminance<.5:!1},hn=(e,t)=>{t&&pn(t).forEach((t,n)=>{t?e.setProperty(n,t):e.removeProperty(n)})},gn=({item:e,defaultItemActionsMenu:t,activeActions:n})=>{let r=an(e?.actionsMenu)??an(t)??on();if(!rn.find(t=>t.type===e?.type)?.containsData&&!e?.actionsMenu&&!t&&(r=r.map(e=>({...e,actions:e.actions?.filter(e=>e.action!==`edit-data`)}))),n&&n.length>0){let e=new Set(n);r=r.map(t=>({...t,actions:t.actions?.map(t=>({...t,active:t.action&&e.has(t.action)?!0:t.active}))}))}return r},_n=({item:e,activeActions:t,defaultItemActionsMenu:n,placementItemActionsMenu:r,language:i,handleAction:a,itemActionsDocumentPopover:o=!0})=>{let s=gn({item:e,defaultItemActionsMenu:n,activeActions:t});return m`
23
23
  <div class="grid-item-actions-popover" popover=${o?`manual`:h}>
24
24
  <luzmo-item-grid-item-actions-menu
25
25
  .actions=${s}
@@ -20,7 +20,7 @@
20
20
  "chunks/bar-chart-options.fr-CaUBeZBK.js",
21
21
  "chunks/bar-chart-options.nl-C2tFvUE8.js",
22
22
  "chunks/bar-chart-slots.config-BWQoKCYJ.js",
23
- "chunks/base-DOKoeL4P.js",
23
+ "chunks/base-Cgmw1Vq_.js",
24
24
  "chunks/bliss-BS5cbLqS.js",
25
25
  "chunks/box-plot-options.config-BlYMd4FN.js",
26
26
  "chunks/box-plot-options.de-RDAv8kHb.js",
@@ -115,11 +115,11 @@
115
115
  "chunks/default-Bi3Z4SMm.js",
116
116
  "chunks/default-dark-C2ykXPQt.js",
117
117
  "chunks/default-local-formats-CES1ItiK.js",
118
- "chunks/display-settings-binning-CTWsdo0F.js",
119
- "chunks/display-settings-datetime-CdxMI-9Q.js",
120
- "chunks/display-settings-grand-totals-BCW8hefp.js",
121
- "chunks/display-settings-numeric-CSaI0l55.js",
122
- "chunks/display-settings-period-over-period-Bwjoji3a.js",
118
+ "chunks/display-settings-binning-CxpvhW7Y.js",
119
+ "chunks/display-settings-datetime-Cqptoxuq.js",
120
+ "chunks/display-settings-grand-totals-BJp7zJPj.js",
121
+ "chunks/display-settings-numeric-BskLgQmz.js",
122
+ "chunks/display-settings-period-over-period-CbUd7uc9.js",
123
123
  "chunks/donut-chart-options.config-BuZj-QX5.js",
124
124
  "chunks/donut-chart-options.de-QusCBL9B.js",
125
125
  "chunks/donut-chart-options.en-D0ligFH6.js",
@@ -134,7 +134,7 @@
134
134
  "chunks/dropdown-filter-options.fr-CMapzFiR.js",
135
135
  "chunks/dropdown-filter-options.nl-BLAyit4D.js",
136
136
  "chunks/dropdown-filter-slots.config-DkqLjilE.js",
137
- "chunks/embed-c581fYN4.js",
137
+ "chunks/embed-EnSdYTW8.js",
138
138
  "chunks/en-BD2RCLuw.js",
139
139
  "chunks/en-GB-DnwmFNwC.js",
140
140
  "chunks/en-US-BD2RCLuw.js",
@@ -148,9 +148,9 @@
148
148
  "chunks/evolution-number-options.nl-CqycrLe1.js",
149
149
  "chunks/evolution-number-slots.config-IqPfnCrw.js",
150
150
  "chunks/fi-CLQ6vC7V.js",
151
- "chunks/filters-XL4xRKOk.js",
151
+ "chunks/filters-CTsIpQ2T.js",
152
152
  "chunks/formatter-LzhH-XSQ.js",
153
- "chunks/formula-codemirror-BAlhe79s.js",
153
+ "chunks/formula-codemirror-4wlUAHrO.js",
154
154
  "chunks/fr-BpNJieSH.js",
155
155
  "chunks/fr-D8xrUEX4.js",
156
156
  "chunks/funnel-chart-options.config-1SyJ_qYd.js",
@@ -197,23 +197,23 @@
197
197
  "chunks/interactivity-options.config-09eXx6k6.js",
198
198
  "chunks/interactivity-options.i18n-BLDCmZkC.js",
199
199
  "chunks/it-DWTvD2Xn.js",
200
- "chunks/item-option-action-button-group-B_XEkUcP.js",
201
- "chunks/item-option-base-R8-N5_rE.js",
202
- "chunks/item-option-color-palette-picker-CMZyo1NH.js",
203
- "chunks/item-option-color-picker-59il-pkm.js",
204
- "chunks/item-option-color-range-BWaElfwS.js",
205
- "chunks/item-option-guidelines-BzvrNruz.js",
206
- "chunks/item-option-multi-language-field-BNn4WFUG.js",
207
- "chunks/item-option-number-field-_lCPA_qC.js",
208
- "chunks/item-option-panel-s1ZKzAZ9.js",
209
- "chunks/item-option-picker-CeK7QDTm.js",
210
- "chunks/item-option-position-picker-BAWZpDBA.js",
211
- "chunks/item-option-positions-number-field-BmEtttZL.js",
212
- "chunks/item-option-radio-button-group-DR7gdaTr.js",
213
- "chunks/item-option-slider-C_jierlR.js",
214
- "chunks/item-option-switch-DJfnhpf_.js",
215
- "chunks/item-option-text-field-DNqL7Evw.js",
216
- "chunks/item-slot-picker-panel-DsZvl6kA.js",
200
+ "chunks/item-option-action-button-group-DZW0HRGd.js",
201
+ "chunks/item-option-base-BlSnktzl.js",
202
+ "chunks/item-option-color-palette-picker-jnEt02PP.js",
203
+ "chunks/item-option-color-picker-CcElYCgD.js",
204
+ "chunks/item-option-color-range-DTFbs7JK.js",
205
+ "chunks/item-option-guidelines-DFlj41ZE.js",
206
+ "chunks/item-option-multi-language-field-DVc8-FVc.js",
207
+ "chunks/item-option-number-field-B1V-8Nq-.js",
208
+ "chunks/item-option-panel-CpyguQjh.js",
209
+ "chunks/item-option-picker-BCrQSP1O.js",
210
+ "chunks/item-option-position-picker-CLiGzaZ1.js",
211
+ "chunks/item-option-positions-number-field-DmFdahh8.js",
212
+ "chunks/item-option-radio-button-group-nioc7wyo.js",
213
+ "chunks/item-option-slider-BfXB8U09.js",
214
+ "chunks/item-option-switch-DPF9lIX0.js",
215
+ "chunks/item-option-text-field-CRbhs_g4.js",
216
+ "chunks/item-slot-picker-panel-B_7VXYPs.js",
217
217
  "chunks/ja-CtDlXHD1.js",
218
218
  "chunks/ko-CekuHU50.js",
219
219
  "chunks/line-chart-options.config-DyqQLGw8.js",
@@ -224,12 +224,12 @@
224
224
  "chunks/line-chart-options.nl-BOgcjx48.js",
225
225
  "chunks/line-chart-slots.config-CavGuJXK.js",
226
226
  "chunks/lit-localize-CIGP-NUw.js",
227
- "chunks/load-data-fields-for-datasets-_VJWUFPO.js",
228
- "chunks/load-formula-codemirror-Cyqo4LoE.js",
227
+ "chunks/load-data-fields-for-datasets-fBp1YEFi.js",
228
+ "chunks/load-formula-codemirror-DcjxFIW6.js",
229
229
  "chunks/localize-BXHWaHdZ.js",
230
230
  "chunks/localized-decorator-Buib6Rq1.js",
231
- "chunks/localized-mixin-BEfBwOPN.js",
232
- "chunks/luzmo-icon-markup-GqF25og5.js",
231
+ "chunks/localized-mixin-YSDMfLKU.js",
232
+ "chunks/luzmo-icon-markup-JO3eup7O.js",
233
233
  "chunks/luzmoAlignLeft-HA-XKPHy.js",
234
234
  "chunks/luzmoAngleDown-PNrItYzK.js",
235
235
  "chunks/luzmoBorderDotted-CWXwQ_Hm.js",
@@ -382,7 +382,7 @@
382
382
  "chunks/symbol-map-options.fr-CPNydqFW.js",
383
383
  "chunks/symbol-map-options.nl-BBHmJwLF.js",
384
384
  "chunks/symbol-map-slots.config-B_UtYexb.js",
385
- "chunks/task-C3c3OWyi.js",
385
+ "chunks/task-CTUsEtxU.js",
386
386
  "chunks/text-options.config-Chv14kyQ.js",
387
387
  "chunks/text-options.de-CRVu5VAm.js",
388
388
  "chunks/text-options.en-CupCY5Us.js",
@@ -424,8 +424,8 @@
424
424
  "chunks/zh-TW-NVnv57dz.js"
425
425
  ],
426
426
  "lucero": {
427
- "version": "2.3.0-beta.0",
428
- "baseUrl": "https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/"
427
+ "version": "2.4.0",
428
+ "baseUrl": "https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.4.0/standalone/"
429
429
  },
430
430
  "embed": "bundled"
431
431
  }
@@ -1,2 +0,0 @@
1
-
2
- import{n as e}from"./localized-mixin-BEfBwOPN.js";import{LitElement as t,property as n}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/lit.js";var r=new Set;new MutationObserver(()=>{let e=document.documentElement.dir===`rtl`?document.documentElement.dir:`ltr`;r.forEach(t=>{t.setAttribute(`dir`,e)})}).observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`]});var i=e=>e.startManagingContentDirection!==void 0||e.tagName===`LUZMO-THEME`,a=(e=document)=>{let t=e.activeElement;for(;t?.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;let n=t?[t]:[];for(;t;){let e=t.assignedSlot||t.parentElement||t.getRootNode()?.host;e&&n.push(e),t=e}return n};function o(e){class t extends e{get isLTR(){return this.dir===`ltr`}hasVisibleFocusInTree(){let e=a(this.getRootNode())[0];if(!e)return!1;try{return e.matches(`:focus-visible`)||e.matches(`.focus-visible`)}catch{return e.matches(`.focus-visible`)}}connectedCallback(){if(super.connectedCallback(),!this.hasAttribute(`dir`)){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!i(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir===`rtl`?e.dir:this.dir||`ltr`,e===document.documentElement)r.add(this);else{let{localName:t}=e;t.search(`-`)>-1&&!customElements.get(t)?customElements.whenDefined(t).then(()=>{typeof e.startManagingContentDirection==`function`&&e.startManagingContentDirection(this)}):typeof e.startManagingContentDirection==`function`&&e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?r.delete(this):typeof this._dirParent.stopManagingContentDirection==`function`&&this._dirParent.stopManagingContentDirection(this),this.removeAttribute(`dir`))}}return t}var s=class extends o(t){},c=!0;try{document.body.querySelector(`:focus-visible`)}catch{c=!1}var l=e=>{if(e.shadowRoot==null||Object.hasOwn(e.dataset,`jsFocusVisible`))return()=>{};if(self.applyFocusVisiblePolyfill)self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus();else{let t=()=>{self.applyFocusVisiblePolyfill&&e.shadowRoot&&self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus()};return self.addEventListener(`focus-visible-polyfill-ready`,t,{once:!0}),()=>{self.removeEventListener(`focus-visible-polyfill-ready`,t)}}return()=>{}},u=e=>{let t=Symbol(`endPolyfillCoordination`);class n extends e{constructor(...e){super(...e),this[t]=null}connectedCallback(){super.connectedCallback&&super.connectedCallback(),c||requestAnimationFrame(()=>{this[t]??(this[t]=l(this))})}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),c||requestAnimationFrame(()=>{this[t]!=null&&(this[t](),this[t]=null)})}}return n};function d(){return new Promise(e=>requestAnimationFrame(()=>e()))}var f=class extends u(s){constructor(...e){super(...e),this.disabled=!1,this.autofocus=!1,this._tabIndex=0,this.manipulatingTabindex=!1,this.autofocusReady=Promise.resolve()}get tabIndex(){if(this.focusElement===this){let e=this.hasAttribute(`tabindex`)?Number(this.getAttribute(`tabindex`)):NaN;return Number.isNaN(e)?-1:e}let e=Number.parseFloat(this.hasAttribute(`tabindex`)&&this.getAttribute(`tabindex`)||`0`);return this.disabled||e<0?-1:this.focusElement?this._tabIndex:e}set tabIndex(e){if(this.manipulatingTabindex){this.manipulatingTabindex=!1;return}if(this.focusElement===this){if(this.disabled)this._tabIndex=e;else if(e!==this._tabIndex){this._tabIndex=e;let t=``+e;this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,t)}return}if(e===-1?this.addEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex):(this.manipulatingTabindex=!0,this.removeEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex)),e===-1||this.disabled){if(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),this.removeAttribute(`focusable`),this.selfManageFocusElement)return;e===-1?this.focusElement?.removeAttribute(`tabindex`):(this._tabIndex=e,this.manageFocusElementTabindex(e));return}this.setAttribute(`focusable`,``),this.hasAttribute(`tabindex`)?this.removeAttribute(`tabindex`):this.manipulatingTabindex=!1,this._tabIndex=e,this.manageFocusElementTabindex(e)}onPointerdownManagementOfTabIndex(){this.tabIndex===-1&&setTimeout(()=>{this.tabIndex=0,this.focus({preventScroll:!0}),this.tabIndex=-1})}async manageFocusElementTabindex(e){this.focusElement||await this.updateComplete,e===null?this.focusElement.removeAttribute(`tabindex`):this.focusElement!==this&&(this.focusElement.tabIndex=e)}get focusElement(){throw Error(`Must implement focusElement getter!`)}get selfManageFocusElement(){return!1}focus(e){this.disabled||!this.focusElement||(this.focusElement===this?Reflect.apply(HTMLElement.prototype.focus,this,[e]):this.focusElement.focus(e))}blur(){let e=this.focusElement||this;e===this?HTMLElement.prototype.blur.apply(this):e.blur()}click(){if(this.disabled)return;let e=this.focusElement||this;e===this?HTMLElement.prototype.click.apply(this):e.click()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent(`keydown`,{code:`Tab`})),this.focusElement.focus())}firstUpdated(e){super.firstUpdated(e),(!this.hasAttribute(`tabindex`)||this.getAttribute(`tabindex`)!==`-1`)&&this.setAttribute(`focusable`,``)}update(e){e.has(`disabled`)&&this.handleDisabledChanged(this.disabled,e.get(`disabled`)),super.update(e)}updated(e){super.updated(e),e.has(`disabled`)&&this.disabled&&this.blur()}async handleDisabledChanged(e,t){let n=()=>this.focusElement!==this&&this.focusElement.disabled!==void 0;e?(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),await this.updateComplete,n()?this.focusElement.disabled=!0:this.setAttribute(`aria-disabled`,`true`)):t&&(this.manipulatingTabindex=!0,this.focusElement===this?this.setAttribute(`tabindex`,``+this._tabIndex):this.removeAttribute(`tabindex`),await this.updateComplete,n()?this.focusElement.disabled=!1:this.removeAttribute(`aria-disabled`))}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.autofocusReady,e}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.autofocusReady=(async()=>{await d(),await d()})(),this.updateComplete.then(()=>this.manageAutoFocus()))}};e([n({type:Boolean,reflect:!0})],f.prototype,`disabled`,void 0),e([n({type:Boolean})],f.prototype,`autofocus`,void 0),e([n({type:Number})],f.prototype,`tabIndex`,null);var p={xxs:`xxs`,xs:`xs`,s:`s`,m:`m`,l:`l`,xl:`xl`,xxl:`xxl`};function m(t,{validSizes:r=[`s`,`m`,`l`,`xl`],noDefaultSize:i,defaultSize:a=`m`}={}){class o extends t{constructor(...e){super(...e),this._size=a}get size(){return this._size||a}set size(e){let t=i?null:a,n=e&&e.toLocaleLowerCase(),o=r.includes(n)?n:t;if(o&&this.setAttribute(`size`,o),this._size===o)return;let s=this._size;this._size=o,this.requestUpdate(`size`,s)}update(e){!this.hasAttribute(`size`)&&!i&&this.setAttribute(`size`,this.size),super.update(e)}}return e([n({type:String})],o.prototype,`size`,null),o}export{m as n,s as r,p as t};
@@ -1,38 +0,0 @@
1
-
2
- import{n as e,t}from"./localized-mixin-BEfBwOPN.js";import{n}from"./lit-localize-CIGP-NUw.js";import{t as r}from"./localized-decorator-Buib6Rq1.js";import{n as i,t as a}from"./luzmoCheckbox-BksyONqE.js";import{n as o,r as s,t as c}from"./base-DOKoeL4P.js";import{html as l,property as u,query as d,state as f,unsafeCSS as p}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/action-button.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/field-label.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/icon.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/number-field.js";var m=`:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap,var(--display-settings-binning-gap));display:flex}:host,:host([size=s]){--display-settings-binning-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap:var(--luzmo-spacing-5)}`,h=class extends t(o(s,{validSizes:Object.values(c)})){constructor(...e){super(...e),this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[p(m)]}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._enabled=this.slotContent?.bins?.enabled??!1,this._binWidth=this.slotContent?.bins?.number??10)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){let e={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:e}}}))}renderBinWidth(){return l`<div class="setting">
3
- <luzmo-field-label .size=${this.size} for="bin-width"
4
- >${n(`Bin width`,{desc:`The width of each bin in the histogram`})}</luzmo-field-label
5
- >
6
- <luzmo-number-field
7
- id="bin-width"
8
- min="0"
9
- .value=${this._binWidth}
10
- .size=${this.size}
11
- @change=${this.setBinning}
12
- ></luzmo-number-field>
13
- </div>`}render(){return l`<div class="settings-container">
14
- <div class="settings-row">
15
- <div class="setting">
16
- <luzmo-field-label .size=${this.size} for="binning"
17
- >${n(`Binning`,{desc:`Grouping numeric data into intervals or "bins" for analysis and visualization`})}</luzmo-field-label
18
- >
19
- <luzmo-action-button
20
- id="binning"
21
- toggles
22
- emphasized
23
- .size=${this.size}
24
- ?selected=${this._enabled}
25
- class=${this._enabled?`active`:`inactive`}
26
- @click=${this.toggleBinning}
27
- >
28
- <luzmo-icon
29
- slot="icon"
30
- .size=${this.size}
31
- .icon=${this._enabled?i:a}
32
- ></luzmo-icon>
33
- ${this._enabled?n(`Enabled`,{desc:`Option set to enabled`}):n(`Disabled`,{desc:`Option set to disabled`})}
34
- </luzmo-action-button>
35
- </div>
36
- ${this._enabled?this.renderBinWidth():``}
37
- </div>
38
- </div>`}};e([u()],h.prototype,`slotContent`,void 0),e([f()],h.prototype,`_enabled`,void 0),e([d(`#bin-width`)],h.prototype,`binWidthElement`,void 0),h=e([r()],h),customElements.get(`luzmo-display-settings-binning`)||customElements.define(`luzmo-display-settings-binning`,h);
@@ -1,199 +0,0 @@
1
-
2
- import{n as e,t}from"./localized-mixin-BEfBwOPN.js";import{n}from"./lit-localize-CIGP-NUw.js";import{t as r}from"./localized-decorator-Buib6Rq1.js";import{n as i,t as a}from"./luzmoCheckbox-BksyONqE.js";import{n as o,r as s,t as c}from"./base-DOKoeL4P.js";import{t as l}from"./task-C3c3OWyi.js";import{r as u,t as d}from"./formatter-LzhH-XSQ.js";import{i as f,r as p,t as m}from"./periods.const-Cie50jR4.js";import{html as h,property as g,query as _,unsafeCSS as v}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/action-button.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/action-group.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/field-label.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/icon.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/number-field.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/picker.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/progress-circle.js";var y={"~":()=>n(`Auto`,{desc:`Automatic setting of the option`}),"/":()=>`/`,"-":()=>`-`,".":()=>`.`},b=`:host{font-family:var(--luzmo-display-settings-datetime-font-family,var(--luzmo-font-family))}:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap,var(--display-settings-datetime-gap));display:flex}:host{--display-settings-datetime-example-font-size:var(--luzmo-font-size-s);--display-settings-datetime-example-color:var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight:bold;--display-settings-datetime-example-label-color:var(--luzmo-primary);--display-settings-datetime-example-language-color:var(--luzmo-primary);--display-settings-datetime-gap:var(--luzmo-spacing-3);--display-settings-datetime-example-height:var(--luzmo-component-height)}:host([size=s]){--display-settings-datetime-gap:var(--luzmo-spacing-3);--display-settings-datetime-example-height:var(--luzmo-component-height-s);--display-settings-datetime-example-font-size:var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap:var(--luzmo-spacing-4);--display-settings-datetime-example-height:var(--luzmo-component-height-l);--display-settings-datetime-example-font-size:var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap:var(--luzmo-spacing-5);--display-settings-datetime-example-height:var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size:var(--luzmo-font-size-l)}`,x=class extends t(o(s,{validSizes:Object.values(c)})){constructor(...e){super(...e),this._loadLocaleFormatsConfig=new l(this,{task:async([e])=>{if(e&&e!==this._contentLanguageLoaded){let t=Object.assign({"../../utils/formatter/formats/cs.ts":()=>import(`./cs-DLnr3a23.js`),"../../utils/formatter/formats/da.ts":()=>import(`./da-BJgbo0uE.js`),"../../utils/formatter/formats/de.ts":()=>import(`./de-DPgYMyja.js`),"../../utils/formatter/formats/en-GB.ts":()=>import(`./en-GB-DnwmFNwC.js`),"../../utils/formatter/formats/en-US.ts":()=>import(`./en-US-BD2RCLuw.js`),"../../utils/formatter/formats/en.ts":()=>import(`./en-BD2RCLuw.js`),"../../utils/formatter/formats/es.ts":()=>import(`./es-Dp1UuDDz.js`),"../../utils/formatter/formats/fi.ts":()=>import(`./fi-CLQ6vC7V.js`),"../../utils/formatter/formats/fr.ts":()=>import(`./fr-D8xrUEX4.js`),"../../utils/formatter/formats/he.ts":()=>import(`./he-DHPb0VBo.js`),"../../utils/formatter/formats/hu.ts":()=>import(`./hu-BpaYooip.js`),"../../utils/formatter/formats/it.ts":()=>import(`./it-DWTvD2Xn.js`),"../../utils/formatter/formats/ja.ts":()=>import(`./ja-CtDlXHD1.js`),"../../utils/formatter/formats/ko.ts":()=>import(`./ko-CekuHU50.js`),"../../utils/formatter/formats/mk.ts":()=>import(`./mk-Dq3YK4jD.js`),"../../utils/formatter/formats/nl.ts":()=>import(`./nl-7csxtU-I.js`),"../../utils/formatter/formats/no.ts":()=>import(`./no-DJNRx8au.js`),"../../utils/formatter/formats/pl.ts":()=>import(`./pl-zDnuk9Gd.js`),"../../utils/formatter/formats/pt.ts":()=>import(`./pt-BEVAH5AJ.js`),"../../utils/formatter/formats/ru.ts":()=>import(`./ru-Ceji1Fqk.js`),"../../utils/formatter/formats/sv.ts":()=>import(`./sv-CgssnOqA.js`),"../../utils/formatter/formats/tr.ts":()=>import(`./tr-i3G2sFi4.js`),"../../utils/formatter/formats/zh-CN.ts":()=>import(`./zh-CN-NVnv57dz.js`),"../../utils/formatter/formats/zh-TW.ts":()=>import(`./zh-TW-NVnv57dz.js`)});if(t[`../../utils/formatter/formats/${e}.ts`]){let n=await t[`../../utils/formatter/formats/${e}.ts`]();this._localeFormats=n?.default??{}}return this._contentLanguageLoaded=e,this._localeFormats}},args:()=>[this.contentLanguage]}),this.contentLanguage=`en`,this.size=`m`,this.slotContent={},this._dateLevel=5,this._displayAs=`default`,this._weekStart=`monday`,this._weekDayAndMonthInYearFormat=`long`,this._dateFormat=`auto`,this._dateSeparator=`~`,this._sendEvent=()=>{this._calculateSlotContent(),this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}}static get styles(){return[v(b)]}_parseSlotContent(){this._dateLevel=this.slotContent?.level??this.slotContent?.lowestLevel??5,this._displayAs=this.slotContent?.datetimeDisplayMode??`default`,this._displayAs===`weekday_number`&&(this._displayAs=`day_in_week`,this._weekDayAndMonthInYearFormat=`number`),this._displayAs===`weekday_name`&&(this._displayAs=`day_in_week`),this._displayAs===`month_number`&&(this._displayAs=`month_in_year`,this._weekDayAndMonthInYearFormat=`number`),this._displayAs===`month_name`&&(this._displayAs=`month_in_year`),this._parseSavedFormat()}_parseSavedFormat(){let e=this.slotContent?.format??`%d-%m-%Y`,t=e.match(/[./-]/);if(this._dateSeparator=e.includes(`~`)?`~`:t?.[0]??`~`,e.includes(`%amd`))this._dateFormat=`auto`;else{let t=e.indexOf(`%d`),n=e.indexOf(`%m`);t!==-1&&n!==-1&&(this._dateFormat=t<n?`ddmm`:`mmdd`)}this._24hFormat=e.includes(`%H`),this._monthName=/%B|%b/.test(e),this._weekDay=/%a|%A/.test(e),this._monthName&&(this._monthNameFormat=e.includes(`%b`)?`short`:`long`),this._weekDay&&(this._weekDayAndMonthInYearFormat=e.includes(`%a`)?`short`:`long`);let n=this._dateLevel===5&&this.slotContent?.weekDayNameFormat||this._dateLevel===3&&this.slotContent?.monthNameFormat;n&&(this._weekDayAndMonthInYearFormat=n)}_calculateFormat(){let e,t=this._localeFormats?.smartDateFormats??u;this._monthName?(e=t.filter(e=>e.monthType===`name`&&e.longText===(this._monthNameFormat===`long`)&&e.weekday===this._weekDay),e.length>0?this._format=e[0].key:(this._weekDayAndMonthInYearFormat=`short`,this._weekDay=!0,this._format=`%a %e %B %Y`)):(e=this._dateLevel&&this._dateLevel===4?t.filter(e=>e.monthType===`number`&&e.mmdd===(this._weekFormat===`mmdd`||this._weekFormat!==`ddmm`&&null)&&e.separator===this._dateSeparator):t.filter(e=>e.monthType===`number`&&e.mmdd===(this._dateFormat===`mmdd`||this._dateFormat!==`ddmm`&&null)&&e.separator===this._dateSeparator),this._dateFormat===`auto`&&this._dateLevel&&this._dateLevel!==4?this._format=`%amd`+this._dateSeparator+`%Y`:e.length>0?this._format=e[0].key:(this._dateFormat=`ddmm`,this._dateSeparator=`/`,this._format=`%d/%m/%Y`)),this._dateLevel&&this._dateLevel>5&&(this._format+=this._24hFormat?` %H:%M:%S.%L`:` %I:%M:%S.%L %p`)}_setWeekStartsOn(){this._weekStart=this._weekStartElement.value,this._sendEvent(),this.requestUpdate()}_setDisplayAs(){this._displayAs=this._displayAsElement.value,this._sendEvent(),this.requestUpdate()}_setWeekdayAndMonthInYearFormat(){this._weekDayAndMonthInYearFormat=this._weekDayAndMonthInYearFormatElement.selected?.[0]??`long`,this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){this._monthNameFormat=this._monthNameFormatElement.selected?.[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){this._weekFormat=this._weekFormatElement.selected?.[0],this._sendEvent(),this.requestUpdate()}_setDateFormat(){this._dateFormat=this._dateFormatElement.value,this._sendEvent(),this.requestUpdate()}_setDateSeparator(){this._dateSeparator=this._dateSeparatorElement.value,this._sendEvent(),this.requestUpdate()}_set24hFormat(){this._24hFormat=this._format24hElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekday(){this._weekDay=this._weekDayElement.selected,this._sendEvent(),this.requestUpdate()}_calculateSlotContent(){this._currentSlotContent={...this.slotContent},this._calculateFormat(),this._currentSlotContent.format=this._format,this._displayAs==="default"?delete this._currentSlotContent.datetimeDisplayMode:(this._currentSlotContent.datetimeDisplayMode=this._displayAs,this._displayAs===`week_in_year`?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat===`number`?`week_number`:`week_name`:this._displayAs===`month_in_year`?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat===`number`?`month_number`:`month_name`:this._displayAs===`day_in_week`&&(this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat===`number`?`weekday_number`:`weekday_name`,this._currentSlotContent.weekStart=this._weekStart),this._weekDayAndMonthInYearFormat&&(this._dateLevel===3?this._currentSlotContent.monthNameFormat=this._weekDayAndMonthInYearFormat:this._dateLevel===5&&(this._currentSlotContent.weekDayNameFormat=this._weekDayAndMonthInYearFormat)))}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._parseSlotContent(),this._calculateSlotContent())}_renderDisplaySettings(){let e=m?.[`level${this._dateLevel??0}`]?.map(e=>h`<luzmo-menu-item value=${e.key}>
3
- ${e.i18n()}
4
- </luzmo-menu-item>`);return h`<div class="setting">
5
- <luzmo-field-label .size=${this.size} for="display-as"
6
- >${n(`Display`,{desc:`Label for display setting`})}</luzmo-field-label
7
- >
8
- <luzmo-picker
9
- id="display-as"
10
- size=${this.size}
11
- variant="highlight"
12
- value=${this._displayAs??`default`}
13
- @change=${this._setDisplayAs}
14
- >
15
- ${e}
16
- </luzmo-picker>
17
- </div>`}_renderWeekDayAndMonthNameFormatSettings(){let e=Object.keys(p).map(e=>h`<luzmo-action-button value=${e}>
18
- ${p[e]()}
19
- </luzmo-action-button>`);return h` <div class="setting">
20
- <luzmo-field-label .size=${this.size} for="weekday-and-month-in-year-format"
21
- >${n(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
22
- >
23
- <luzmo-action-group
24
- emphasized
25
- id="weekday-and-month-in-year-format"
26
- size=${this.size}
27
- compact
28
- .selected=${[this._weekDayAndMonthInYearFormat??`short`]}
29
- selects="single"
30
- @change=${this._setWeekdayAndMonthInYearFormat}
31
- >
32
- ${e}
33
- </luzmo-action-group>
34
- </div>`}_renderMonthNameFormatSettings(){return h` <div class="setting">
35
- <luzmo-field-label .size=${this.size} for="month-name-format"
36
- >${n(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
37
- >
38
- <luzmo-action-group
39
- emphasized
40
- id="month-name-format"
41
- size=${this.size}
42
- compact
43
- .selected=${[this._monthNameFormat??`long`]}
44
- selects="single"
45
- @change=${this._setMonthNameFormat}
46
- >
47
- <luzmo-action-button value="short">
48
- ${n(`Short`,{desc:`Short format option`})}
49
- </luzmo-action-button>
50
- <luzmo-action-button value="long">
51
- ${n(`Long`,{desc:`Long format option`})}
52
- </luzmo-action-button>
53
- </luzmo-action-group>
54
- </div>`}_renderWeekFormatSettings(){let e=this._localeFormats?.smartDateFormats??u,t=e.find(e=>e.mmdd===!0&&e.separator===this._dateSeparator&&e.monthType===`number`),r=e.find(e=>e.mmdd===!1&&e.separator===this._dateSeparator&&e.monthType===`number`);return h` <div class="setting">
55
- <luzmo-field-label .size=${this.size} for="week-format"
56
- >${n(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
57
- >
58
- <luzmo-action-group
59
- emphasized
60
- id="week-format"
61
- size=${this.size}
62
- compact
63
- .selected=${[this._weekFormat??`ddmm`]}
64
- selects="single"
65
- @change=${this._setWeekFormat}
66
- >
67
- <luzmo-action-button value="ddmm">
68
- ${d({...this._currentSlotContent,type:`datetime`,format:r?.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}
69
- </luzmo-action-button>
70
- <luzmo-action-button value="mmdd"
71
- >${d({...this._currentSlotContent,type:`datetime`,format:t?.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}</luzmo-action-button
72
- >
73
- </luzmo-action-group>
74
- </div>`}_renderWeekStartsOnSettings(){let e=Object.keys(f).map(e=>h`<luzmo-menu-item value=${e}>
75
- ${f[e]()}
76
- </luzmo-menu-item>`);return h`<div class="setting">
77
- <luzmo-field-label .size=${this.size} for="week-start"
78
- >${n(`Week starts on`,{desc:`Label for week start setting`})}</luzmo-field-label
79
- >
80
- <luzmo-picker
81
- id="week-start"
82
- size=${this.size}
83
- variant="highlight"
84
- value=${this._weekStart??`Auto`}
85
- @change=${this._setWeekStartsOn}
86
- >
87
- ${e}
88
- </luzmo-picker>
89
- </div>`}_renderMonthNameSettings(){return h`<div class="settings-">
90
- <luzmo-field-label .size=${this.size} for="month-name"
91
- >${n(`Month`,{desc:`Time unit`})}</luzmo-field-label
92
- >
93
- <luzmo-action-button
94
- id="month-name"
95
- emphasized
96
- toggles
97
- .size=${this.size}
98
- ?selected=${this._monthName}
99
- @change=${this._setMonthName}
100
- >
101
- <luzmo-icon
102
- slot="icon"
103
- .size=${this.size}
104
- .icon=${this._monthName?i:a}
105
- ></luzmo-icon>
106
- ${n(`Name`)}
107
- </luzmo-action-button>
108
- </div>`}_renderDateFormatSettings(){let e=this._dateSeparator===`~`?`/`:this._dateSeparator;return h`<div class="setting">
109
- <luzmo-field-label .size=${this.size} for="date-format"
110
- >${n(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
111
- >
112
- <luzmo-picker
113
- id="date-format"
114
- size=${this.size}
115
- variant="highlight"
116
- value=${this._dateFormat??`Auto`}
117
- @change=${this._setDateFormat}
118
- >
119
- <luzmo-menu-item value="auto">
120
- ${n(`Auto`,{desc:`Automatic setting of the option`})}
121
- </luzmo-menu-item>
122
- <luzmo-menu-item value="mmdd">12${e}31</luzmo-menu-item>
123
- <luzmo-menu-item value="ddmm">31${e}12</luzmo-menu-item>
124
- </luzmo-picker>
125
- </div>`}_renderSeparatorSettings(){let e=Object.keys(y).map(e=>h`<luzmo-menu-item value=${e}>
126
- ${y[e]()}
127
- </luzmo-menu-item>`);return h`<div class="setting">
128
- <luzmo-field-label .size=${this.size} for="date-separator"
129
- >${n(`Separator`,{desc:`Label for date separator setting`})}</luzmo-field-label
130
- >
131
- <luzmo-picker
132
- id="date-separator"
133
- size=${this.size}
134
- variant="highlight"
135
- value=${this._dateSeparator??`~`}
136
- @change=${this._setDateSeparator}
137
- >
138
- ${e}
139
- </luzmo-picker>
140
- </div>`}_render24hFormatSettings(){return h`<div class="settings-">
141
- <luzmo-field-label .size=${this.size} for="format-24h"
142
- >${n(`24h`,{desc:`Label for 24h format setting`})}</luzmo-field-label
143
- >
144
- <luzmo-action-button
145
- id="format-24h"
146
- emphasized
147
- toggles
148
- .size=${this.size}
149
- .label=${n(`Show`)}
150
- ?selected=${this._24hFormat}
151
- @change=${this._set24hFormat}
152
- >
153
- <luzmo-icon
154
- slot="icon"
155
- .size=${this.size}
156
- .icon=${this._24hFormat?i:a}
157
- ></luzmo-icon>
158
- </luzmo-action-button>
159
- </div>`}_renderWeekdaySettings(){return h`<div class="settings-">
160
- <luzmo-field-label .size=${this.size} for="weekday"
161
- >${n(`Weekday`,{desc:`Label for weekday setting`})}</luzmo-field-label
162
- >
163
- <luzmo-action-button
164
- id="weekday"
165
- emphasized
166
- toggles
167
- .size=${this.size}
168
- ?selected=${this._weekDay}
169
- @change=${this._setWeekday}
170
- >
171
- <luzmo-icon
172
- slot="icon"
173
- .size=${this.size}
174
- .icon=${this._weekDay?i:a}
175
- ></luzmo-icon>
176
- ${n(`Show`)}
177
- </luzmo-action-button>
178
- </div>`}_renderAllSettings(){return h`<div class="settings-container">
179
- ${this._dateLevel&&![1,9].includes(this._dateLevel)?h` <div class="settings-row">
180
- ${this._renderDisplaySettings()}
181
- ${this._dateLevel&&this._dateLevel>=5&&this._displayAs===`day_in_week`?this._renderWeekStartsOnSettings():``}
182
- </div>`:``}
183
- ${[`month_in_year`,`day_in_week`].includes(this._displayAs??``)?h` <div class="settings-row">
184
- ${this._renderWeekDayAndMonthNameFormatSettings()}
185
- </div>`:``}
186
- ${this._dateLevel&&this._dateLevel>1&&this._displayAs==="default"?h` <div class="settings-row">
187
- ${this._dateLevel&&this._dateLevel!==4&&this._dateLevel!==2?this._renderMonthNameSettings():``}
188
- ${this._dateLevel&&this._dateLevel!==4&&this._dateLevel>2&&this._monthName?this._renderMonthNameFormatSettings():``}
189
- ${this._dateLevel&&this._dateLevel===4&&!this._monthName?this._renderWeekFormatSettings():``}
190
- ${this._dateLevel&&this._dateLevel>=5&&!this._monthName?this._renderDateFormatSettings():``}
191
- ${this._dateLevel&&this._dateLevel>1&&!this._monthName?this._renderSeparatorSettings():``}
192
- ${this._dateLevel&&this._dateLevel>=5&&this._monthName?this._renderWeekdaySettings():``}
193
- ${this._dateLevel&&this._dateLevel>5?this._render24hFormatSettings():``}
194
- </div>`:``}
195
- </div>`}render(){return this._loadLocaleFormatsConfig.render({pending:()=>h`<luzmo-progress-circle
196
- indeterminate
197
- .label=${n(`Loading`,{desc:`Loading spinner label`})}
198
- .size=${this.size}
199
- ></luzmo-progress-circle>`,complete:()=>this._renderAllSettings(),error:()=>this._renderAllSettings()})}};e([g({type:String})],x.prototype,`contentLanguage`,void 0),e([g({type:String})],x.prototype,`size`,void 0),e([g({type:Object,reflect:!1})],x.prototype,`slotContent`,void 0),e([_(`#display-as`)],x.prototype,`_displayAsElement`,void 0),e([_(`#week-start`)],x.prototype,`_weekStartElement`,void 0),e([_(`#weekday-and-month-in-year-format`)],x.prototype,`_weekDayAndMonthInYearFormatElement`,void 0),e([_(`#month-name-format`)],x.prototype,`_monthNameFormatElement`,void 0),e([_(`#month-name`)],x.prototype,`_monthNameElement`,void 0),e([_(`#week-format`)],x.prototype,`_weekFormatElement`,void 0),e([_(`#date-format`)],x.prototype,`_dateFormatElement`,void 0),e([_(`#date-separator`)],x.prototype,`_dateSeparatorElement`,void 0),e([_(`#weekday`)],x.prototype,`_weekDayElement`,void 0),e([_(`#format-24h`)],x.prototype,`_format24hElement`,void 0),x=e([r()],x),customElements.get(`luzmo-display-settings-datetime`)||customElements.define(`luzmo-display-settings-datetime`,x);