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

package/cdn/chunks/{chunk.SEA7BJMY.js → chunk.EJDYLREA.js}

@@ -1,12 +1,12 @@
 import {
   CwInput
-} from "./chunk.LZ4L4JF3.js";
+} from "./chunk.4CK7EBFB.js";
 import {
   drag
 } from "./chunk.ESELY2US.js";
 import {
   CwDropdown
-} from "./chunk.QE3EQWWF.js";
+} from "./chunk.7LC6OOHG.js";
 import {
   o as o2
 } from "./chunk.3KMJJQ2V.js";
@@ -18,19 +18,19 @@ import {
 } from "./chunk.VQJLS3AT.js";
 import {
   CwVisuallyHidden
-} from "./chunk.LPKUU5RV.js";
+} from "./chunk.5WJMKI5W.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
 import {
   CwButton
-} from "./chunk.MNR3RGM6.js";
+} from "./chunk.Z6ZQWYWR.js";
 import {
   FormControlController
 } from "./chunk.FIVNGT4O.js";
 import {
   CwButtonGroup
-} from "./chunk.R3B4HK4V.js";
+} from "./chunk.N3PRK7GL.js";
 import {
   LocalizeController
 } from "./chunk.3ITR3YMH.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.VBR4VS53.js";
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.W24C4FHM.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -55,7 +55,7 @@ import {
   n,
   r,
   t
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";
@@ -1644,10 +1644,10 @@ var CwColorPicker = class extends CwElement {
         tabindex=${this.inline ? "0" : "-1"}
       >
         ${this.inline ? b`
-              <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"
@@ -1700,39 +1700,39 @@ var CwColorPicker = class extends CwElement {
             </div>
 
             ${this.opacity ? b`
-                  <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=${o2({
+                      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=${o2({
       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=${o2({
+                      ></div>
+                      <span
+                        part="slider-handle opacity-slider-handle"
+                        class="color-picker__slider-handle"
+                        style=${o2({
       left: `${this.alpha}%`
     })}
-                      role="slider"
-                      aria-label="alpha"
-                      aria-orientation="horizontal"
-                      aria-valuemin="0"
-                      aria-valuemax="100"
-                      aria-valuenow=${Math.round(this.alpha)}
-                      tabindex=${o(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=${o(this.disabled ? void 0 : "0")}
+                        @keydown=${this.handleAlphaKeyDown}
+                      ></span>
+                    </div>
+                  ` : ""}
           </div>
 
           <button
@@ -1770,74 +1770,74 @@ var CwColorPicker = class extends CwElement {
 
           <cw-button-group>
             ${!this.noFormatToggle ? b`
-                  <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 ? b`
-                  <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 ? b`
-              <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 b`
-                    <div
-                      part="swatch"
-                      class="color-picker__swatch color-picker__transparent-bg"
-                      tabindex=${o(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=${o2({ backgroundColor: parsedColor.hexa })}
-                      ></div>
-                    </div>
-                  `;
+                        part="swatch"
+                        class="color-picker__swatch color-picker__transparent-bg"
+                        tabindex=${o(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=${o2({ backgroundColor: parsedColor.hexa })}
+                        ></div>
+                      </div>
+                    `;
     })}
-              </div>
-            ` : ""}
+                </div>
+              ` : ""}
       </div>
     `;
     if (this.inline) {

package/cdn/chunks/{chunk.M6L2HEZK.js → chunk.F3BIEFMM.js}

@@ -1,6 +1,6 @@
 import {
   CwMenuItem
-} from "./chunk.YJLAVH5B.js";
+} from "./chunk.PAAUYXJM.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = CwMenuItem;

package/cdn/chunks/{chunk.MQ5LM4MB.js → chunk.F4I6MJ6D.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NJIHXHXI.js";
 import {
   CwElement
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.WOSUM25N.js → chunk.F4WMPGEZ.js}

@@ -1,6 +1,6 @@
 import {
   CwTextarea
-} from "./chunk.KM3JL2NK.js";
+} from "./chunk.KSNKPY77.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = CwTextarea;

package/cdn/chunks/{chunk.TA56DOYV.js → chunk.FDV5S6Q6.js}

@@ -1,6 +1,6 @@
 import {
   CwButtonGroup
-} from "./chunk.R3B4HK4V.js";
+} from "./chunk.N3PRK7GL.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = CwButtonGroup;

package/{dist/chunks/chunk.I446LBDA.js → cdn/chunks/chunk.FEHPPAED.js}

@@ -1,6 +1,6 @@
 import {
   CwTab
-} from "./chunk.UIIEPLWX.js";
+} from "./chunk.FYUFPWEE.js";
 
 // src/components/tab/tab.ts
 var tab_default = CwTab;

package/{dist/chunks/chunk.H3U2APWF.js → cdn/chunks/chunk.FHIMTWRV.js}

@@ -1,6 +1,6 @@
 import {
   CwRadioButton
-} from "./chunk.PVWCXGYC.js";
+} from "./chunk.KX6SDU2Q.js";
 
 // src/react/radio-button/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.LTKRWRX4.js → chunk.FJ5OLSSX.js}

@@ -14,7 +14,7 @@ import {
   CwElement,
   n,
   r3 as r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.A67362GN.js → chunk.FL75WHV7.js}

@@ -1,6 +1,6 @@
 import {
   CwRating
-} from "./chunk.VFVSFU77.js";
+} from "./chunk.YYRED2J2.js";
 
 // src/react/rating/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.W5MV243H.js → chunk.FLH276KO.js}

@@ -1,6 +1,6 @@
 import {
   CwSkeleton
-} from "./chunk.WW5GN3NZ.js";
+} from "./chunk.PLWUHX7O.js";
 
 // src/components/skeleton/skeleton.ts
 var skeleton_default = CwSkeleton;

package/cdn/chunks/{chunk.5GHHWGQ4.js → chunk.FS65H6I7.js}

@@ -174,7 +174,7 @@ var CwElement = class extends i {
 _hasRecordedInitialProperties = new WeakMap();
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-CwElement.version = "1.2.0-alpha.1";
+CwElement.version = "1.2.2";
 CwElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/{chunk.YPGVT6BY.js → chunk.FVPLQ2TW.js}

@@ -1,6 +1,6 @@
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.W24C4FHM.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -12,7 +12,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   animated_image_styles_default
 } from "./chunk.YOOQFG5Z.js";
@@ -71,19 +71,19 @@ var CwAnimatedImage = class extends CwElement {
         />
 
         ${this.isLoaded ? b`
-              <img
-                class="animated-image__frozen"
-                src=${this.frozenFrame}
-                alt=${this.alt}
-                aria-hidden=${this.play ? "true" : "false"}
-                @click=${this.handleClick}
-              />
+                <img
+                  class="animated-image__frozen"
+                  src=${this.frozenFrame}
+                  alt=${this.alt}
+                  aria-hidden=${this.play ? "true" : "false"}
+                  @click=${this.handleClick}
+                />
 
-              <div part="control-box" class="animated-image__control-box">
-                <slot name="play-icon"><cw-icon name="play-fill" library="system"></cw-icon></slot>
-                <slot name="pause-icon"><cw-icon name="pause-fill" library="system"></cw-icon></slot>
-              </div>
-            ` : ""}
+                <div part="control-box" class="animated-image__control-box">
+                  <slot name="play-icon"><cw-icon name="play-fill" library="system"></cw-icon></slot>
+                  <slot name="pause-icon"><cw-icon name="pause-fill" library="system"></cw-icon></slot>
+                </div>
+              ` : ""}
       </div>
     `;
   }

package/cdn/chunks/{chunk.6LFZYNAJ.js → chunk.FYUFPWEE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KQ6YVFLH.js";
 import {
   CwIconButton
-} from "./chunk.J2XCU3C2.js";
+} from "./chunk.KT66HULB.js";
 import {
   LocalizeController
 } from "./chunk.3ITR3YMH.js";
@@ -20,7 +20,7 @@ import {
   CwElement,
   e as e2,
   n
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";
@@ -75,17 +75,17 @@ var CwTab = class extends CwElement {
       >
         <slot></slot>
         ${this.closable ? b`
-              <cw-icon-button
-                part="close-button"
-                exportparts="base:close-button__base"
-                name="x-lg"
-                library="system"
-                label=${this.localize.term("close")}
-                class="tab__close-button"
-                @click=${this.handleCloseClick}
-                tabindex="-1"
-              ></cw-icon-button>
-            ` : ""}
+                <cw-icon-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("close")}
+                  class="tab__close-button"
+                  @click=${this.handleCloseClick}
+                  tabindex="-1"
+                ></cw-icon-button>
+              ` : ""}
       </div>
     `;
   }

package/cdn/chunks/{chunk.APDL56LM.js → chunk.FZLY3KV3.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.VBR4VS53.js";
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.W24C4FHM.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -17,7 +17,7 @@ import {
   CwElement,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.D7MYJ7DS.js → chunk.G3EBOEMV.js}

@@ -10,7 +10,7 @@ import {
 import {
   CwElement,
   n
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.GUUCUNLT.js → chunk.G447ZTAJ.js}

@@ -1,6 +1,6 @@
 import {
   CwTabGroup
-} from "./chunk.B5OFLT2Z.js";
+} from "./chunk.NFLL4NW4.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = CwTabGroup;

package/cdn/chunks/{chunk.GBKWIQWO.js → chunk.GCLMY3T2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.QD5DJ6HW.js";
 import {
   CwIconButton
-} from "./chunk.J2XCU3C2.js";
+} from "./chunk.KT66HULB.js";
 import {
   LocalizeController
 } from "./chunk.3ITR3YMH.js";
@@ -16,7 +16,7 @@ import {
 import {
   CwElement,
   n
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.UL2CCSOX.js → chunk.GMIOQIG4.js}

@@ -1,6 +1,6 @@
 import {
   CwProgressRing
-} from "./chunk.O6J67H5P.js";
+} from "./chunk.JRB7BES7.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = CwProgressRing;

package/cdn/chunks/{chunk.KNTPKXOU.js → chunk.GNLGIRBK.js}

@@ -10,7 +10,7 @@ import {
 import {
   CwElement,
   n
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.2NINSW7F.js → chunk.GT4QJTRD.js}

@@ -7,7 +7,7 @@ import {
 import {
   CwElement,
   e
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/{dist/chunks/chunk.SSLBDFDV.js → cdn/chunks/chunk.GZ2NCNTA.js}

@@ -1,6 +1,6 @@
 import {
   CwPopup
-} from "./chunk.LOVS45XD.js";
+} from "./chunk.7DQNE5XY.js";
 
 // src/components/popup/popup.ts
 var popup_default = CwPopup;

package/{dist/chunks/chunk.TNWDI7TS.js → cdn/chunks/chunk.HBTHTL22.js}

@@ -1,6 +1,6 @@
 import {
   CwDialog
-} from "./chunk.HNIWLXGA.js";
+} from "./chunk.AKRU6EJJ.js";
 
 // src/react/dialog/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.BMLBSFYD.js → cdn/chunks/chunk.HBXFT6JP.js}

@@ -1,6 +1,6 @@
 import {
   CwRadioGroup
-} from "./chunk.VQZ2GXD4.js";
+} from "./chunk.HGPRCQG6.js";
 
 // src/react/radio-group/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.AEG2D2GK.js → chunk.HCSTGKJ5.js}

@@ -1,6 +1,6 @@
 import {
   CwDataTableColumn
-} from "./chunk.DYSZCSPE.js";
+} from "./chunk.B7B5NKFR.js";
 
 // src/react/data-table-column/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.EMECPVBD.js → chunk.HEUZATEE.js}

@@ -1,6 +1,6 @@
 import {
   CwPagination
-} from "./chunk.GBKWIQWO.js";
+} from "./chunk.GCLMY3T2.js";
 
 // src/react/pagination/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.4C5CA3U6.js → chunk.HGPRCQG6.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.FIVNGT4O.js";
 import {
   CwButtonGroup
-} from "./chunk.R3B4HK4V.js";
+} from "./chunk.N3PRK7GL.js";
 import {
   HasSlotController
 } from "./chunk.BVGZUUCX.js";
@@ -30,7 +30,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.FS65H6I7.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";
@@ -299,10 +299,10 @@ var CwRadioGroup = class extends CwElement {
           </div>
 
           ${this.hasButtonGroup ? b`
-                <cw-button-group part="button-group" exportparts="base:button-group__base" role="presentation">
-                  ${defaultSlot}
-                </cw-button-group>
-              ` : defaultSlot}
+                  <cw-button-group part="button-group" exportparts="base:button-group__base" role="presentation">
+                    ${defaultSlot}
+                  </cw-button-group>
+                ` : defaultSlot}
         </div>
 
         <div

package/cdn/chunks/{chunk.JAEXATQZ.js → chunk.HGUYNNK3.js}

@@ -1,6 +1,6 @@
 import {
   CwRelativeTime
-} from "./chunk.SS4Z6VKL.js";
+} from "./chunk.7CJZTCQB.js";
 
 // src/components/relative-time/relative-time.ts
 var relative_time_default = CwRelativeTime;

package/cdn/chunks/{chunk.KBPWFLVG.js → chunk.HKGINLU3.js}

@@ -1,6 +1,6 @@
 import {
   CwDataTable
-} from "./chunk.QGRWRQ6W.js";
+} from "./chunk.3KZAH5AQ.js";
 
 // src/components/data-table/data-table.ts
 var data_table_default = CwDataTable;

package/{dist/chunks/chunk.MXCPLNMN.js → cdn/chunks/chunk.HMXN2TM3.js}

@@ -1,6 +1,6 @@
 import {
   CwInput
-} from "./chunk.36HMLPYR.js";
+} from "./chunk.4CK7EBFB.js";
 
 // src/components/input/input.ts
 var input_default = CwInput;

package/cdn/chunks/{chunk.LYQ27U5N.js → chunk.HQBM6VW2.js}

@@ -1,6 +1,6 @@
 import {
   CwRange
-} from "./chunk.UWE3O7Q6.js";
+} from "./chunk.BYFOH5PZ.js";
 
 // src/components/range/range.ts
 var range_default = CwRange;