@cordwainer/cw-elements 1.2.0-alpha.1 → 1.2.1

package/dist/chunks/{chunk.H5UDJOV5.js → chunk.5WDGDDQ3.js}

@@ -1,15 +1,15 @@
 import {
   CwTag
-} from "./chunk.NS52MRTK.js";
+} from "./chunk.XR244XZQ.js";
 import {
   scrollIntoView
 } from "./chunk.PH2N3MLE.js";
 import {
   CwVisuallyHidden
-} from "./chunk.5DVQN6KA.js";
+} from "./chunk.S7UEANY3.js";
 import {
   CwPopup
-} from "./chunk.LOVS45XD.js";
+} from "./chunk.G3BV7NCZ.js";
 import {
   form_control_styles_default
 } from "./chunk.YBI2MSEM.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.ELM2KTTL.js";
 import {
   CwSpinner
-} from "./chunk.E5645J52.js";
+} from "./chunk.MGO3FDQH.js";
 import {
   FormControlController
 } from "./chunk.PH2VNONO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.BVGZUUCX.js";
 import {
   CwIcon
-} from "./chunk.65WIBETF.js";
+} from "./chunk.3PNFQXBT.js";
 import {
   watch
 } from "./chunk.GQZ7EGMM.js";
@@ -50,7 +50,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";
@@ -753,20 +753,20 @@ var CwCombobox = class extends CwElement {
               />
 
               ${hasClearIcon ? html`
-                    <button
-                      part="clear-button"
-                      class="combobox__clear"
-                      type="button"
-                      aria-label=${this.localize.term("clearEntry")}
-                      @mousedown=${this.handleClearMouseDown}
-                      @click=${this.handleClearClick}
-                      tabindex="-1"
-                    >
-                      <slot name="clear-icon">
-                        <cw-icon name="x-circle-fill" library="system"></cw-icon>
-                      </slot>
-                    </button>
-                  ` : ""}
+                      <button
+                        part="clear-button"
+                        class="combobox__clear"
+                        type="button"
+                        aria-label=${this.localize.term("clearEntry")}
+                        @mousedown=${this.handleClearMouseDown}
+                        @click=${this.handleClearClick}
+                        tabindex="-1"
+                      >
+                        <slot name="clear-icon">
+                          <cw-icon name="x-circle-fill" library="system"></cw-icon>
+                        </slot>
+                      </button>
+                    ` : ""}
 
               <slot name="suffix" part="suffix" class="combobox__suffix"></slot>
 
@@ -791,15 +791,15 @@ var CwCombobox = class extends CwElement {
               <slot></slot>
 
               ${this.loading ? html`
-                    <div part="loading" class="combobox__loading">
-                      <cw-spinner></cw-spinner>
-                    </div>
-                  ` : ""}
+                      <div part="loading" class="combobox__loading">
+                        <cw-spinner></cw-spinner>
+                      </div>
+                    ` : ""}
               ${showNoOptions ? html`
-                    <div part="no-options" class="combobox__no-options">
-                      <slot name="no-options">No matching options found.</slot>
-                    </div>
-                  ` : ""}
+                      <div part="no-options" class="combobox__no-options">
+                        <slot name="no-options">No matching options found.</slot>
+                      </div>
+                    ` : ""}
             </div>
           </cw-popup>
         </div>
@@ -814,10 +814,10 @@ var CwCombobox = class extends CwElement {
         </div>
 
         ${this.multiple ? html`
-              <cw-visually-hidden role="status" aria-live="polite">
-                ${this.localize.term("numOptionsSelected", this.selectedOptions.length)}
-              </cw-visually-hidden>
-            ` : ""}
+                <cw-visually-hidden role="status" aria-live="polite">
+                  ${this.localize.term("numOptionsSelected", this.selectedOptions.length)}
+                </cw-visually-hidden>
+              ` : ""}
       </div>
     `;
   }

package/{cdn/chunks/chunk.5OOCO4GL.js → dist/chunks/chunk.5Z3XAIY4.js}

@@ -1,6 +1,6 @@
 import {
   CwMenuItem
-} from "./chunk.YJLAVH5B.js";
+} from "./chunk.MUCDWZAI.js";
 
 // src/react/menu-item/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.J5WUHRX6.js → chunk.64Q4DHEC.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";

package/dist/chunks/{chunk.7LUO23BS.js → chunk.6FJBBZKX.js}

@@ -1,6 +1,6 @@
 import {
   CwRadio
-} from "./chunk.4RKYCOLD.js";
+} from "./chunk.ZRQPBGKE.js";
 
 // src/components/radio/radio.ts
 var radio_default = CwRadio;

package/dist/chunks/{chunk.PVWCXGYC.js → chunk.6FVNKQ54.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";

package/dist/chunks/{chunk.5PFBTDM7.js → chunk.6JVW6XLD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.2H4HZOD6.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";

package/dist/chunks/{chunk.FXP4QJHU.js → chunk.6LVXYPQH.js}

@@ -1,6 +1,6 @@
 import {
   CwSelect
-} from "./chunk.MLL5HGQN.js";
+} from "./chunk.5DE6VF5B.js";
 
 // src/react/select/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.LSIGE5IY.js → chunk.6VI7H4MV.js}

@@ -1,6 +1,6 @@
 import {
   CwPagination
-} from "./chunk.LYFMY3QF.js";
+} from "./chunk.4FY5QAHZ.js";
 
 // src/components/pagination/pagination.ts
 var pagination_default = CwPagination;

package/dist/chunks/{chunk.OF2JNCHL.js → chunk.74PB7XMV.js}

@@ -1,12 +1,12 @@
 import {
   CwInput
-} from "./chunk.36HMLPYR.js";
+} from "./chunk.HP3DNHPA.js";
 import {
   drag
 } from "./chunk.ESELY2US.js";
 import {
   CwDropdown
-} from "./chunk.NDVTPCXA.js";
+} from "./chunk.F55RRF2P.js";
 import {
   defaultValue
 } from "./chunk.GI7VDIWX.js";
@@ -15,25 +15,25 @@ import {
 } from "./chunk.IXJCSAM3.js";
 import {
   CwVisuallyHidden
-} from "./chunk.5DVQN6KA.js";
+} from "./chunk.S7UEANY3.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
 import {
   CwButton
-} from "./chunk.ZLIF2HLM.js";
+} from "./chunk.ULEDTEBC.js";
 import {
   FormControlController
 } from "./chunk.PH2VNONO.js";
 import {
   CwButtonGroup
-} from "./chunk.SMZNBILX.js";
+} from "./chunk.AC4T4HFA.js";
 import {
   LocalizeController
 } from "./chunk.2H4HZOD6.js";
 import {
   CwIcon
-} from "./chunk.65WIBETF.js";
+} from "./chunk.3PNFQXBT.js";
 import {
   watch
 } from "./chunk.GQZ7EGMM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";
@@ -603,10 +603,10 @@ var CwColorPicker = class extends CwElement {
         tabindex=${this.inline ? "0" : "-1"}
       >
         ${this.inline ? html`
-              <cw-visually-hidden id="label">
-                <slot name="label">${this.label}</slot>
-              </cw-visually-hidden>
-            ` : null}
+                <cw-visually-hidden id="label">
+                  <slot name="label">${this.label}</slot>
+                </cw-visually-hidden>
+              ` : null}
 
         <div
           part="grid"
@@ -659,39 +659,39 @@ var CwColorPicker = class extends CwElement {
             </div>
 
             ${this.opacity ? html`
-                  <div
-                    part="slider opacity-slider"
-                    class="color-picker__alpha color-picker__slider color-picker__transparent-bg"
-                    @pointerdown="${this.handleAlphaDrag}"
-                    @touchmove=${this.handleTouchMove}
-                  >
                     <div
-                      class="color-picker__alpha-gradient"
-                      style=${styleMap({
+                      part="slider opacity-slider"
+                      class="color-picker__alpha color-picker__slider color-picker__transparent-bg"
+                      @pointerdown="${this.handleAlphaDrag}"
+                      @touchmove=${this.handleTouchMove}
+                    >
+                      <div
+                        class="color-picker__alpha-gradient"
+                        style=${styleMap({
       backgroundImage: `linear-gradient(
                           to right,
                           ${this.getHexString(this.hue, this.saturation, this.brightness, 0)} 0%,
                           ${this.getHexString(this.hue, this.saturation, this.brightness, 100)} 100%
                         )`
     })}
-                    ></div>
-                    <span
-                      part="slider-handle opacity-slider-handle"
-                      class="color-picker__slider-handle"
-                      style=${styleMap({
+                      ></div>
+                      <span
+                        part="slider-handle opacity-slider-handle"
+                        class="color-picker__slider-handle"
+                        style=${styleMap({
       left: `${this.alpha}%`
     })}
-                      role="slider"
-                      aria-label="alpha"
-                      aria-orientation="horizontal"
-                      aria-valuemin="0"
-                      aria-valuemax="100"
-                      aria-valuenow=${Math.round(this.alpha)}
-                      tabindex=${ifDefined(this.disabled ? void 0 : "0")}
-                      @keydown=${this.handleAlphaKeyDown}
-                    ></span>
-                  </div>
-                ` : ""}
+                        role="slider"
+                        aria-label="alpha"
+                        aria-orientation="horizontal"
+                        aria-valuemin="0"
+                        aria-valuemax="100"
+                        aria-valuenow=${Math.round(this.alpha)}
+                        tabindex=${ifDefined(this.disabled ? void 0 : "0")}
+                        @keydown=${this.handleAlphaKeyDown}
+                      ></span>
+                    </div>
+                  ` : ""}
           </div>
 
           <button
@@ -729,74 +729,74 @@ var CwColorPicker = class extends CwElement {
 
           <cw-button-group>
             ${!this.noFormatToggle ? html`
-                  <cw-button
-                    part="format-button"
-                    aria-label=${this.localize.term("toggleColorFormat")}
-                    exportparts="
+                    <cw-button
+                      part="format-button"
+                      aria-label=${this.localize.term("toggleColorFormat")}
+                      exportparts="
                       base:format-button__base,
                       prefix:format-button__prefix,
                       label:format-button__label,
                       suffix:format-button__suffix,
                       caret:format-button__caret
                     "
-                    @click=${this.handleFormatToggle}
-                    @cw-blur=${this.stopNestedEventPropagation}
-                    @cw-focus=${this.stopNestedEventPropagation}
-                  >
-                    ${this.setLetterCase(this.format)}
-                  </cw-button>
-                ` : ""}
+                      @click=${this.handleFormatToggle}
+                      @cw-blur=${this.stopNestedEventPropagation}
+                      @cw-focus=${this.stopNestedEventPropagation}
+                    >
+                      ${this.setLetterCase(this.format)}
+                    </cw-button>
+                  ` : ""}
             ${hasEyeDropper ? html`
-                  <cw-button
-                    part="eye-dropper-button"
-                    exportparts="
+                    <cw-button
+                      part="eye-dropper-button"
+                      exportparts="
                       base:eye-dropper-button__base,
                       prefix:eye-dropper-button__prefix,
                       label:eye-dropper-button__label,
                       suffix:eye-dropper-button__suffix,
                       caret:eye-dropper-button__caret
                     "
-                    @click=${this.handleEyeDropper}
-                    @cw-blur=${this.stopNestedEventPropagation}
-                    @cw-focus=${this.stopNestedEventPropagation}
-                  >
-                    <cw-icon
-                      library="system"
-                      name="eyedropper"
-                      label=${this.localize.term("selectAColorFromTheScreen")}
-                    ></cw-icon>
-                  </cw-button>
-                ` : ""}
+                      @click=${this.handleEyeDropper}
+                      @cw-blur=${this.stopNestedEventPropagation}
+                      @cw-focus=${this.stopNestedEventPropagation}
+                    >
+                      <cw-icon
+                        library="system"
+                        name="eyedropper"
+                        label=${this.localize.term("selectAColorFromTheScreen")}
+                      ></cw-icon>
+                    </cw-button>
+                  ` : ""}
           </cw-button-group>
         </div>
 
         ${swatches.length > 0 ? html`
-              <div part="swatches" class="color-picker__swatches">
-                ${swatches.map((swatch) => {
+                <div part="swatches" class="color-picker__swatches">
+                  ${swatches.map((swatch) => {
       const parsedColor = this.parseColor(swatch);
       if (!parsedColor) {
         console.error(`Unable to parse swatch color: "${swatch}"`, this);
         return "";
       }
       return html`
-                    <div
-                      part="swatch"
-                      class="color-picker__swatch color-picker__transparent-bg"
-                      tabindex=${ifDefined(this.disabled ? void 0 : "0")}
-                      role="button"
-                      aria-label=${swatch}
-                      @click=${() => this.selectSwatch(swatch)}
-                      @keydown=${(event) => !this.disabled && event.key === "Enter" && this.setColor(parsedColor.hexa)}
-                    >
                       <div
-                        class="color-picker__swatch-color"
-                        style=${styleMap({ backgroundColor: parsedColor.hexa })}
-                      ></div>
-                    </div>
-                  `;
+                        part="swatch"
+                        class="color-picker__swatch color-picker__transparent-bg"
+                        tabindex=${ifDefined(this.disabled ? void 0 : "0")}
+                        role="button"
+                        aria-label=${swatch}
+                        @click=${() => this.selectSwatch(swatch)}
+                        @keydown=${(event) => !this.disabled && event.key === "Enter" && this.setColor(parsedColor.hexa)}
+                      >
+                        <div
+                          class="color-picker__swatch-color"
+                          style=${styleMap({ backgroundColor: parsedColor.hexa })}
+                        ></div>
+                      </div>
+                    `;
     })}
-              </div>
-            ` : ""}
+                </div>
+              ` : ""}
       </div>
     `;
     if (this.inline) {

package/dist/chunks/{chunk.6TJHG4PU.js → chunk.75BK22OR.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";

package/{cdn/chunks/chunk.3A3EKZAC.js → dist/chunks/chunk.7FD76G44.js}

@@ -1,6 +1,6 @@
 import {
   CwTooltip
-} from "./chunk.CJZODE22.js";
+} from "./chunk.HPQW7FK5.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = CwTooltip;

package/dist/chunks/{chunk.GWTRKUXQ.js → chunk.7GJRJPPN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.U4A4EIV4.js";
 import {
   CwTreeItem
-} from "./chunk.N47BSIDT.js";
+} from "./chunk.KW6UPMYT.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";

package/dist/chunks/{chunk.FRD5DSVU.js → chunk.7GPZOWLE.js}

@@ -1,6 +1,6 @@
 import {
   CwPopup
-} from "./chunk.LOVS45XD.js";
+} from "./chunk.G3BV7NCZ.js";
 
 // src/react/popup/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.XS5NNDJW.js → chunk.7OBAC32Q.js}

@@ -1,6 +1,6 @@
 import {
   CwTabGroup
-} from "./chunk.Q2I5DDZL.js";
+} from "./chunk.3VC4WJAC.js";
 
 // src/react/tab-group/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.YZXAE52P.js → chunk.7TG6SJPV.js}

@@ -1,6 +1,6 @@
 import {
   CwMenu
-} from "./chunk.Q4PVZJO5.js";
+} from "./chunk.BK47O3KW.js";
 
 // src/components/menu/menu.ts
 var menu_default = CwMenu;

package/dist/chunks/{chunk.HVVSMHIJ.js → chunk.A2A3DRJQ.js}

@@ -1,6 +1,6 @@
 import {
   CwOption
-} from "./chunk.IZVIQXV7.js";
+} from "./chunk.TFSS4CRR.js";
 
 // src/components/option/option.ts
 var option_default = CwOption;

package/dist/chunks/{chunk.UTCINADU.js → chunk.A6ZS6YRS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.LD4M4QGE.js";
 import {
   CwIconButton
-} from "./chunk.MBQMFOQP.js";
+} from "./chunk.QUYP6ZA4.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -32,7 +32,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";
@@ -206,29 +206,29 @@ var _CwAlert = class _CwAlert extends CwElement {
         </div>
 
         ${this.closable ? html`
-              <cw-icon-button
-                part="close-button"
-                exportparts="base:close-button__base"
-                class="alert__close-button"
-                name="x-lg"
-                library="system"
-                label=${this.localize.term("close")}
-                @click=${this.handleCloseClick}
-              ></cw-icon-button>
-            ` : ""}
+                <cw-icon-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  class="alert__close-button"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("close")}
+                  @click=${this.handleCloseClick}
+                ></cw-icon-button>
+              ` : ""}
 
         <div role="timer" class="alert__timer">${this.remainingTime}</div>
 
         ${this.countdown ? html`
-              <div
-                class=${classMap({
+                <div
+                  class=${classMap({
       alert__countdown: true,
       "alert__countdown--ltr": this.countdown === "ltr"
     })}
-              >
-                <div class="alert__countdown-elapsed"></div>
-              </div>
-            ` : ""}
+                >
+                  <div class="alert__countdown-elapsed"></div>
+                </div>
+              ` : ""}
       </div>
     `;
   }

package/dist/chunks/{chunk.SMZNBILX.js → chunk.AC4T4HFA.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";

package/dist/chunks/{chunk.EWB3P576.js → chunk.ARBMBD2B.js}

@@ -1,6 +1,6 @@
 import {
   CwFormatDate
-} from "./chunk.5PFBTDM7.js";
+} from "./chunk.6JVW6XLD.js";
 
 // src/react/format-date/index.ts
 import * as React from "react";

package/{cdn/chunks/chunk.LU7S6Z7C.js → dist/chunks/chunk.AV75HAIG.js}

@@ -1,6 +1,6 @@
 import {
   CwDropdown
-} from "./chunk.QE3EQWWF.js";
+} from "./chunk.F55RRF2P.js";
 
 // src/react/dropdown/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.437NNE4R.js → chunk.AXRKNBZF.js}

@@ -1,6 +1,6 @@
 import {
   CwCarouselItem
-} from "./chunk.5RMOOAFI.js";
+} from "./chunk.5NU26MOJ.js";
 
 // src/components/carousel-item/carousel-item.ts
 var carousel_item_default = CwCarouselItem;

package/dist/chunks/{chunk.UQVSN6I5.js → chunk.AYLOUPKG.js}

@@ -1,6 +1,6 @@
 import {
   CwInclude
-} from "./chunk.KGGUJKKM.js";
+} from "./chunk.SQH35K7G.js";
 
 // src/components/include/include.ts
 var include_default = CwInclude;

package/dist/chunks/{chunk.5WQ4DYTA.js → chunk.AYX6QHXW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.2H4HZOD6.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.ZLENW5NO.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";

package/dist/chunks/{chunk.UJHPENSV.js → chunk.B3TJCADV.js}

@@ -1,6 +1,6 @@
 import {
   CwMutationObserver
-} from "./chunk.6TJHG4PU.js";
+} from "./chunk.75BK22OR.js";
 
 // src/react/mutation-observer/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.V6P5H4AI.js → chunk.B5LBWUBD.js}

@@ -1,6 +1,6 @@
 import {
   CwDivider
-} from "./chunk.QBAMLI5V.js";
+} from "./chunk.NL4XOUR3.js";
 
 // src/components/divider/divider.ts
 var divider_default = CwDivider;