@genexus/genexus-ide-ui 0.0.45 → 0.0.47

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-infinite-scroll/ch-grid-infinite-scroll.css

@@ -0,0 +1,9 @@
+:host {
+  display: flex;
+  grid-column-start: 1;
+  grid-column-end: -1;
+}
+
+.loading:not([hidden]) {
+  display: contents;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css

@@ -1,6 +1,6 @@
 ch-test-tree-x {
   display: grid;
-  grid-template-columns: 350px max-content;
+  grid-template-columns: 500px max-content;
   grid-template-rows: 1fr;
   height: 100%;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css

@@ -725,7 +725,7 @@ FORM ELEMENTS
 :host(.button) .button-native:focus:not([disabled]):not(.no-tab-index) {
   background: var(--color-primary-enabled);
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css

@@ -1,8 +1,8 @@
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -53,12 +53,16 @@
 }
 
 :host(:hover) {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }
 
 :host([selected]) {
-  background-color: var(--gxg-background-color-item-selected);
-  color: var(--gxg-color-selected);
+  background-color: var(--gxg-background-color--selected);
+  color: var(--gxg-color--selected);
+}
+
+:host([selected]:hover) {
+  background-color: var(--gxg-background-color--selected-hover);
 }
 
 /*********************************************

package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css

@@ -997,7 +997,7 @@ FORM ELEMENTS
 }
 #date-picker:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css

@@ -715,7 +715,7 @@ FORM ELEMENTS
 }
 :host .select-container:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css

@@ -715,8 +715,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -741,7 +741,7 @@ FORM ELEMENTS
 }
 :host input:focus + .box {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css

@@ -753,7 +753,7 @@ SELECT
 }
 :host .select-selected:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css

@@ -744,7 +744,7 @@ SELECT
 }
 :host .select-selected:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
   border-color: transparent;

package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css

@@ -715,8 +715,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -792,7 +792,7 @@ TEXT
 :host input[type=text]:focus,
 :host input[type=password]:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -853,7 +853,7 @@ INPUT TEXT ICON
   right: 16px;
 }
 
-:host([icon-position=start]) input {
+:host(.has-icon[icon-position=start]) input {
   padding-inline-start: 20px;
 }
 
@@ -1005,10 +1005,10 @@ LARGE VERSION (html tag has 'gxg-large' class)
   padding-right: 7px;
 }
 
-:host(.large[icon-position=start]) input {
+:host(.large.has-icon[icon-position=start]) input {
   padding-inline-start: var(--spacing-comp-05);
 }
-:host(.large[icon-position=start]) input .inner-wrapper gxg-icon {
+:host(.large.has-icon[icon-position=start]) input .inner-wrapper gxg-icon {
   left: 2px;
 }
 
@@ -1034,7 +1034,7 @@ LARGE VERSION (html tag has 'gxg-large' class)
   right: 26px;
 }
 
-:host(.large[icon-position=start][clear-button]) input {
+:host(.large.has-icon[icon-position=start][clear-button]) input {
   padding-inline-end: 26px;
 }
 

package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css

@@ -715,8 +715,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -779,7 +779,7 @@ TEXTAREA
 }
 :host textarea:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css

@@ -387,7 +387,7 @@ FORM ELEMENTS
 
 /*DISABLED*/
 :host([disabled]) label {
-  color: var(--gxg-text-color--disabled);
+  color: var(--gxg-color--disabled);
 }
 
 /*********************************************

package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css

@@ -1,8 +1,8 @@
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -388,6 +388,7 @@ FORM ELEMENTS
   font-family: var(--font-family-primary);
   background-color: var(--color-background);
   color: var(--color-on-background);
+  height: 100%;
 }
 :host .container {
   height: 100%;
@@ -399,11 +400,12 @@ FORM ELEMENTS
   overflow: hidden;
   text-overflow: ellipsis;
   box-sizing: border-box;
-  background-color: var(--gray-02);
+  background-color: var(--gray-01);
+  border-bottom: var(--gxg-border-common-styles);
   padding: var(--spacing-comp-01) var(--spacing-comp-02);
-  text-transform: uppercase;
+  text-transform: capitalize;
   font-size: inherit;
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-semibold);
   color: var(--color-on-background);
 }
 :host .main {
@@ -443,10 +445,15 @@ FORM ELEMENTS
 }
 
 .container:focus-within {
-  outline-style: solid;
-  outline-color: var(--color-primary-active);
-  outline-width: var(--border-width-md);
-  outline-offset: 0;
+  outline: none;
+}
+
+.container:not(:focus-within) {
+  --gxg-border-color--focused: transparent;
+}
+
+:host([no-border]) .container {
+  border: none;
 }
 
 /*SUGGESTION LIST*/

package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css

@@ -1,8 +1,8 @@
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -360,6 +360,7 @@ FORM ELEMENTS
   user-select: none;
   -o-user-select: none;
   outline: none;
+  border-bottom: 1px solid transparent;
 }
 :host .container {
   display: flex;
@@ -384,8 +385,12 @@ FORM ELEMENTS
   cursor: pointer !important;
 }
 
+:host([disabled]) {
+  pointer-events: none;
+}
+
 :host(:hover:not([selected])) {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }
 
 :host(.has-icon.no-checkbox) .container {
@@ -401,18 +406,31 @@ FORM ELEMENTS
 }
 
 /*HIGHLIGHTED*/
-:host([highlighted]) {
-  background-color: var(--gxg-background-color-item-selected);
-  color: var(--color-on-background);
+/*ACTIVE*/
+:host([active]) {
+  outline-style: solid;
+  outline-color: var(--gxg-border-color--focused);
+  outline-width: var(--border-width-md);
+  outline-offset: -2px;
+  background-color: var(--gxg-background-color--hover);
+  color: var(--gxg-color--hover);
 }
 
 /*SELECTED*/
 :host([selected]) {
-  background-color: var(--gxg-background-color-item-active);
-  color: var(--gxg-color-item-active);
+  background-color: var(--gxg-background-color--selected);
+  color: var(--gxg-color--selected);
+  border-bottom-color: var(--color-secondary-hover);
+}
+
+:host([selected]:hover) {
+  background-color: var(--gxg-background-color--selected-hover);
+}
+
+:host(:not([sibling-is-selected])) {
+  border-bottom-color: transparent;
 }
 
-/*ACTIVE*/
 /*********************************************
 LARGE VERSION (html tag has 'gxg-large' class)
 **********************************************/

package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/item/item.css

@@ -679,8 +679,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -717,11 +717,11 @@ FORM ELEMENTS
   overflow: hidden;
 }
 :host .menu-item__button:hover {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }
 :host .menu-item__button:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -730,6 +730,6 @@ FORM ELEMENTS
 }
 
 :host([active]) .menu-item__button {
-  color: var(--gxg-color-selected);
-  background-color: var(--gxg-background-color-item-selected);
+  color: var(--gxg-color--selected);
+  background-color: var(--gxg-background-color--selected);
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css

@@ -449,13 +449,13 @@ ch-suggest::part(input) {
 }
 ch-suggest::part(input):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
 ch-suggest::part(input):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -487,7 +487,7 @@ ch-suggest::part(close-button)::after {
 }
 ch-suggest::part(close-button):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -625,7 +625,7 @@ ch-suggest-list-item::part(button) {
 }
 ch-suggest-list-item::part(button):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -637,5 +637,5 @@ ch-suggest-list-item gxg-icon::part(ch-icon) {
   margin-right: 2px;
 }
 ch-suggest-list-item:hover {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css

@@ -375,7 +375,7 @@ FORM ELEMENTS
 }
 :host .tab-button:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css

@@ -700,7 +700,7 @@ FORM ELEMENTS
   /**
   * @prop --item-hover-color: The color of the item on hover
   */
-  --item-hover-color: var(--gray-01);
+  --item-hover-color: var(--gxg-background-color--hover);
   /**
   * @prop --item-active-color: The color of the active item
   */
@@ -738,16 +738,16 @@ FORM ELEMENTS
   background-color: var(--item-hover-color);
 }
 :host li .li-text:active {
-  background-color: var(--gxg-background-color-item-selected);
+  background-color: var(--gxg-background-color--selected);
 }
 :host li .li-text:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
 :host li .li-text--selected {
-  background-color: var(--gxg-background-color-item-selected);
+  background-color: var(--gxg-background-color--selected);
 }
 :host li .li-text > * {
   flex-shrink: 0;

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css

@@ -0,0 +1,49 @@
+gxg-tree-view {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr;
+  height: 100%;
+}
+
+.tree-buttons {
+  display: grid;
+  grid-auto-rows: max-content;
+  row-gap: 8px;
+}
+
+:not(.ch-tree-x-dragging-item) ch-tree-x-list-item:not([selected])::part(header):hover {
+  background-color: #e8e8e9;
+}
+
+.ch-tree-x-list-item--drag-enter {
+  background-color: #eee;
+  box-shadow: inset 0 0 1px 0px black;
+}
+.ch-tree-x-list-item--drag-enter[selected]::part(header) {
+  background-color: #eee;
+}
+
+ch-tree-x-list-item::part(header) {
+  border: 1px solid transparent;
+}
+ch-tree-x-list-item[selected]::part(header) {
+  background-color: #cfdee6;
+  border-color: #0266a0;
+}
+ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header) {
+  background-color: rgba(207, 222, 230, 0.5);
+  border-color: transparent;
+}
+ch-tree-x-list-item:not(.ch-tree-x-list-item--editing)::part(header):focus-visible {
+  border-color: black;
+  z-index: 1;
+}
+
+.ch-tree-x-drag-info {
+  padding-inline: 6px;
+  padding-block: 2px;
+  background-color: #cfdee6;
+  border: 1px solid #0266a0;
+  border-radius: 10px;
+  font-size: 8px;
+}

package/dist/types/common/common.d.ts

@@ -5,4 +5,4 @@ export declare const renderFormItems: (componentType: "gxg-combo-box-item" | "gx
  * @param gxOptions An array of GxOptions's
  * @returns The first option in the array that is 'selected'. If no one found it returns null.
  */
-export declare const getSelectedGxOption: (gxOptions: GxOption[]) => GxOption;
+export declare const getSelectedGxOption: (gxOptions: GxOption[], onlyId?: boolean) => GxOption | string | void;

package/dist/types/components/new-kb/new-kb.d.ts

@@ -7,11 +7,6 @@ export declare class GxIdeNewKb {
    * The component hard-coded strings translations.
    */
   private _componentLocale;
-  /**
-   * An object with the initial value for each multi-option element.
-   */
-  private _initialComboValue;
-  private previousFrontEndsState;
   el: HTMLGxIdeNewKbElement;
   private authenticationTypeEl;
   private collationEl;
@@ -126,10 +121,6 @@ export declare class GxIdeNewKb {
   componentDidRenderEvent: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;
-  /**
-   * Set the initial/selected option for multi-option components
-   */
-  private setInitialValues;
   /**
    * @description If Server Name first option is selected, "Create Data in Knowledge Base Folder" should be disabled
    */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.1.471"
+    "@genexus/gemini": "*0.1.480"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.471",
+    "@genexus/gemini": "*0.1.480",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

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

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-const reserverdNames = require('./reserverd-names-1b00889a.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;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;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) {
-    index.registerInstance(this, hostRef);
-    this.click = index.createEvent(this, "click", 7);
-    this.input = index.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 (index.h(index.Host, { class: {
-        [reserverdNames.DISABLED_CLASS]: this.disabled,
-        "ch-checkbox--actionable": (!this.readonly && !this.disabled) ||
-          (this.readonly && this.highlightable)
-      } }, index.h("div", { class: {
-        container: true,
-        "container--checked": this.checked
-      }, part: `container${additionalParts}` }, index.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 }), index.h("div", { class: {
-        option: true,
-        "option--checked": this.checked && !this.indeterminate,
-        "option--indeterminate": this.indeterminate
-      }, part: `option${additionalParts}`, "aria-hidden": "true" })), this.caption && (index.h("label", { class: "label", part: "label", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "value": ["valueChanged"]
-  }; }
-};
-CheckBox.style = checkboxCss;
-
-exports.ch_checkbox = CheckBox;

package/dist/cjs/ch-global-stylesheet-145c4b20.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const CH_GLOBAL_STYLESHEET = new CSSStyleSheet({ disabled: true });
-
-exports.CH_GLOBAL_STYLESHEET = CH_GLOBAL_STYLESHEET;