@redvars/peacock 3.5.1 → 3.6.1

package/dist/cb-divider.js

@@ -0,0 +1,150 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { e } from './class-map-YU7g0o3B.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: block;
+  height: 100%;
+  width: 100%;
+  --cb-divider-line-color: var(--color-outline-variant);
+}
+
+.divider {
+  display: flex;
+}
+
+.divider:not(.vertical) {
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: var(--spacing-200);
+}
+.divider:not(.vertical) .line {
+  height: 100%;
+}
+.divider:not(.vertical).connect-start .line-start {
+  width: 1rem;
+  margin-left: 1rem;
+  border-inline-start: 1px solid var(--cb-divider-line-color);
+  border-top: 1px solid var(--cb-divider-line-color);
+  border-radius: var(--shape-corner-extra-small) 0 0 0;
+}
+.divider:not(.vertical):not(.connect-start) .line-start {
+  border-inline-start: 1px solid var(--cb-divider-line-color);
+}
+.divider:not(.vertical).connect-end .line-end {
+  width: 1rem;
+  margin-left: 1rem;
+  border-inline-start: 1px solid var(--cb-divider-line-color);
+  border-bottom: 1px solid var(--cb-divider-line-color);
+  border-radius: 0 0 0 var(--shape-corner-extra-small);
+}
+.divider:not(.vertical):not(.connect-end) .line-end {
+  border-inline-start: 1px solid var(--cb-divider-line-color);
+}
+.divider:not(.vertical) .content {
+  padding: var(--spacing-050) 0;
+}
+
+.divider.vertical {
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.divider.vertical .line {
+  width: 100%;
+}
+.divider.vertical.connect-start .line-start {
+  height: 1rem;
+  margin-top: 1rem;
+  border-top: 1px solid var(--cb-divider-line-color);
+  border-left: 1px solid var(--cb-divider-line-color);
+  border-radius: var(--shape-corner-extra-small) 0 0 0;
+}
+.divider.vertical:not(.connect-start) .line-start {
+  border-top: 1px solid var(--cb-divider-line-color);
+}
+.divider.vertical.connect-end .line-end {
+  height: 1rem;
+  margin-top: 1rem;
+  border-top: 1px solid var(--cb-divider-line-color);
+  border-right: 1px solid var(--cb-divider-line-color);
+  border-radius: 0 var(--shape-corner-extra-small) 0 0;
+}
+.divider.vertical:not(.connect-end) .line-end {
+  border-top: 1px solid var(--cb-divider-line-color);
+}
+.divider.vertical .content {
+  padding: 0 var(--spacing-050);
+}`;
+
+/**
+ * @label CB Divider
+ * @tag wc-cb-divider
+ * @rawTag cb-divider
+ * @summary A divider line used within a condition builder to visually connect expressions with operator tags.
+ * @tags condition-builder
+ * @parentRawTag compound-builder
+ *
+ * @example
+ * ```html
+ * <wc-cb-divider>
+ *   <wc-tag color="green">and</wc-tag>
+ * </wc-cb-divider>
+ * ```
+ */
+let CbDivider = class CbDivider extends i$1 {
+    constructor() {
+        super(...arguments);
+        /** Whether to render the divider vertically instead of horizontally. */
+        this.vertical = false;
+        /** Whether to render a connecting line at the start. */
+        this.connectStart = false;
+        /** Whether to render a connecting line at the end. */
+        this.connectEnd = false;
+    }
+    render() {
+        const classes = {
+            divider: true,
+            'connect-start': this.connectStart,
+            'connect-end': this.connectEnd,
+            vertical: this.vertical,
+        };
+        return b `
+      <div class=${e(classes)}>
+        <div class="line line-start"></div>
+        <div class="content">
+          <slot></slot>
+        </div>
+        <div class="line line-end"></div>
+      </div>
+    `;
+    }
+};
+CbDivider.styles = [css_248z];
+__decorate([
+    n({ type: Boolean, reflect: true })
+], CbDivider.prototype, "vertical", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true, attribute: 'connect-start' })
+], CbDivider.prototype, "connectStart", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true, attribute: 'connect-end' })
+], CbDivider.prototype, "connectEnd", void 0);
+CbDivider = __decorate([
+    IndividualComponent
+], CbDivider);
+
+export { CbDivider };
+//# sourceMappingURL=cb-divider.js.map

package/dist/cb-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cb-divider.js","sources":["../../src/condition-builder/cb-divider.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './cb-divider.scss';\n\n/**\n * @label CB Divider\n * @tag wc-cb-divider\n * @rawTag cb-divider\n * @summary A divider line used within a condition builder to visually connect expressions with operator tags.\n * @tags condition-builder\n * @parentRawTag compound-builder\n *\n * @example\n * ```html\n * <wc-cb-divider>\n *   <wc-tag color=\"green\">and</wc-tag>\n * </wc-cb-divider>\n * ```\n */\n@IndividualComponent\nexport class CbDivider extends LitElement {\n  static styles = [styles];\n\n  /** Whether to render the divider vertically instead of horizontally. */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /** Whether to render a connecting line at the start. */\n  @property({ type: Boolean, reflect: true, attribute: 'connect-start' })\n  connectStart = false;\n\n  /** Whether to render a connecting line at the end. */\n  @property({ type: Boolean, reflect: true, attribute: 'connect-end' })\n  connectEnd = false;\n\n  render() {\n    const classes = {\n      divider: true,\n      'connect-start': this.connectStart,\n      'connect-end': this.connectEnd,\n      vertical: this.vertical,\n    };\n\n    return html`\n      <div class=${classMap(classes)}>\n        <div class=\"line line-start\"></div>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n        <div class=\"line line-end\"></div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;AAcG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQA,GAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;;QAKL,IAAA,CAAA,QAAQ,GAAG,KAAK;;QAIhB,IAAA,CAAA,YAAY,GAAG,KAAK;;QAIpB,IAAA,CAAA,UAAU,GAAG,KAAK;IAoBpB;IAlBE,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,OAAO,EAAE,IAAI;YACb,eAAe,EAAE,IAAI,CAAC,YAAY;YAClC,aAAa,EAAE,IAAI,CAAC,UAAU;YAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;AAED,QAAA,OAAOC,CAAI,CAAA;mBACIC,CAAQ,CAAC,OAAO,CAAC,CAAA;;;;;;;KAO/B;IACH;;AA/BO,SAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAIxB,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAIjB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE;AACjD,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAIrB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE;AACjD,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAbR,SAAS,GAAA,UAAA,CAAA;IADrB;AACY,CAAA,EAAA,SAAS,CAiCrB;;;;"}

package/dist/cb-expression.js

@@ -0,0 +1,75 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: block;
+}
+
+.expression {
+  display: flex;
+  gap: var(--spacing-100);
+  align-items: center;
+  padding-bottom: var(--spacing-200);
+}`;
+
+/**
+ * @label CB Expression
+ * @tag wc-cb-expression
+ * @rawTag cb-expression
+ * @summary An expression row within a condition builder, containing an operator select and a slot for value inputs.
+ * @tags condition-builder
+ * @parentRawTag compound-builder
+ *
+ * @example
+ * ```html
+ * <wc-cb-expression>
+ *   <wc-input placeholder="Enter value"></wc-input>
+ * </wc-cb-expression>
+ * ```
+ */
+let CbExpression = class CbExpression extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * The list of operator options to display in the operator select.
+         * Each item should have at least `label` and `value` properties.
+         */
+        this.operators = [];
+        /** The currently selected operator value. */
+        this.operatorValue = '';
+    }
+    render() {
+        return b `
+      <div class="expression">
+        <wc-select
+          inline
+          .value=${this.operatorValue}
+          placeholder="Select Operator"
+          .options=${this.operators}
+        ></wc-select>
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+CbExpression.styles = [css_248z];
+__decorate([
+    n({ type: Array })
+], CbExpression.prototype, "operators", void 0);
+__decorate([
+    n({ type: String, attribute: 'operator-value' })
+], CbExpression.prototype, "operatorValue", void 0);
+CbExpression = __decorate([
+    IndividualComponent
+], CbExpression);
+
+export { CbExpression };
+//# sourceMappingURL=cb-expression.js.map

package/dist/cb-expression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cb-expression.js","sources":["../../src/condition-builder/cb-expression.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './cb-expression.scss';\n\n/**\n * @label CB Expression\n * @tag wc-cb-expression\n * @rawTag cb-expression\n * @summary An expression row within a condition builder, containing an operator select and a slot for value inputs.\n * @tags condition-builder\n * @parentRawTag compound-builder\n *\n * @example\n * ```html\n * <wc-cb-expression>\n *   <wc-input placeholder=\"Enter value\"></wc-input>\n * </wc-cb-expression>\n * ```\n */\n@IndividualComponent\nexport class CbExpression extends LitElement {\n  static styles = [styles];\n\n  /**\n   * The list of operator options to display in the operator select.\n   * Each item should have at least `label` and `value` properties.\n   */\n  @property({ type: Array })\n  operators: { label: string; value: string; icon?: string }[] = [];\n\n  /** The currently selected operator value. */\n  @property({ type: String, attribute: 'operator-value' })\n  operatorValue = '';\n\n  render() {\n    return html`\n      <div class=\"expression\">\n        <wc-select\n          inline\n          .value=${this.operatorValue}\n          placeholder=\"Select Operator\"\n          .options=${this.operators}\n        ></wc-select>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA;;;;;;;;;;;;;;AAcG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQA,GAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;AAGL;;;AAGG;QAEH,IAAA,CAAA,SAAS,GAAsD,EAAE;;QAIjE,IAAA,CAAA,aAAa,GAAG,EAAE;IAepB;IAbE,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;;;AAII,iBAAA,EAAA,IAAI,CAAC,aAAa;;AAEhB,mBAAA,EAAA,IAAI,CAAC,SAAS;;;;KAI9B;IACH;;AAzBO,YAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAOxB,UAAA,CAAA;AADC,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;AACyC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAIlE,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE;AACpC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAZR,YAAY,GAAA,UAAA,CAAA;IADxB;AACY,CAAA,EAAA,YAAY,CA2BxB;;;;"}

package/dist/cb-predicate.js

@@ -0,0 +1,137 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, A, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { e } from './class-map-YU7g0o3B.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: block;
+}
+
+.predicate:not(.vertical) .predicate-body {
+  padding-top: var(--spacing-200);
+}
+.predicate:not(.vertical) .predicate-condition-operator {
+  padding: var(--spacing-200) var(--spacing-400) 0 var(--spacing-400);
+}
+
+.predicate.vertical {
+  display: flex;
+  align-items: stretch;
+}
+.predicate.vertical .predicate-condition-operator {
+  padding: var(--spacing-400) 0 var(--spacing-200) 0;
+  padding-inline-end: var(--spacing-200);
+}
+.predicate.vertical .predicate-body {
+  flex: 1;
+}
+
+.slot-end {
+  display: block;
+}`;
+
+/**
+ * @label CB Predicate
+ * @tag wc-cb-predicate
+ * @rawTag cb-predicate
+ * @summary A predicate container in a condition builder that can display conditions in horizontal or vertical layout with an optional logical operator divider.
+ * @tags condition-builder
+ * @parentRawTag compound-expression
+ *
+ * @example
+ * ```html
+ * <wc-cb-predicate condition-operator="and" vertical>
+ *   <wc-cb-compound-expression field-label="Age">
+ *     <wc-cb-expression></wc-cb-expression>
+ *   </wc-cb-compound-expression>
+ * </wc-cb-predicate>
+ * ```
+ */
+let CbPredicate = class CbPredicate extends i$1 {
+    constructor() {
+        super(...arguments);
+        /** Whether to render the predicate in vertical layout. */
+        this.vertical = false;
+    }
+    updated() {
+        if (this.vertical) {
+            this.__adjustSlotEndPadding();
+        }
+    }
+    __adjustSlotEndPadding() {
+        const slotEnd = this.renderRoot.querySelector('.slot-end');
+        const operatorElm = this.renderRoot.querySelector('.predicate-condition-operator');
+        if (slotEnd && operatorElm) {
+            slotEnd.style.paddingInlineStart =
+                operatorElm.getBoundingClientRect().width + 'px';
+        }
+    }
+    __renderHorizontalOperator() {
+        if (!this.conditionOperator)
+            return A;
+        return b `
+      <wc-cb-divider vertical class="predicate-condition-operator">
+        <wc-tag color="yellow" size="sm">${this.conditionOperator}</wc-tag>
+      </wc-cb-divider>
+    `;
+    }
+    __renderVerticalOperator() {
+        if (!this.conditionOperator)
+            return A;
+        return b `
+      <div class="predicate-condition-operator">
+        <wc-cb-divider connect-start connect-end>
+          <wc-tag color="green" size="sm">${this.conditionOperator}</wc-tag>
+        </wc-cb-divider>
+      </div>
+    `;
+    }
+    render() {
+        const classes = {
+            predicate: true,
+            vertical: this.vertical,
+        };
+        if (this.vertical) {
+            return b `
+        <div class=${e(classes)}>
+          ${this.__renderVerticalOperator()}
+          <div class="predicate-body">
+            <slot></slot>
+          </div>
+        </div>
+        <div class="slot-end">
+          <slot name="end"></slot>
+        </div>
+      `;
+        }
+        return b `
+      <div class=${e(classes)}>
+        <div class="predicate-body">
+          <slot></slot>
+        </div>
+        ${this.__renderHorizontalOperator()}
+      </div>
+    `;
+    }
+};
+CbPredicate.styles = [css_248z];
+__decorate([
+    n({ type: String, attribute: 'condition-operator', reflect: true })
+], CbPredicate.prototype, "conditionOperator", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], CbPredicate.prototype, "vertical", void 0);
+CbPredicate = __decorate([
+    IndividualComponent
+], CbPredicate);
+
+export { CbPredicate };
+//# sourceMappingURL=cb-predicate.js.map

package/dist/cb-predicate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cb-predicate.js","sources":["../../src/condition-builder/cb-predicate.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './cb-predicate.scss';\n\n/**\n * @label CB Predicate\n * @tag wc-cb-predicate\n * @rawTag cb-predicate\n * @summary A predicate container in a condition builder that can display conditions in horizontal or vertical layout with an optional logical operator divider.\n * @tags condition-builder\n * @parentRawTag compound-expression\n *\n * @example\n * ```html\n * <wc-cb-predicate condition-operator=\"and\" vertical>\n *   <wc-cb-compound-expression field-label=\"Age\">\n *     <wc-cb-expression></wc-cb-expression>\n *   </wc-cb-compound-expression>\n * </wc-cb-predicate>\n * ```\n */\n@IndividualComponent\nexport class CbPredicate extends LitElement {\n  static styles = [styles];\n\n  /** The logical operator shown between predicates ('and' or 'or'). */\n  @property({ type: String, attribute: 'condition-operator', reflect: true })\n  conditionOperator?: 'and' | 'or';\n\n  /** Whether to render the predicate in vertical layout. */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  override updated() {\n    if (this.vertical) {\n      this.__adjustSlotEndPadding();\n    }\n  }\n\n  private __adjustSlotEndPadding() {\n    const slotEnd = this.renderRoot.querySelector<HTMLElement>('.slot-end');\n    const operatorElm = this.renderRoot.querySelector<HTMLElement>(\n      '.predicate-condition-operator',\n    );\n    if (slotEnd && operatorElm) {\n      slotEnd.style.paddingInlineStart =\n        operatorElm.getBoundingClientRect().width + 'px';\n    }\n  }\n\n  private __renderHorizontalOperator() {\n    if (!this.conditionOperator) return nothing;\n    return html`\n      <wc-cb-divider vertical class=\"predicate-condition-operator\">\n        <wc-tag color=\"yellow\" size=\"sm\">${this.conditionOperator}</wc-tag>\n      </wc-cb-divider>\n    `;\n  }\n\n  private __renderVerticalOperator() {\n    if (!this.conditionOperator) return nothing;\n    return html`\n      <div class=\"predicate-condition-operator\">\n        <wc-cb-divider connect-start connect-end>\n          <wc-tag color=\"green\" size=\"sm\">${this.conditionOperator}</wc-tag>\n        </wc-cb-divider>\n      </div>\n    `;\n  }\n\n  render() {\n    const classes = {\n      predicate: true,\n      vertical: this.vertical,\n    };\n\n    if (this.vertical) {\n      return html`\n        <div class=${classMap(classes)}>\n          ${this.__renderVerticalOperator()}\n          <div class=\"predicate-body\">\n            <slot></slot>\n          </div>\n        </div>\n        <div class=\"slot-end\">\n          <slot name=\"end\"></slot>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=${classMap(classes)}>\n        <div class=\"predicate-body\">\n          <slot></slot>\n        </div>\n        ${this.__renderHorizontalOperator()}\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","nothing","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQA,GAAU,CAAA;AAApC,IAAA,WAAA,GAAA;;;QASL,IAAA,CAAA,QAAQ,GAAG,KAAK;IAoElB;IAlEW,OAAO,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,sBAAsB,EAAE;QAC/B;IACF;IAEQ,sBAAsB,GAAA;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAc,WAAW,CAAC;QACvE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC/C,+BAA+B,CAChC;AACD,QAAA,IAAI,OAAO,IAAI,WAAW,EAAE;YAC1B,OAAO,CAAC,KAAK,CAAC,kBAAkB;AAC9B,gBAAA,WAAW,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,IAAI;QACpD;IACF;IAEQ,0BAA0B,GAAA;QAChC,IAAI,CAAC,IAAI,CAAC,iBAAiB;AAAE,YAAA,OAAOC,CAAO;AAC3C,QAAA,OAAOC,CAAI,CAAA;;AAE4B,yCAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;KAE5D;IACH;IAEQ,wBAAwB,GAAA;QAC9B,IAAI,CAAC,IAAI,CAAC,iBAAiB;AAAE,YAAA,OAAOD,CAAO;AAC3C,QAAA,OAAOC,CAAI,CAAA;;;AAG6B,0CAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;KAG7D;IACH;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,OAAOA,CAAI,CAAA;qBACIC,CAAQ,CAAC,OAAO,CAAC,CAAA;YAC1B,IAAI,CAAC,wBAAwB,EAAE;;;;;;;;OAQpC;QACH;AAEA,QAAA,OAAOD,CAAI,CAAA;mBACIC,CAAQ,CAAC,OAAO,CAAC,CAAA;;;;UAI1B,IAAI,CAAC,0BAA0B,EAAE;;KAEtC;IACH;;AA3EO,WAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAIxB,UAAA,CAAA;AADC,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,IAAI,EAAE;AACzC,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,MAAA,CAAA;AAIjC,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AATN,WAAW,GAAA,UAAA,CAAA;IADvB;AACY,CAAA,EAAA,WAAW,CA6EvB;;;;"}

package/dist/code-editor.js

@@ -3,7 +3,8 @@ import { n } from './property-1psGvXOq.js';
 import { r } from './state-DwbEjqVk.js';
 import { e } from './query-QBcUV-L_.js';
 import { e as e$1 } from './class-map-YU7g0o3B.js';
-import { B as BaseInput, i as isDarkMode, o as observeThemeChange } from './is-dark-mode-DicqGkCJ.js';
+import { B as BaseInput } from './BaseInput-14YmcfK7.js';
+import { i as isDarkMode, o as observeThemeChange } from './is-dark-mode-DOcaw4Yq.js';
 import { r as redispatchEvent } from './dispatch-event-utils-CuEqjlPT.js';
 import './directive-ZPhl09Yt.js';