@genexus/genexus-ide-ui 0.0.20 → 0.0.22

package/dist/components/tree-x.js

@@ -0,0 +1,378 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { m as mouseEventModifierKey } from './helpers.js';
+
+const treeXCss = "ch-tree-x{display:flex}ch-tree-x.ch-tree-x-dragging-item :not(.ch-tree-x-list-item--accept-drop){pointer-events:none}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--accept-drop{pointer-events:all}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>ch-tree-x-list{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";
+
+const TREE_ITEM_TAG_NAME = "ch-tree-x-list-item";
+const TREE_LIST_TAG_NAME = "ch-tree-x-list";
+// Selectors
+const TREE_LIST_AND_ITEM_SELECTOR = TREE_LIST_TAG_NAME + "," + TREE_ITEM_TAG_NAME;
+// const CHECKED_ITEMS = `${TREE_ITEM_TAG_NAME}[checked]`;
+const ARROW_DOWN_KEY = "ArrowDown";
+const ARROW_UP_KEY = "ArrowUp";
+const EDIT_KEY = "F2";
+const isExecutedInTree = (event, el) => event.composedPath().includes(el);
+const treeItemIsInEditMode = () => document.activeElement.editing;
+const POSITION_X_DRAG_CUSTOM_VAR = "--ch-tree-x-dragging-item-x";
+const POSITION_Y_DRAG_CUSTOM_VAR = "--ch-tree-x-dragging-item-y";
+const ChTreeX = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.selectedItemsChange = createEvent(this, "selectedItemsChange", 7);
+    this.itemsDropped = createEvent(this, "itemsDropped", 7);
+    // @todo TODO: Check if key codes works in Safari
+    this.keyDownEvents = {
+      [ARROW_DOWN_KEY]: event => {
+        if (!isExecutedInTree(event, this.el) || treeItemIsInEditMode()) {
+          return;
+        }
+        event.preventDefault();
+        const treeItem = document.activeElement;
+        treeItem.focusNextItem(mouseEventModifierKey(event));
+      },
+      [ARROW_UP_KEY]: event => {
+        if (!isExecutedInTree(event, this.el) || treeItemIsInEditMode()) {
+          return;
+        }
+        event.preventDefault();
+        const treeItem = document.activeElement;
+        treeItem.focusPreviousItem(mouseEventModifierKey(event));
+      },
+      [EDIT_KEY]: event => {
+        if (document.activeElement.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME) {
+          return;
+        }
+        event.preventDefault();
+        document.activeElement.editing = true;
+      }
+    };
+    this.needForRAF = true; // To prevent redundant RAF (request animation frame) calls
+    this.lastPageX = 0;
+    this.lastPageY = 0;
+    this.selectedItemsInfo = new Map();
+    this.draggedIds = [];
+    this.draggedParentIds = [];
+    this.draggingItem = false;
+    /**
+     * Level in the tree at which the control is placed.
+     */
+    this.level = -1;
+    /**
+     * Set this attribute if you want to allow multi selection of the items.
+     */
+    this.multiSelection = false;
+    /**
+     * This property lets you specify the time (in ms) that the mouse must be
+     * over in a subtree to open it when dragging.
+     */
+    this.openSubTreeCountdown = 750;
+    /**
+     * `true` to display the relation between tree items and tree lists using
+     * lines.
+     */
+    this.showLines = false;
+    /**
+     * This property lets you specify if the tree is waiting to process the drop
+     * of items.
+     */
+    this.waitDropProcessing = false;
+    this.trackItemDragEnter = (event) => {
+      event.stopPropagation();
+      const currentTarget = event.target;
+      // Don't mark droppable zones if they are the dragged items or their direct parents
+      if (!this.validDroppableZone(currentTarget.id)) {
+        return;
+      }
+      // Check if it is a valid item
+      if (currentTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME) {
+        return;
+      }
+      const treeItem = currentTarget;
+      treeItem.dragState = "enter";
+      this.openSubTreeAfterCountdown(treeItem);
+    };
+    this.validDroppableZone = (draggedItemId) => !this.draggedIds.includes(draggedItemId) &&
+      !this.draggedParentIds.includes(draggedItemId);
+    this.trackItemDragLeave = (event) => {
+      const currentTarget = event.target;
+      if (currentTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME) {
+        return;
+      }
+      const treeItem = currentTarget;
+      treeItem.dragState = "none";
+      this.cancelSubTreeOpening(treeItem);
+    };
+    this.trackItemDrag = (event) => {
+      event.preventDefault();
+      this.lastPageX = event.pageX;
+      this.lastPageY = event.pageY;
+      if (!this.needForRAF) {
+        return;
+      }
+      this.needForRAF = false; // No need to call RAF up until next frame
+      requestAnimationFrame(() => {
+        this.needForRAF = true; // RAF now consumes the movement instruction so a new one can come
+        this.el.style.setProperty(POSITION_X_DRAG_CUSTOM_VAR, `${this.lastPageX}px`);
+        this.el.style.setProperty(POSITION_Y_DRAG_CUSTOM_VAR, `${this.lastPageY}px`);
+      });
+    };
+    this.handleKeyDownEvents = (event) => {
+      const keyHandler = this.keyDownEvents[event.key];
+      if (keyHandler) {
+        keyHandler(event);
+      }
+    };
+  }
+  handleShowLinesChange(newShowLines) {
+    const treeItems = this.el.querySelectorAll(TREE_LIST_AND_ITEM_SELECTOR);
+    treeItems.forEach(item => {
+      item.showLines = newShowLines;
+    });
+  }
+  /**
+   * Given an item id, it displays and scrolls into the item view.
+   */
+  async scrollIntoVisible(treeItemId) {
+    const itemRef = this.el.querySelector(`${TREE_ITEM_TAG_NAME}#${treeItemId}`);
+    if (!itemRef) {
+      return;
+    }
+    let parentItem = itemRef.parentElement.parentElement;
+    // Expand all parents
+    while (parentItem.tagName.toLowerCase() === TREE_ITEM_TAG_NAME) {
+      parentItem.expanded = true;
+      parentItem = parentItem.parentElement.parentElement;
+    }
+    // Wait until the parents are expanded
+    requestAnimationFrame(() => {
+      itemRef.scrollIntoView();
+    });
+  }
+  // /**
+  //  * This method is used to toggle a tree item by the tree item id/ids.
+  //  *
+  //  * @param treeItemIds An array id the tree items to be toggled.
+  //  * @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)
+  //  * @returns The modified items after the method was called.
+  //  */
+  // @Method()
+  // async toggleItems(
+  //   treeItemIds: string[],
+  //   expand?: boolean
+  // ): Promise<ExpandedTreeItemInfo[]> {
+  //   if (!treeItemIds) {
+  //     return [];
+  //   }
+  //   const allTreeItems = Array.from(
+  //     this.el.querySelectorAll(TREE_ITEM_TAG_NAME)
+  //   );
+  //   const modifiedTreeItems: ExpandedTreeItemInfo[] = [];
+  //   treeItemIds.forEach(treeItemId => {
+  //     const treeItem = allTreeItems.find(item => treeItemId === item.id);
+  //     if (treeItem) {
+  //       treeItem.expanded = expand ?? !treeItem.expanded;
+  //       modifiedTreeItems.push({
+  //         id: treeItem.id,
+  //         expanded: treeItem.expanded
+  //       });
+  //     }
+  //   });
+  //   return modifiedTreeItems;
+  // }
+  // /**
+  //  * Returns an array of the selected tree items, providing the id, caption and
+  //  * selected status.
+  //  */
+  // @Method()
+  // async getCheckedItems(): Promise<CheckedTreeItemInfo[]> {
+  //   const checkedItems = Array.from(
+  //     this.el.querySelectorAll(CHECKED_ITEMS)
+  //   ) as HTMLChTreeXListItemElement[];
+  //   return checkedItems.map(item => ({
+  //     id: item.id,
+  //     caption: item.caption,
+  //     selected: item.selected
+  //   }));
+  // }
+  handleItemDragStart(event) {
+    document.body.addEventListener("dragover", this.trackItemDrag, {
+      capture: true
+    });
+    this.currentDraggedItem = event.target;
+    this.updateDragInfo(event.detail);
+    this.el.addEventListener("dragenter", this.trackItemDragEnter, {
+      capture: true,
+      passive: true
+    });
+    this.el.addEventListener("dragleave", this.trackItemDragLeave, {
+      capture: true,
+      passive: true
+    });
+    // Wait until the custom var values are updated to avoid flickering
+    setTimeout(() => {
+      this.draggingItem = true;
+    }, 10);
+  }
+  handleItemDragEnd() {
+    this.draggingItem = false;
+    document.body.removeEventListener("dragover", this.trackItemDrag, {
+      capture: true
+    });
+    this.el.removeEventListener("dragenter", this.trackItemDragEnter, {
+      capture: true
+    });
+    this.el.removeEventListener("dragleave", this.trackItemDragLeave, {
+      capture: true
+    });
+    // Reset not allowed droppable ids
+    this.resetVariables();
+  }
+  handleItemDrop(event) {
+    event.stopPropagation();
+    this.cancelSubTreeOpening(null, true);
+    const selectedItemEl = event.target;
+    if (!this.validDroppableZone(selectedItemEl.id)) {
+      return;
+    }
+    this.itemsDropped.emit(event.detail);
+  }
+  handleSelectedItemChange(event) {
+    event.stopPropagation();
+    const selectedItemInfo = event.detail;
+    const selectedItemEl = event.target;
+    this.handleItemSelection(selectedItemEl, selectedItemInfo);
+  }
+  openSubTreeAfterCountdown(treeItem) {
+    this.cancelSubTreeOpening(treeItem);
+    if (treeItem.leaf || treeItem.expanded) {
+      return;
+    }
+    this.lastOpenSubTreeItem = treeItem;
+    this.openSubTreeTimeout = setTimeout(() => {
+      treeItem.expanded = true;
+    }, this.openSubTreeCountdown);
+  }
+  cancelSubTreeOpening(treeItem, forceClear = false) {
+    if (this.lastOpenSubTreeItem === treeItem || forceClear) {
+      clearTimeout(this.openSubTreeTimeout);
+    }
+  }
+  resetVariables() {
+    this.draggedIds = [];
+    this.draggedParentIds = [];
+  }
+  /**
+   * Update the dataTransfer in the drag event to store the ids of the dragged
+   * items. Also it updates the visual information of the dragged items.
+   */
+  updateDragInfo(dragInfo) {
+    const draggedElement = dragInfo.elem;
+    const isDraggingSelectedItems = this.selectedItemsInfo.has(draggedElement.id);
+    let joinedDraggedIds;
+    if (isDraggingSelectedItems) {
+      const selectedItemKeys = [...this.selectedItemsInfo.keys()];
+      const selectedItemCount = selectedItemKeys.length;
+      this.draggedIds = selectedItemKeys;
+      joinedDraggedIds = selectedItemKeys.join(",");
+      this.dragInfo =
+        selectedItemCount === 1
+          ? draggedElement.caption
+          : selectedItemCount.toString();
+    }
+    else {
+      joinedDraggedIds = draggedElement.id;
+      this.draggedIds = [joinedDraggedIds];
+      this.dragInfo = draggedElement.caption;
+    }
+    this.getDirectParentsOfDraggableItems(isDraggingSelectedItems);
+    dragInfo.dataTransfer.setData("text/plain", joinedDraggedIds);
+  }
+  getDirectParentsOfDraggableItems(draggingSelectedItems) {
+    if (!draggingSelectedItems) {
+      const parentTreeItemElem = this.currentDraggedItem.parentElement.parentElement;
+      if (parentTreeItemElem.tagName.toLowerCase() === TREE_ITEM_TAG_NAME) {
+        this.draggedParentIds.push(parentTreeItemElem.id);
+      }
+      return;
+    }
+    // Dragging selected items
+    this.selectedItemsInfo.forEach(selectedItem => {
+      const parentId = selectedItem.parentId;
+      // parentId === "" when the item is in the first level of the tree
+      if (parentId !== "") {
+        this.draggedParentIds.push(parentId);
+      }
+    });
+  }
+  handleItemSelection(selectedItemEl, selectedItemInfo) {
+    // If the Control key was not pressed or multi selection is disabled,
+    // remove all selected items
+    if (!selectedItemInfo.ctrlKeyPressed || !this.multiSelection) {
+      this.selectedItemsInfo.forEach(treeItem => {
+        treeItem.itemRef.selected = false;
+      });
+      this.clearSelectedItems();
+      // Re-select the item
+      selectedItemEl.selected = selectedItemInfo.selected;
+    }
+    // If the item is selected, add it to list
+    if (selectedItemInfo.selected) {
+      this.selectedItemsInfo.set(selectedItemInfo.id, selectedItemInfo);
+    }
+    else {
+      this.selectedItemsInfo.delete(selectedItemInfo.id);
+    }
+    // Sync with UI model
+    this.selectedItemsChange.emit(this.selectedItemsInfo);
+  }
+  clearSelectedItems() {
+    this.selectedItemsInfo.clear();
+  }
+  connectedCallback() {
+    // Set edit mode in items
+    this.el.addEventListener("keydown", this.handleKeyDownEvents, {
+      capture: true
+    });
+  }
+  disconnectedCallback() {
+    this.el.removeEventListener("keydown", this.handleKeyDownEvents);
+    this.resetVariables();
+    // Remove dragover body event
+    this.handleItemDragEnd();
+  }
+  render() {
+    return (h(Host, { class: {
+        "ch-tree-x-dragging-item": this.draggingItem,
+        "ch-tree-x-waiting-drop-processing": this.waitDropProcessing
+      } }, h("slot", null), this.draggingItem && (h("span", { "aria-hidden": "true", class: "ch-tree-x-drag-info" }, this.dragInfo))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "showLines": ["handleShowLinesChange"]
+  }; }
+  static get style() { return treeXCss; }
+}, [4, "ch-tree-x", {
+    "level": [2],
+    "multiSelection": [4, "multi-selection"],
+    "openSubTreeCountdown": [2, "open-sub-tree-countdown"],
+    "showLines": [4, "show-lines"],
+    "waitDropProcessing": [4, "wait-drop-processing"],
+    "draggingItem": [32],
+    "scrollIntoVisible": [64]
+  }, [[0, "itemDragStart", "handleItemDragStart"], [0, "itemDragEnd", "handleItemDragEnd"], [0, "itemDrop", "handleItemDrop"], [0, "selectedItemChange", "handleSelectedItemChange"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ch-tree-x"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ch-tree-x":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ChTreeX);
+      }
+      break;
+  } });
+}
+
+export { ChTreeX as C, defineCustomElement as d };

package/dist/esm/ch-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-7d5d0c30.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0da01575.js';
 
 const accordionCss = ":where(button){all:unset}*,::before,::after{box-sizing:border-box}:host{--chevron:url('data:image/svg+xml,<svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.645 0.5L7 4.83019L12.355 0.5L14 1.83962L7 7.5L0 1.83962L1.645 0.5Z\" fill=\"%23000\"/></svg>');display:grid;grid-template-rows:min-content min-content;width:100%;height:100%;text-align:start}.header{display:grid;grid-template-columns:1fr min-content;grid-template-rows:1fr;text-align:start;cursor:pointer}.chevron{align-self:center;width:14px;height:8px;-webkit-mask:var(--chevron);background-color:#000;transition:transform 250ms}.chevron--expanded{transform:rotate(180deg)}.expandable{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 250ms}.expanded{visibility:visible;grid-template-rows:1fr}.expandable ::slotted(*){height:100%;overflow:hidden}";
 

package/dist/esm/ch-checkbox.entry.js

@@ -0,0 +1,89 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
+import { D as DISABLED_CLASS } from './reserverd-names-2a2d0fb3.js';
+
+const checkboxCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, #000);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px #00000040}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;inset:calc(50% - min(0.25em, 5px));width:min(0.5em, 10px);height:min(0.5em, 10px);background-color:#000;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";
+
+const CHECKBOX_ID = "checkbox";
+const PARTS = (checked, indeterminate) => `${checked ? " checked" : ""}${indeterminate ? " indeterminate" : ""}`;
+const CheckBox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.click = createEvent(this, "click", 7);
+    this.input = createEvent(this, "input", 7);
+    /**
+     * This attribute lets you specify if the element is disabled.
+     * If disabled, it will not fire any user interaction related event
+     * (for example, click event).
+     */
+    this.disabled = false;
+    /**
+     * True to highlight control when an action is fired.
+     */
+    this.highlightable = false;
+    /**
+     * `true` if the control's value is indeterminate.
+     */
+    this.indeterminate = false;
+    /**
+     * This attribute indicates that the user cannot modify the value of the control.
+     * Same as [readonly](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
+     * attribute for `input` elements.
+     */
+    this.readonly = false;
+    this.getValue = (checked) => checked ? this.checkedValue : this.unCheckedValue;
+    /**
+     * Checks if it is necessary to prevent the click from bubbling
+     */
+    this.handleClick = (event) => {
+      if (this.readonly || this.disabled) {
+        return;
+      }
+      event.stopPropagation();
+    };
+    this.handleChange = (event) => {
+      event.stopPropagation();
+      const inputRef = event.target;
+      const checked = inputRef.checked;
+      const value = this.getValue(checked);
+      this.checked = checked;
+      this.value = value;
+      inputRef.value = value; // Update input's value before emitting the event
+      this.input.emit(event);
+      if (this.highlightable) {
+        this.click.emit();
+      }
+    };
+  }
+  valueChanged() {
+    this.checked = this.value === this.checkedValue;
+  }
+  componentWillLoad() {
+    this.checked = this.value === this.checkedValue;
+  }
+  render() {
+    var _a;
+    const additionalParts = PARTS(this.checked, this.indeterminate);
+    return (h(Host, { class: {
+        [DISABLED_CLASS]: this.disabled,
+        "ch-checkbox--actionable": (!this.readonly && !this.disabled) ||
+          (this.readonly && this.highlightable)
+      } }, h("div", { class: {
+        container: true,
+        "container--checked": this.checked
+      }, part: `container${additionalParts}` }, h("input", { "aria-label": ((_a = this.accessibleName) === null || _a === void 0 ? void 0 : _a.trim()) !== "" &&
+        this.accessibleName !== this.caption
+        ? this.accessibleName
+        : null, id: this.caption ? CHECKBOX_ID : null, class: "input", part: "input", type: "checkbox", checked: this.checked, disabled: this.disabled || this.readonly, indeterminate: this.indeterminate, value: this.value, onClick: this.handleClick, onInput: this.handleChange }), h("div", { class: {
+        option: true,
+        "option--checked": this.checked && !this.indeterminate,
+        "option--indeterminate": this.indeterminate
+      }, part: `option${additionalParts}`, "aria-hidden": "true" })), this.caption && (h("label", { class: "label", part: "label", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));
+  }
+  get element() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["valueChanged"]
+  }; }
+};
+CheckBox.style = checkboxCss;
+
+export { CheckBox as ch_checkbox };

package/dist/esm/ch-drag-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0da01575.js';
 
 const dragBarCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;width:100%;height:100%}.container{display:flex;width:100%;height:100%}.bar{position:relative;width:4px;background-color:#323942;cursor:col-resize}.bar-item{position:absolute;inset-block-start:calc(50% - 35px);inset-inline-start:calc(2px - 10px);display:flex;align-items:center;justify-content:center;background-color:#2d333a;border-radius:10px;width:20px;height:70px;padding:7px 4px;touch-action:manipulation;user-select:none}.bar-item-src{display:block;width:100%;height:100%;pointer-events:none}.bar-item-src--rtl{transform:rotateY(180deg)}.start-component{display:flex;width:var(--ch-drag-bar__start-component-width);max-width:calc(100% - 10px - 2px)}.end-component{display:flex;flex:1}";
 

package/dist/esm/ch-dropdown-item-separator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-7d5d0c30.js';
+import { r as registerInstance, h, H as Host } from './index-0da01575.js';
 
 const dropdownItemSeparatorCss = ":host{display:flex;height:1px;background-color:#99999980;margin-block:2px}";
 

package/dist/esm/ch-dropdown-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
 
 const dropdownItemCss = ":where(a,button){all:unset}*,::before,::after{box-sizing:border-box}@media (prefers-color-scheme: light){.action:focus,.action:hover{background-color:#ccc}.action:active{background-color:#e9e9e9}}@media (prefers-color-scheme: dark){.action:focus,.action:hover{background-color:#3e3e40}.action:active{background-color:#575965}}:host{display:flex;width:100%;height:100%}.action{display:flex;align-items:center;column-gap:8px;width:100%;height:100%;cursor:pointer;padding-block:8px;padding-inline:16px;font-size:0.875em;text-align:start;transition-property:background-color, border-color, box-shadow, color, filter, opacity;transition-duration:250ms}.left-img,.right-img{display:block;width:24px;height:24px;min-width:24px}.content{width:100%}";
 

package/dist/esm/ch-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
 
 const dropdownCss = ":where(button){all:unset}*,::before,::after{box-sizing:border-box}@media (prefers-color-scheme: light){.section{background-color:#fbfbfb;color:#000}}@media (prefers-color-scheme: dark){.section{background-color:#242426;color:#e9e9e9}}:host{--ch-dropdown-rtl-initial-X:1;--ch-dropdown-translateX:0;--ch-dropdown-translateY:0;display:flex;position:relative;width:100%;height:100%}.expandable-button{display:flex;position:relative;width:100%;height:100%;cursor:pointer;z-index:108}.expandable-button:focus-within{box-shadow:0px 0px 0 1px currentColor;transition:box-shadow 250ms}.dummy-separation{display:flex;position:absolute;z-index:107}.dummy-separation--vertical{width:100%;height:var(--separation-between-button-size)}.dummy-separation--top{inset-block-start:var(--separation-between-button)}.dummy-separation--bottom{inset-block-end:var(--separation-between-button)}.dummy-separation--horizontal{width:var(--separation-between-button-size);height:100%}.dummy-separation--left{inset-inline-start:var(--separation-between-button)}.dummy-separation--right{inset-inline-end:var(--separation-between-button)}.section{position:absolute;border-radius:5px;box-shadow:0 3px 4px #80808024, 0 3px 3px -2px #8080801f, 0 1px 8px #80808030;width:max-content;max-width:350px;z-index:107}.header+.list,.list+.footer{margin-block-start:8px}.list{display:flex;flex-direction:column;gap:4px}.position--top{inset-block-start:var(--separation-between-button);transform:translate(var(--ch-dropdown-translateX), -100%)}.position--right{inset-inline-end:var(--separation-between-button);transform:translate(calc(100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY))}.position--bottom{inset-block-end:var(--separation-between-button);transform:translate(var(--ch-dropdown-translateX), 100%)}.position--left{inset-inline-start:var(--separation-between-button);transform:translate(calc(-100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY))}.align--left{inset-inline-start:0}.align--center{inset-inline-start:50%;--ch-dropdown-translateX:calc(-50% * var(--ch-dropdown-rtl-initial-X))}.align--right{inset-inline-end:0}.valign--top{inset-block-start:0}.valign--middle{inset-block-start:50%;--ch-dropdown-translateY:calc(-50% * var(--ch-dropdown-rtl-initial-X))}.valign--bottom{inset-block-end:0}";
 

package/dist/esm/ch-form-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
 
 const chFormCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}:host{display:flex}:host .label{display:block;margin-bottom:16px}:host .label:last-child{margin-bottom:0}:host input:focus+.checkmark{box-shadow:0px 0px 0px var(--border-width-sm) var(--color-primary-active);border-color:var(--color-primary-active) !important}:host input[disabled]{cursor:not-allowed}:host input[disabled]+.checkmark{border-color:var(--darkGray) !important;pointer-events:none}:host input[disabled]+.checkmark:after{border-color:var(--darkGray) !important}:host([inline]) .outer-wrapper{display:flex}:host([inline]) .label{margin-inline-end:var(--spacing-comp-04);margin-bottom:0}:host{}:host .label{display:flex;align-items:center;position:relative;cursor:pointer;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;margin-bottom:var(--spacing-lay-xs)}:host .label__required{font-size:var(--font-size-xs);padding-left:var(--spacing-lay-xs)}:host .label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .label input[on-focus]+.checkmark{box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active) !important}:host .checkmark:focus{box-shadow:none}:host .checkmark{display:inline-block;position:relative;margin-inline-end:var(--spacing-comp-02);height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:1px;border-style:solid;border-radius:3px;border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}:host .checkmark.no-label{margin-inline-end:0}:host .checkmark:after{content:\"\";position:absolute;display:none}:host .label input~.checkmark:after{display:block;border-color:transparent}:host .label input:checked~.checkmark:after{display:block;border-color:var(--color-primary-hover);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .label input:checked~.checkmark{border-color:var(--color-primary-hover)}:host .label .checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}:host([indeterminate]) .label input:checked~.checkmark:after{display:block;width:10px;height:2px;transform:rotate(0deg);border:0;background-color:var(--color-primary-hover);left:2px;top:6px}:host([disabled=true]) label{cursor:not-allowed}";
 

package/dist/esm/ch-grid-action-refresh_6.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7d5d0c30.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
 
 const chGridActionRefreshCss = "@layer ch-grid {\n  ch-grid-action-refresh[disabled] {\n    pointer-events: none;\n  }\n}";
 

package/dist/esm/ch-grid-column-display.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement } from './index-7d5d0c30.js';
+import { r as registerInstance, g as getElement } from './index-0da01575.js';
 
 const chGridColumnDisplayCss = "@layer ch-grid {\n  ch-grid-column-display {\n    position: fixed !important;\n    width: 0 !important;\n    height: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    margin: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    pointer-events: none !important;\n  }\n}";