@3t-transform/threeteeui 1.9.56 → 1.9.58

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "1.9.56",
+    "version": "1.9.58",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -22,7 +22,7 @@
         "unit:coverage": "stencil test --coverage --no-cache --silent --spec",
         "unit:loud": "stencil test --spec --verbose",
         "test.watch": "stencil test --spec --e2e --watchAll",
-        "test":"stencil test --spec --e2e",
+        "test": "stencil test --spec --e2e",
         "generate": "stencil generate",
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build",

package/dist/components/tttx-action-dropdown_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxActionDropdown_1_9_56 extends Components.TttxActionDropdown_1_9_56, HTMLElement {}
-export const TttxActionDropdown_1_9_56: {
-  prototype: TttxActionDropdown_1_9_56;
-  new (): TttxActionDropdown_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-checkbox-group-caption_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroupCaption_1_9_56 extends Components.TttxCheckboxGroupCaption_1_9_56, HTMLElement {}
-export const TttxCheckboxGroupCaption_1_9_56: {
-  prototype: TttxCheckboxGroupCaption_1_9_56;
-  new (): TttxCheckboxGroupCaption_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-checkbox-group-heading_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroupHeading_1_9_56 extends Components.TttxCheckboxGroupHeading_1_9_56, HTMLElement {}
-export const TttxCheckboxGroupHeading_1_9_56: {
-  prototype: TttxCheckboxGroupHeading_1_9_56;
-  new (): TttxCheckboxGroupHeading_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-checkbox-group_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroup_1_9_56 extends Components.TttxCheckboxGroup_1_9_56, HTMLElement {}
-export const TttxCheckboxGroup_1_9_56: {
-  prototype: TttxCheckboxGroup_1_9_56;
-  new (): TttxCheckboxGroup_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-data-pattern_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxDataPattern_1_9_56 extends Components.TttxDataPattern_1_9_56, HTMLElement {}
-export const TttxDataPattern_1_9_56: {
-  prototype: TttxDataPattern_1_9_56;
-  new (): TttxDataPattern_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-dialog-box_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxDialogBox_1_9_56 extends Components.TttxDialogBox_1_9_56, HTMLElement {}
-export const TttxDialogBox_1_9_56: {
-  prototype: TttxDialogBox_1_9_56;
-  new (): TttxDialogBox_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-expander_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxExpander_1_9_56 extends Components.TttxExpander_1_9_56, HTMLElement {}
-export const TttxExpander_1_9_56: {
-  prototype: TttxExpander_1_9_56;
-  new (): TttxExpander_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-keyvalue-block_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxKeyvalueBlock_1_9_56 extends Components.TttxKeyvalueBlock_1_9_56, HTMLElement {}
-export const TttxKeyvalueBlock_1_9_56: {
-  prototype: TttxKeyvalueBlock_1_9_56;
-  new (): TttxKeyvalueBlock_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-loading-spinner_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxLoadingSpinner_1_9_56 extends Components.TttxLoadingSpinner_1_9_56, HTMLElement {}
-export const TttxLoadingSpinner_1_9_56: {
-  prototype: TttxLoadingSpinner_1_9_56;
-  new (): TttxLoadingSpinner_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-multiselect-box_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxMultiselectBox_1_9_56 extends Components.TttxMultiselectBox_1_9_56, HTMLElement {}
-export const TttxMultiselectBox_1_9_56: {
-  prototype: TttxMultiselectBox_1_9_56;
-  new (): TttxMultiselectBox_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-percentage-bar_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxPercentageBar_1_9_56 extends Components.TttxPercentageBar_1_9_56, HTMLElement {}
-export const TttxPercentageBar_1_9_56: {
-  prototype: TttxPercentageBar_1_9_56;
-  new (): TttxPercentageBar_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-select-box_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxSelectBox_1_9_56 extends Components.TttxSelectBox_1_9_56, HTMLElement {}
-export const TttxSelectBox_1_9_56: {
-  prototype: TttxSelectBox_1_9_56;
-  new (): TttxSelectBox_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-skeleton_loader_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxSkeleton_loader_1_9_56 extends Components.TttxSkeleton_loader_1_9_56, HTMLElement {}
-export const TttxSkeleton_loader_1_9_56: {
-  prototype: TttxSkeleton_loader_1_9_56;
-  new (): TttxSkeleton_loader_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-sorter_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxSorter_1_9_56 extends Components.TttxSorter_1_9_56, HTMLElement {}
-export const TttxSorter_1_9_56: {
-  prototype: TttxSorter_1_9_56;
-  new (): TttxSorter_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-standalone-input_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxStandaloneInput_1_9_56 extends Components.TttxStandaloneInput_1_9_56, HTMLElement {}
-export const TttxStandaloneInput_1_9_56: {
-  prototype: TttxStandaloneInput_1_9_56;
-  new (): TttxStandaloneInput_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-textarea_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxTextarea_1_9_56 extends Components.TttxTextarea_1_9_56, HTMLElement {}
-export const TttxTextarea_1_9_56: {
-  prototype: TttxTextarea_1_9_56;
-  new (): TttxTextarea_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-toggle_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxToggle_1_9_56 extends Components.TttxToggle_1_9_56, HTMLElement {}
-export const TttxToggle_1_9_56: {
-  prototype: TttxToggle_1_9_56;
-  new (): TttxToggle_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-toolbar_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxToolbar_1_9_56 extends Components.TttxToolbar_1_9_56, HTMLElement {}
-export const TttxToolbar_1_9_56: {
-  prototype: TttxToolbar_1_9_56;
-  new (): TttxToolbar_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-tree-view_1_9_56.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxTreeView_1_9_56 extends Components.TttxTreeView_1_9_56, HTMLElement {}
-export const TttxTreeView_1_9_56: {
-  prototype: TttxTreeView_1_9_56;
-  new (): TttxTreeView_1_9_56;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/esm/tttx-tree-view_1_9_56.entry.js

@@ -1,129 +0,0 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-b11965d8.js';
-import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-38a67458.js';
-import './_commonjsHelpers-9943807e.js';
-
-const tttxTreeViewCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.tree-view-element>ul{margin:0;padding:0}.tree-view-element>* ul{padding:0 0 0 36px}.tree-view-element ul li{list-style-type:none}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;padding-left:8px}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover{cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover::before{content:\"\";position:absolute;left:-50%;top:0;bottom:0;right:0;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowHover:not(.rowSelected):hover::before{background-color:rgba(17, 17, 17, 0.05)}.tree-view-element ul li.inline-tree-item.element-row.rowHover.rowSelected:hover::before{background-color:rgba(17, 17, 17, 0.15)}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:\"Roboto\", serif;font-size:16px;padding:8px 0px;position:relative}.tree-view-element ul li.inline-tree-item.element-row::before{content:\"\";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{content:\"\";position:absolute;left:-50%;top:0;bottom:0;right:0;background-color:rgba(17, 17, 17, 0.1);pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{background-color:#fafafa;height:51px;z-index:1}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:2}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400}";
-
-const TttxTreeView = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.clickEvent = createEvent(this, "clickEvent", 7);
-    this.expandNode = createEvent(this, "expandNode", 7);
-    this.checkboxChange = createEvent(this, "checkboxChange", 7);
-    this.data = undefined;
-    this.treeData = undefined;
-  }
-  componentWillRender() {
-    if (!this.data)
-      return;
-    this.treeData = typeof this.data === 'string' ? JSON.parse(this.data) : this.data;
-  }
-  onClickHandler(event, node) {
-    event.stopPropagation();
-    this.clickEvent.emit(node);
-  }
-  toggleNode(node, event) {
-    event.stopPropagation();
-    node.isOpen = !node.isOpen;
-    this.treeData = [...this.treeData];
-    this.expandNode.emit({ node: node, treeViewData: this.treeData });
-  }
-  handleCheckboxChange(node, event) {
-    event.stopPropagation();
-    node.checked = !node.checked;
-    this.updateChildrenCheckStatus(node);
-    this.updateParentCheckStatus();
-    this.treeData = [...this.treeData];
-    this.checkboxChange.emit(this.treeData);
-  }
-  updateChildrenCheckStatus(node) {
-    if (node.child) {
-      node.child.forEach(childNode => {
-        if (childNode.hasCheckbox && childNode.checked !== undefined) {
-          // don't set checked on a child that doesn't have a checkbox
-          // makes it impossible to unselect a parent as child can never be unchecked in frontend
-          childNode.checked = node.checked;
-        }
-        this.updateChildrenCheckStatus(childNode);
-      });
-    }
-  }
-  /**
-   * Update the checkbox status of parent nodes when children have been updated.
-   * Called recursively to traverse the tree for parents.
-   * First call with no params to automatically start at the top of the tree.
-   *
-   * Any children checked -> parent is checked.
-   *
-   * All children unchecked -> parent is unchecked.
-   */
-  updateParentCheckStatus(parent = undefined, children = undefined) {
-    if (parent === undefined) {
-      this.treeData.map((node) => this.updateParentCheckStatus(node, node.child));
-      return;
-    }
-    let childrenCheckedStatuses = [];
-    // set status relative to children if we have some
-    if (children && children.length > 0) {
-      childrenCheckedStatuses = children
-        .map((node) => this.updateParentCheckStatus(node, node.child))
-        .flat(1);
-      // parent checked if any children are checked
-      if (childrenCheckedStatuses.some((checked) => checked)) {
-        parent.checked = true;
-      }
-      // parent unchecked if all children are unchecked
-      if (childrenCheckedStatuses.every((checked) => !checked)) {
-        parent.checked = false;
-      }
-    }
-    // return the gathered checked statuses so nodes above can make check choices 
-    return [...childrenCheckedStatuses, parent.checked];
-  }
-  treeConfigs(node) {
-    let checkboxIcon, checkboxColor;
-    if (node.checked) {
-      checkboxIcon = 'check_box';
-      checkboxColor = 'blue';
-    }
-    else {
-      checkboxIcon = 'check_box_outline_blank';
-      checkboxColor = 'grey';
-    }
-    const rowHoverActive = node.hasHover ? 'rowHover' : '';
-    const expanderIcon = node.isOpen ? 'arrow_drop_down' : 'arrow_right';
-    const selectedActive = node.selectable && node.selected ? 'rowSelected' : '';
-    return { checkboxColor, checkboxIcon, rowHoverActive, expanderIcon, selectedActive };
-  }
-  renderNode(node) {
-    const options = this.treeConfigs(node);
-    if (node.child) {
-      return (h(Fragment, null, h("li", { class: `inline-tree-item element-row tree-node ${options.rowHoverActive} ${options.selectedActive}`, onClick: event => {
-          if (node.hasHover) {
-            this.onClickHandler(event, node);
-          }
-        } }, h("tttx-button_1_9_56", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor)), node.isOpen ? (h("li", null, h("ul", null, node.child.map(childNode => {
-        return this.renderNode(childNode);
-      })))) : null));
-    }
-    else {
-      return (h("li", { class: `inline-tree-item element-row ${options.rowHoverActive} ${options.selectedActive}`, onClick: event => {
-          if (node.hasHover) {
-            this.onClickHandler(event, node);
-          }
-        } }, this.htmlcode('treeLeaf', node, options.checkboxIcon, options.checkboxColor)));
-    }
-  }
-  htmlcode(type, node, check_box, check_boxColor) {
-    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_9_56", { design: "borderless-circle", notext: true, icon: check_box, iconcolor: check_boxColor, class: "padding-icon checkbox", onClick: event => this.handleCheckboxChange(node, event) })), !node.html && node.hasIcon && (h("tttx-icon_1_9_56", { icon: node.icon, color: node.iconColor, class: "padding-icon" })), !node.html && h("div", { class: type }, node.title), node.html && h("div", { class: type, innerHTML: purify.sanitize(node.html, domSanitiserOptions) })));
-    return htmlcode;
-  }
-  render() {
-    if (!this.data)
-      return;
-    return (h("div", { class: "tree-view-element" }, h("ul", null, this.treeData.map((node) => this.renderNode(node)))));
-  }
-};
-TttxTreeView.style = tttxTreeViewCss;
-
-export { TttxTreeView as tttx_tree_view_1_9_56 };

package/dist/tttx/p-65bb4035.js

@@ -1,2 +0,0 @@
-let e,t,n,l=!1,o=!1,s=!1,i=!1;const c={},r=e=>"object"==(e=typeof e)||"function"===e;function f(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const u=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,c=!1;const f=[],u=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!r(l))&&(l+=""),i&&c?f[f.length-1].t+=l:f.push(i?a(null,l):l),c=i)};if(u(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,f,$);const d=a(e,null);return d.l=t,f.length>0&&(d.o=f),d.i=o,d.u=s,d},a=(e,t)=>({$:0,m:e,t,p:null,o:null,l:null,i:null,u:null}),d={},$={forEach:(e,t)=>e.map(m).forEach(t),map:(e,t)=>e.map(m).map(t).map(y)},m=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.m,vtext:e.t}),y=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),u(e.vtag,t,...e.vchildren||[])}const t=a(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},p=e=>le(e).h,h=(e,t,n)=>{const l=p(e);return{emit:e=>b(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},b=(e,t,n)=>{const l=$e.ce(t,n);return e.dispatchEvent(l),l},v=new WeakMap,w=e=>"sc-"+e.v,k=(e,t,n,l,o,s)=>{if(n!==l){let i=ie(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=S(n),s=S(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=r(l);if((i||c&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&s||o)&&!c&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):ie(ae,c)?c.slice(2):c[2]+t.slice(3),n&&$e.rel(e,t,n,!1),l&&$e.ael(e,t,l,!1)}},g=/\s/,S=e=>e?e.split(g):[],j=(e,t,n,l)=>{const o=11===t.p.nodeType&&t.p.host?t.p.host:t.p,s=e&&e.l||c,i=t.l||c;for(l in s)l in i||k(o,l,s[l],void 0,n,t.$);for(l in i)k(o,l,s[l],i[l],n,t.$)},M=(o,i,c,r)=>{const f=i.o[c];let u,a,d,$=0;if(l||(s=!0,"slot"===f.m&&(e&&r.classList.add(e+"-s"),f.$|=f.o?2:1)),null!==f.t)u=f.p=de.createTextNode(f.t);else if(1&f.$)u=f.p=de.createTextNode("");else if(u=f.p=de.createElement(2&f.$?"slot-fb":f.m),j(null,f,!1),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),f.o)for($=0;$<f.o.length;++$)a=M(o,f,$,u),a&&u.appendChild(a);return u["s-hn"]=n,3&f.$&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=f.u||"",d=o&&o.o&&o.o[c],d&&d.m===f.m&&o.p&&O(o.p,!1)),u},O=(e,t)=>{$e.$|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(T(o).insertBefore(o,P(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&O(o,t)}$e.$&=-2},C=(e,t,l,o,s,i)=>{let c,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=M(null,l,s,e),c&&(o[s].p=c,r.insertBefore(c,P(t))))},R=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.p,A(l),o=!0,s["s-ol"]?s["s-ol"].remove():O(s,!0),s.remove())},x=(e,t)=>e.m===t.m&&("slot"===e.m?e.u===t.u:e.i===t.i),P=e=>e&&e["s-ol"]||e,T=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,E=(e,t)=>{const n=t.p=e.p,l=e.o,o=t.o,s=t.t;let i;null===s?("slot"===t.m||j(e,t,!1),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,c=0,r=0,f=0,u=t.length-1,a=t[0],d=t[u],$=l.length-1,m=l[0],y=l[$];for(;i<=u&&c<=$;)if(null==a)a=t[++i];else if(null==d)d=t[--u];else if(null==m)m=l[++c];else if(null==y)y=l[--$];else if(x(a,m))E(a,m),a=t[++i],m=l[++c];else if(x(d,y))E(d,y),d=t[--u],y=l[--$];else if(x(a,y))"slot"!==a.m&&"slot"!==y.m||O(a.p.parentNode,!1),E(a,y),e.insertBefore(a.p,d.p.nextSibling),a=t[++i],y=l[--$];else if(x(d,m))"slot"!==a.m&&"slot"!==y.m||O(d.p.parentNode,!1),E(d,m),e.insertBefore(d.p,a.p),d=t[--u],m=l[++c];else{for(r=-1,f=i;f<=u;++f)if(t[f]&&null!==t[f].i&&t[f].i===m.i){r=f;break}r>=0?(s=t[r],s.m!==m.m?o=M(t&&t[c],n,r,e):(E(s,m),t[r]=void 0,o=s.p),m=l[++c]):(o=M(t&&t[c],n,c,e),m=l[++c]),o&&T(a.p).insertBefore(o,P(a.p))}i>u?C(e,null==l[$+1]?null:l[$+1].p,n,l,c,$):c>$&&R(t,i,u)})(n,l,t,o):null!==o?(null!==e.t&&(n.textContent=""),C(n,null,t,o,0,o.length-1)):null!==l&&R(l,0,l.length-1)):(i=n["s-cr"])?i.parentNode.textContent=s:e.t!==s&&(n.data=s)},L=e=>{const t=e.childNodes;let n,l,o,s,i,c;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(i=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(c=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==i){if(1===c&&i===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==t[s].textContent.trim()){n.hidden=!0;break}L(n)}},N=[],W=e=>{let t,n,l,s,i,c,r=0;const f=e.childNodes,u=f.length;for(;r<u;r++){if(t=f[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(F(n,s)?(i=N.find((e=>e.k===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.g=t:N.push({g:t,k:n}),n["s-sr"]&&N.map((e=>{F(e.k,n["s-sn"])&&(i=N.find((e=>e.k===n)),i&&!e.g&&(e.g=i.g))}))):N.some((e=>e.k===n))||N.push({k:n}));1===t.nodeType&&W(t)}},F=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,A=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(A)},D=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},H=(e,t)=>{if(e.$|=16,!(4&e.$))return D(e,e.j),ge((()=>U(e,t)));e.$|=512},U=(e,t)=>{const n=e.M;let l;return t&&(e.$|=256,e.O&&(e.O.map((([e,t])=>B(n,e,t))),e.O=null),l=B(n,"componentWillLoad")),l=G(l,(()=>B(n,"componentWillRender"))),G(l,(()=>q(e,n,t)))},q=async(e,t,n)=>{const l=e.h,o=l["s-rc"];n&&(e=>{const t=e.C,n=e.h,l=t.$,o=((e,t)=>{var n;let l=w(t);const o=ue.get(l);if(e=11===e.nodeType?e:de,o)if("string"==typeof o){let t,s=v.get(e=e.head||e);if(s||v.set(e,s=new Set),!s.has(l)){{t=de.createElement("style"),t.innerHTML=o;const l=null!==(n=$e.R)&&void 0!==n?n:f(de);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);V(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>_(e);0===t.length?n():(Promise.all(t).then(n),e.$|=4,t.length=0)}},V=(i,c)=>{try{c=c.render(),i.$&=-17,i.$|=2,((i,c)=>{const r=i.h,f=i.C,$=i.P||a(null,null),m=(e=>e&&e.m===d)(c)?c:u(null,null,c);if(n=r.tagName,m.m=null,m.$|=4,i.P=m,m.p=$.p=r.shadowRoot||r,e=r["s-sc"],t=r["s-cr"],l=0!=(1&f.$),o=!1,E($,m),$e.$|=1,s){let e,t,n,l,o,s;W(m.p);let i=0;for(;i<N.length;i++)e=N[i],t=e.k,t["s-ol"]||(n=de.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<N.length;i++)if(e=N[i],t=e.k,e.g){for(l=e.g.parentNode,o=e.g.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&L(m.p),$e.$&=-2,N.length=0})(i,c)}catch(e){ce(e,i.h)}return null},_=e=>{const t=e.h,n=e.M,l=e.j;B(n,"componentDidRender"),64&e.$||(e.$|=64,I(t),B(n,"componentDidLoad"),e.T(t),l||z()),e.L(t),e.S&&(e.S(),e.S=void 0),512&e.$&&ke((()=>H(e,!1))),e.$&=-517},z=()=>{I(de.documentElement),ke((()=>b(ae,"appload",{detail:{namespace:"tttx"}})))},B=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){ce(e)}},G=(e,t)=>e&&e.then?e.then(t):t(),I=e=>e.classList.add("hydrated"),J=(e,t,n)=>{if(t.N){e.watchers&&(t.W=e.watchers);const l=Object.entries(t.N),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>le(this).F.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=le(e),s=o.h,i=o.F.get(t),c=o.$,f=o.M;if(n=((e,t)=>null==e||r(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.N[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.F.set(t,n),f)){if(l.W&&128&c){const e=l.W[t];e&&e.map((e=>{try{f[e](n,i,t)}catch(e){ce(e,s)}}))}2==(18&c)&&H(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=le(this);return n.A.then((()=>n.M[e](...t)))}})})),1&n){const t=new Map;o.attributeChangedCallback=function(e,n,l){$e.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(o.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},K=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=ae.customElements,i=de.head,c=i.querySelector("meta[charset]"),r=de.createElement("style"),u=[];let a,d=!0;Object.assign($e,t),$e.D=new URL(t.resourcesUrl||"./",de.baseURI).href,e.map((e=>{e[1].map((n=>{const i={$:n[0],v:n[1],N:n[2],H:n[3]};i.N=n[2],i.H=n[3],i.W={};const c=t.transformTagName?t.transformTagName(i.v):i.v,r=class extends HTMLElement{constructor(e){super(e),se(e=this,i),1&i.$&&e.attachShadow({mode:"open"})}connectedCallback(){a&&(clearTimeout(a),a=null),d?u.push(this):$e.jmp((()=>(e=>{if(0==(1&$e.$)){const t=le(e),n=t.C,l=()=>{};if(1&t.$)X(e,t,n.H);else{t.$|=1,12&n.$&&(e=>{const t=e["s-cr"]=de.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){D(t,t.j=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.$)){{if(t.$|=32,(o=fe(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.W=o.watchers,J(o,n,2),o.isProxied=!0);const e=()=>{};t.$|=8;try{new o(t)}catch(e){ce(e)}t.$&=-9,t.$|=128,e()}if(o.style){let e=o.style;const t=w(n);if(!ue.has(t)){const l=()=>{};((e,t,n)=>{let l=ue.get(e);ye&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,ue.set(e,l)})(t,e,!!(1&n.$)),l()}}}const s=t.j,i=()=>H(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){$e.jmp((()=>(()=>{if(0==(1&$e.$)){const e=le(this),t=e.M;e.U&&(e.U.map((e=>e())),e.U=void 0),B(t,"disconnectedCallback")}})()))}componentOnReady(){return le(this).q}};i.V=e[0],o.includes(c)||s.get(c)||(l.push(c),s.define(c,J(r,i,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(n=$e.R)&&void 0!==n?n:f(de);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,u.length?u.map((e=>e.connectedCallback())):$e.jmp((()=>a=setTimeout(z,30)))},Q=(e,t)=>t,X=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=Z(e,n),i=Y(t,o),c=ee(n);$e.ael(s,l,i,c),(t.U=t.U||[]).push((()=>$e.rel(s,l,i,c)))}))},Y=(e,t)=>n=>{try{256&e.$?e.M[t](n):(e.O=e.O||[]).push([t,n])}catch(e){ce(e)}},Z=(e,t)=>8&t?ae:e,ee=e=>0!=(2&e),te=e=>$e.R=e,ne=new WeakMap,le=e=>ne.get(e),oe=(e,t)=>ne.set(t.M=e,t),se=(e,t)=>{const n={$:0,h:e,C:t,F:new Map};return n.A=new Promise((e=>n.L=e)),n.q=new Promise((e=>n.T=e)),e["s-p"]=[],e["s-rc"]=[],X(e,n,t.H),ne.set(e,n)},ie=(e,t)=>t in e,ce=(e,t)=>(0,console.error)(e,t),re=new Map,fe=e=>{const t=e.v.replace(/-/g,"_"),n=e.V,l=re.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(re.set(n,e),e[t])),ce)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ue=new Map,ae="undefined"!=typeof window?window:{},de=ae.document||{head:{}},$e={$:0,D:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},me=e=>Promise.resolve(e),ye=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),pe=[],he=[],be=(e,t)=>n=>{e.push(n),i||(i=!0,t&&4&$e.$?ke(we):$e.raf(we))},ve=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ce(e)}e.length=0},we=()=>{ve(pe),ve(he),(i=pe.length>0)&&$e.raf(we)},ke=e=>me().then(e),ge=be(he,!0);export{Q as F,d as H,K as b,h as c,p as g,u as h,me as p,oe as r,te as s}

package/dist/tttx/p-9896a083.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,F as n}from"./p-65bb4035.js";import{p as o,d as l}from"./p-55799798.js";import"./p-112455b1.js";const r=class{constructor(i){e(this,i),this.clickEvent=t(this,"clickEvent",7),this.expandNode=t(this,"expandNode",7),this.checkboxChange=t(this,"checkboxChange",7),this.data=void 0,this.treeData=void 0}componentWillRender(){this.data&&(this.treeData="string"==typeof this.data?JSON.parse(this.data):this.data)}onClickHandler(e,t){e.stopPropagation(),this.clickEvent.emit(t)}toggleNode(e,t){t.stopPropagation(),e.isOpen=!e.isOpen,this.treeData=[...this.treeData],this.expandNode.emit({node:e,treeViewData:this.treeData})}handleCheckboxChange(e,t){t.stopPropagation(),e.checked=!e.checked,this.updateChildrenCheckStatus(e),this.updateParentCheckStatus(),this.treeData=[...this.treeData],this.checkboxChange.emit(this.treeData)}updateChildrenCheckStatus(e){e.child&&e.child.forEach((t=>{t.hasCheckbox&&void 0!==t.checked&&(t.checked=e.checked),this.updateChildrenCheckStatus(t)}))}updateParentCheckStatus(e,t){if(void 0===e)return void this.treeData.map((e=>this.updateParentCheckStatus(e,e.child)));let i=[];return t&&t.length>0&&(i=t.map((e=>this.updateParentCheckStatus(e,e.child))).flat(1),i.some((e=>e))&&(e.checked=!0),i.every((e=>!e))&&(e.checked=!1)),[...i,e.checked]}treeConfigs(e){let t,i;return e.checked?(t="check_box",i="blue"):(t="check_box_outline_blank",i="grey"),{checkboxColor:i,checkboxIcon:t,rowHoverActive:e.hasHover?"rowHover":"",expanderIcon:e.isOpen?"arrow_drop_down":"arrow_right",selectedActive:e.selectable&&e.selected?"rowSelected":""}}renderNode(e){const t=this.treeConfigs(e);return e.child?i(n,null,i("li",{class:`inline-tree-item element-row tree-node ${t.rowHoverActive} ${t.selectedActive}`,onClick:t=>{e.hasHover&&this.onClickHandler(t,e)}},i("tttx-button_1_9_56",{class:"toggleNode",design:"borderless-circle",notext:!0,icon:t.expanderIcon,color:"black",onClick:t=>this.toggleNode(e,t)}),this.htmlcode("treeNode",e,t.checkboxIcon,t.checkboxColor)),e.isOpen?i("li",null,i("ul",null,e.child.map((e=>this.renderNode(e))))):null):i("li",{class:`inline-tree-item element-row ${t.rowHoverActive} ${t.selectedActive}`,onClick:t=>{e.hasHover&&this.onClickHandler(t,e)}},this.htmlcode("treeLeaf",e,t.checkboxIcon,t.checkboxColor))}htmlcode(e,t,n,r){return i("div",{class:"inline-tree-item element"},t.hasCheckbox&&i("tttx-button_1_9_56",{design:"borderless-circle",notext:!0,icon:n,iconcolor:r,class:"padding-icon checkbox",onClick:e=>this.handleCheckboxChange(t,e)}),!t.html&&t.hasIcon&&i("tttx-icon_1_9_56",{icon:t.icon,color:t.iconColor,class:"padding-icon"}),!t.html&&i("div",{class:e},t.title),t.html&&i("div",{class:e,innerHTML:o.sanitize(t.html,l)}))}render(){if(this.data)return i("div",{class:"tree-view-element"},i("ul",null,this.treeData.map((e=>this.renderNode(e)))))}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tree-view-element>ul{margin:0;padding:0}.tree-view-element>* ul{padding:0 0 0 36px}.tree-view-element ul li{list-style-type:none}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;padding-left:8px}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover{cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover::before{content:"";position:absolute;left:-50%;top:0;bottom:0;right:0;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowHover:not(.rowSelected):hover::before{background-color:rgba(17, 17, 17, 0.05)}.tree-view-element ul li.inline-tree-item.element-row.rowHover.rowSelected:hover::before{background-color:rgba(17, 17, 17, 0.15)}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:"Roboto", serif;font-size:16px;padding:8px 0px;position:relative}.tree-view-element ul li.inline-tree-item.element-row::before{content:"";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{content:"";position:absolute;left:-50%;top:0;bottom:0;right:0;background-color:rgba(17, 17, 17, 0.1);pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{background-color:#fafafa;height:51px;z-index:1}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:2}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400}';export{r as tttx_tree_view_1_9_56}

package/dist/tttx/p-b2a7e078.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as i}from"./p-65bb4035.js";const n=class{constructor(a){t(this,a),this.dateRangeChanged=e(this,"dateRangeChanged",7),this.handleOutsideClick=t=>{this.showCalendar&&this.inputRef&&!this.inputRef.contains(t.target)&&(this.showCalendar=!1)},this.toggleCalendar=()=>{this.showCalendar=!this.showCalendar},this.handleInputClick=t=>{t.stopPropagation(),this.toggleCalendar()},this.handleClear=t=>{t.stopPropagation(),this.resetRange()},this.initialValue=void 0,this.placeholderText="Select date range",this.showCalendar=!1,this.startDate="",this.endDate="",this.leftMonth=(new Date).getMonth(),this.leftYear=(new Date).getFullYear(),this.rightMonth=((new Date).getMonth()+1)%12,this.rightYear=11===(new Date).getMonth()?(new Date).getFullYear()+1:(new Date).getFullYear(),this.isSelecting=!0}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}componentWillLoad(){this.initializeRangeFromProp()}watchInitialValue(){this.initializeRangeFromProp()}initializeRangeFromProp(){let t="",e="";if("string"==typeof this.initialValue)try{const a=JSON.parse(this.initialValue);t=a.start,e=a.end}catch(t){console.error("Invalid JSON passed to initialValue")}else"object"==typeof this.initialValue&&null!==this.initialValue&&(t=this.initialValue.start,e=this.initialValue.end);t&&t.includes("/")&&(t=this.parseDDMMYYYYToISO(t)),e&&e.includes("/")&&(e=this.parseDDMMYYYYToISO(e)),t&&(this.startDate=t),e&&(this.endDate=e),(t||e)&&this.emitRangeChange(t,e)}resetRange(){this.startDate="",this.endDate="",this.isSelecting=!0,this.emitRangeChange("","")}emitRangeChange(t,e){const a=t?this.formatToDDMMYYYY(t):"",i=e?this.formatToDDMMYYYY(e):"";this.dateRangeChanged.emit({name:"customDateRange",value:{start:a,end:i}})}handleDateClick(t){const e=new Date(t);this.isSelecting?(this.startDate=t,this.endDate="",this.emitRangeChange(this.startDate,""),this.isSelecting=!1):e>=new Date(this.startDate)?(this.endDate=t,this.emitRangeChange(this.startDate,this.endDate),this.showCalendar=!1,this.isSelecting=!0):(this.startDate=t,this.endDate="",this.emitRangeChange(this.startDate,""))}changeMonth(t,e){let a="left"===e?this.leftMonth:this.rightMonth,i="left"===e?this.leftYear:this.rightYear;"prev"===t?(a=0===a?11:a-1,i=11===a?i-1:i):(a=11===a?0:a+1,i=0===a?i+1:i),"left"===e?(this.leftMonth=a,this.leftYear=i,(i>this.rightYear||i===this.rightYear&&a>=this.rightMonth)&&(this.rightMonth=(a+1)%12,this.rightYear=11===a?i+1:i)):(this.rightMonth=a,this.rightYear=i,(i<this.leftYear||i===this.leftYear&&a<=this.leftMonth)&&(this.leftMonth=0===a?11:a-1,this.leftYear=0===a?i-1:i))}formatToDDMMYYYY(t){const e=new Date(t);return`${String(e.getDate()).padStart(2,"0")}/${String(e.getMonth()+1).padStart(2,"0")}/${e.getFullYear()}`}generateCalendarGrid(t,e){const a=new Date(t,e,1).getDay(),i=new Date(t,e+1,0).getDate(),n=[];for(let t=0;t<a;t++)n.push({date:null,isCurrentMonth:!1});for(let a=1;a<=i;a++){const i=new Date(t,e,a),s=i.getFullYear(),r=String(i.getMonth()+1).padStart(2,"0"),d=String(i.getDate()).padStart(2,"0");n.push({date:`${s}-${r}-${d}`,isCurrentMonth:!0})}for(;n.length<42;)n.push({date:null,isCurrentMonth:!1});return n}getMonthName(t){return new Date(2e3,t).toLocaleString("default",{month:"long"})}parseDDMMYYYYToISO(t){const[e,a,i]=t.split("/");return new Date(`${i}-${a}-${e}`).toISOString().split("T")[0]}renderCalendar(t,e,i,n){const s=this.generateCalendarGrid(t,e);return a("div",{class:"calendar"},a("div",{class:"calendar-header"},a("button",{class:"nav-btn",onClick:t=>{t.stopPropagation(),this.changeMonth("prev",n?"left":"right")}},"<"),a("span",{class:"month-label"},this.getMonthName(e)," ",t),a("button",{class:"nav-btn",onClick:t=>{t.stopPropagation(),this.changeMonth("next",n?"left":"right")}},">")),a("div",{class:"calendar-grid"},["Su","Mo","Tu","We","Th","Fr","Sa"].map((t=>a("div",{class:"calendar-weekday",key:t},t))),s.map(((t,e)=>{if(!t.isCurrentMonth||!t.date)return a("div",{class:"calendar-date empty",key:`empty-${e}`});const n=t.date,s=n===this.startDate,r=n===this.endDate,d=this.startDate&&this.endDate&&new Date(n)>new Date(this.startDate)&&new Date(n)<new Date(this.endDate);return a("div",{class:{"calendar-date":!0,"range-start":s,"range-end":r,inrange:d},onClick:t=>{t.stopPropagation(),i(n)},key:n},new Date(n).getDate())}))))}render(){const t=this.startDate&&this.endDate?`${this.formatToDDMMYYYY(this.startDate)} – ${this.formatToDDMMYYYY(this.endDate)}`:this.startDate?`${this.formatToDDMMYYYY(this.startDate)} –`:this.placeholderText;return a(i,null,a("div",{class:"date-range-input",tabIndex:0,"aria-haspopup":"dialog","aria-expanded":this.showCalendar?"true":"false",ref:t=>this.inputRef=t,onClick:this.handleInputClick},a("span",{class:"range-text"},t),(this.startDate||this.endDate)&&a("button",{class:"clear-btn","aria-label":"Clear",onClick:this.handleClear},"×"),a("span",{class:"calendar-icon","aria-hidden":"true"},a("tttx-icon_1_9_56",{icon:"calendar_month"}))),this.showCalendar&&a("div",{class:"calendar-popup double"},this.renderCalendar(this.leftYear,this.leftMonth,this.handleDateClick.bind(this),!0),this.renderCalendar(this.rightYear,this.rightMonth,this.handleDateClick.bind(this),!1)))}static get watchers(){return{initialValue:["watchInitialValue"]}}};n.style=":host{display:block;position:relative;font-family:sans-serif}.date-range-input{display:inline-flex;align-items:center;justify-content:space-between;border:1px solid #ccc;padding:0.5em 0.75em;border-radius:4px;cursor:pointer;background:white;min-width:250px;font-size:14px}.date-range-input .range-text{flex:1;color:#333}.date-range-input .clear-btn{background:none;border:none;font-size:16px;color:#888;margin-left:8px;cursor:pointer}.date-range-input .calendar-icon{margin-left:8px}.calendar-popup{position:absolute;z-index:1000;top:calc(100% + 4px);background:white;border:1px solid #ccc;display:flex;padding:1em;border-radius:4px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.calendar-popup.double{gap:1em}.calendar{display:flex;flex-direction:column;width:240px}.calendar .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5em}.calendar .calendar-header .nav-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:0 8px}.calendar .calendar-header .month-label{font-weight:bold;font-size:14px}.calendar .calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:4px}.calendar .calendar-grid .calendar-weekday{font-weight:bold;text-align:center;font-size:12px;padding-bottom:4px}.calendar .calendar-grid .calendar-date{text-align:center;padding:0.5em;border-radius:4px;font-size:14px;cursor:pointer;transition:background 0.2s ease}.calendar .calendar-grid .calendar-date:hover{background-color:#f0f0f0}.calendar .calendar-grid .calendar-date.range-start,.calendar .calendar-grid .calendar-date.range-end,.calendar .calendar-grid .calendar-date.inrange{background-color:#1479c6;color:white;font-weight:bold}.calendar .calendar-grid .calendar-date.empty{background:transparent;cursor:default}";export{n as tttx_date_range_picker}