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

package/cdn/chunks/{chunk.YXD5K75D.js → chunk.MAY2VKXH.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.LD4M4QGE.js";
 import {
   CwIconButton
-} from "./chunk.J2XCU3C2.js";
+} from "./chunk.Y4CB2PIQ.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -47,7 +47,7 @@ import {
   CwElement,
   e as e2,
   n
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";
@@ -250,25 +250,25 @@ var CwDrawer = class extends CwElement {
           tabindex="0"
         >
           ${!this.noHeader ? b`
-                <header part="header" class="drawer__header">
-                  <h2 part="title" class="drawer__title" id="title">
-                    <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
-                    <slot name="label"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>
-                  </h2>
-                  <div part="header-actions" class="drawer__header-actions">
-                    <slot name="header-actions"></slot>
-                    <cw-icon-button
-                      part="close-button"
-                      exportparts="base:close-button__base"
-                      class="drawer__close"
-                      name="x-lg"
-                      label=${this.localize.term("close")}
-                      library="system"
-                      @click=${() => this.requestClose("close-button")}
-                    ></cw-icon-button>
-                  </div>
-                </header>
-              ` : ""}
+                  <header part="header" class="drawer__header">
+                    <h2 part="title" class="drawer__title" id="title">
+                      <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                      <slot name="label"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>
+                    </h2>
+                    <div part="header-actions" class="drawer__header-actions">
+                      <slot name="header-actions"></slot>
+                      <cw-icon-button
+                        part="close-button"
+                        exportparts="base:close-button__base"
+                        class="drawer__close"
+                        name="x-lg"
+                        label=${this.localize.term("close")}
+                        library="system"
+                        @click=${() => this.requestClose("close-button")}
+                      ></cw-icon-button>
+                    </div>
+                  </header>
+                ` : ""}
 
           <slot part="body" class="drawer__body"></slot>
 

package/cdn/chunks/{chunk.O6J67H5P.js → chunk.MKS5EXEH.js}

@@ -12,7 +12,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.FV2VN5H2.js → chunk.MQ3YWKSW.js}

@@ -1,6 +1,6 @@
 import {
   CwResizeObserver
-} from "./chunk.KNTPKXOU.js";
+} from "./chunk.5I6MH2ZW.js";
 
 // src/components/resize-observer/resize-observer.ts
 var resize_observer_default = CwResizeObserver;

package/{dist/chunks/chunk.6TNCAIOV.js → cdn/chunks/chunk.MRSANBCU.js}

@@ -1,6 +1,6 @@
 import {
   CwTextarea
-} from "./chunk.6FPQJQVL.js";
+} from "./chunk.NE2QGN6G.js";
 
 // src/react/textarea/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.Z3LSEYK3.js → chunk.MUYIYV3K.js}

@@ -1,6 +1,6 @@
 import {
   CwAvatar
-} from "./chunk.APDL56LM.js";
+} from "./chunk.OMY6HOV2.js";
 
 // src/react/avatar/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.VW5MJACB.js → chunk.N4JWQSRB.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.LD4M4QGE.js";
 import {
   CwIconButton
-} from "./chunk.J2XCU3C2.js";
+} from "./chunk.Y4CB2PIQ.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -47,7 +47,7 @@ import {
   CwElement,
   e as e2,
   n
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";
@@ -212,24 +212,24 @@ var CwDialog = class extends CwElement {
           tabindex="-1"
         >
           ${!this.noHeader ? b`
-                <header part="header" class="dialog__header">
-                  <h2 part="title" class="dialog__title" id="title">
-                    <slot name="label"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>
-                  </h2>
-                  <div part="header-actions" class="dialog__header-actions">
-                    <slot name="header-actions"></slot>
-                    <cw-icon-button
-                      part="close-button"
-                      exportparts="base:close-button__base"
-                      class="dialog__close"
-                      name="x-lg"
-                      label=${this.localize.term("close")}
-                      library="system"
-                      @click="${() => this.requestClose("close-button")}"
-                    ></cw-icon-button>
-                  </div>
-                </header>
-              ` : ""}
+                  <header part="header" class="dialog__header">
+                    <h2 part="title" class="dialog__title" id="title">
+                      <slot name="label"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>
+                    </h2>
+                    <div part="header-actions" class="dialog__header-actions">
+                      <slot name="header-actions"></slot>
+                      <cw-icon-button
+                        part="close-button"
+                        exportparts="base:close-button__base"
+                        class="dialog__close"
+                        name="x-lg"
+                        label=${this.localize.term("close")}
+                        library="system"
+                        @click="${() => this.requestClose("close-button")}"
+                      ></cw-icon-button>
+                    </div>
+                  </header>
+                ` : ""}
           <div part="body" class="dialog__body" tabindex="-1"><slot></slot></div>
 
           <footer part="footer" class="dialog__footer">

package/{dist/chunks/chunk.YRIXCKPY.js → cdn/chunks/chunk.N6V4TS7X.js}

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

package/cdn/chunks/{chunk.QGRWRQ6W.js → chunk.NBR7Z7VY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.7ZIVYTTK.js";
 import {
   CwCheckbox
-} from "./chunk.DO7CY5W4.js";
+} from "./chunk.HPADXAEP.js";
 import {
   o as o2
 } from "./chunk.3KMJJQ2V.js";
@@ -12,13 +12,13 @@ import {
 } from "./chunk.2XSYSDO3.js";
 import {
   CwSpinner
-} from "./chunk.H56Q4VV7.js";
+} from "./chunk.6IAEPJN3.js";
 import {
   e
 } from "./chunk.VBR4VS53.js";
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.LQUMD6B3.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -29,7 +29,7 @@ import {
   CwElement,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   A,
   b
@@ -230,76 +230,79 @@ var CwDataTable = class extends CwElement {
           aria-busy=${this.loading ? "true" : "false"}
         >
           ${this.caption ? b`<caption class="visually-hidden">
-                ${this.caption}
-              </caption>` : A}
+                  ${this.caption}
+                </caption>` : A}
 
           <thead>
             <tr part="header-row" class="data-table__header-row">
               ${isMultiple ? b`
-                    <th
-                      part="header-cell checkbox-cell"
-                      class="data-table__header-cell data-table__checkbox-cell"
-                      scope="col"
-                    >
-                      <cw-checkbox
-                        size="small"
-                        ?checked=${allSelected}
-                        ?indeterminate=${someSelected && !allSelected}
-                        @cw-change=${(e2) => this.handleSelectAllChange(e2.target.checked)}
-                        ><span style=${srOnly}>Select all rows</span></cw-checkbox
+                      <th
+                        part="header-cell checkbox-cell"
+                        class="data-table__header-cell data-table__checkbox-cell"
+                        scope="col"
                       >
-                    </th>
-                  ` : A}
+                        <cw-checkbox
+                          size="small"
+                          ?checked=${allSelected}
+                          ?indeterminate=${someSelected && !allSelected}
+                          @cw-change=${(e2) => this.handleSelectAllChange(e2.target.checked)}
+                          ><span style=${srOnly}>Select all rows</span></cw-checkbox
+                        >
+                      </th>
+                    ` : A}
               ${o(visibleColumns, (col) => this.renderHeaderCell(col))}
             </tr>
           </thead>
 
           <tbody>
             ${isEmpty ? b`
-                  <tr>
-                    <td colspan=${colCount} class="data-table__empty-cell">
-                      <div part="empty" class="data-table__empty">
-                        <slot name="empty">${this.emptyText}</slot>
-                      </div>
-                    </td>
-                  </tr>
-                ` : o(sortedData, (row, index) => {
+                    <tr>
+                      <td colspan=${colCount} class="data-table__empty-cell">
+                        <div part="empty" class="data-table__empty">
+                          <slot name="empty">${this.emptyText}</slot>
+                        </div>
+                      </td>
+                    </tr>
+                  ` : o(sortedData, (row, index) => {
       const id = this.getRowId(row, index);
       const isSelected = this.selectedIds.has(id);
       return b`
-                    <tr
-                      part="body-row${isSelected ? " body-row--selected" : ""}"
-                      class=${e({
+                      <tr
+                        part="body-row${isSelected ? " body-row--selected" : ""}"
+                        class=${e({
         "data-table__body-row": true,
         "data-table__body-row--selected": isSelected,
         "data-table__body-row--clickable": this.selection === "single"
       })}
-                      aria-selected=${this.selection !== "none" ? isSelected ? "true" : "false" : A}
-                      @click=${() => this.handleRowClick(row, index)}
-                    >
-                      ${isMultiple ? b`
-                            <td part="body-cell checkbox-cell" class="data-table__body-cell data-table__checkbox-cell">
-                              <cw-checkbox
-                                size="small"
-                                ?checked=${isSelected}
-                                @click=${(e2) => e2.stopPropagation()}
-                                @cw-change=${(e2) => this.handleRowCheckboxChange(row, index, e2.target.checked)}
-                                ><span style=${srOnly}>Select row ${index + 1}</span></cw-checkbox
-                              >
-                            </td>
-                          ` : A}
-                      ${o(visibleColumns, (col) => this.renderBodyCell(col, row))}
-                    </tr>
-                  `;
+                        aria-selected=${this.selection !== "none" ? isSelected ? "true" : "false" : A}
+                        @click=${() => this.handleRowClick(row, index)}
+                      >
+                        ${isMultiple ? b`
+                                <td
+                                  part="body-cell checkbox-cell"
+                                  class="data-table__body-cell data-table__checkbox-cell"
+                                >
+                                  <cw-checkbox
+                                    size="small"
+                                    ?checked=${isSelected}
+                                    @click=${(e2) => e2.stopPropagation()}
+                                    @cw-change=${(e2) => this.handleRowCheckboxChange(row, index, e2.target.checked)}
+                                    ><span style=${srOnly}>Select row ${index + 1}</span></cw-checkbox
+                                  >
+                                </td>
+                              ` : A}
+                        ${o(visibleColumns, (col) => this.renderBodyCell(col, row))}
+                      </tr>
+                    `;
     })}
           </tbody>
         </table>
 
         ${this.loading ? b`
-              <div part="loading" class="data-table__loading" aria-hidden="true">
-                <cw-spinner></cw-spinner>
-              </div>
-            ` : A}
+                <div part="loading" class="data-table__loading" aria-hidden="true">
+                  <cw-spinner></cw-spinner>
+                </div>
+              ` : A}
 
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>

package/cdn/chunks/{chunk.KM3JL2NK.js → chunk.NE2QGN6G.js}

@@ -31,7 +31,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.LQXFA2EE.js → chunk.NE4A3M72.js}

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

package/cdn/chunks/{chunk.SOH5UA2M.js → chunk.NPMCH2U4.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.VBR4VS53.js";
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.LQUMD6B3.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -21,7 +21,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.R3B4HK4V.js → chunk.NYIAWE3H.js}

@@ -9,7 +9,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

package/cdn/chunks/{chunk.ZEBP4Z5A.js → chunk.OH6KSJA3.js}

@@ -1,6 +1,6 @@
 import {
   CwColorPicker
-} from "./chunk.SEA7BJMY.js";
+} from "./chunk.ZNJQJUDO.js";
 
 // src/components/color-picker/color-picker.ts
 var color_picker_default = CwColorPicker;

package/cdn/chunks/{chunk.YJLAVH5B.js → chunk.OJWHL257.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.FJASASXB.js";
 import {
   CwPopup
-} from "./chunk.XFTH7YPI.js";
+} from "./chunk.AXIPZE4P.js";
 import {
   CwSpinner
-} from "./chunk.H56Q4VV7.js";
+} from "./chunk.6IAEPJN3.js";
 import {
   LocalizeController
 } from "./chunk.3ITR3YMH.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk.VBR4VS53.js";
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.LQUMD6B3.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -33,7 +33,7 @@ import {
   CwElement,
   e as e2,
   n
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";

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

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

package/cdn/chunks/{chunk.Q7G2CUFX.js → chunk.ONHKLZW5.js}

@@ -1,6 +1,6 @@
 import {
   CwProgressRing
-} from "./chunk.O6J67H5P.js";
+} from "./chunk.MKS5EXEH.js";
 
 // src/react/progress-ring/index.ts
 import * as React from "react";

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

@@ -1,6 +1,6 @@
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.LQUMD6B3.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -12,7 +12,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.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.TZ5OXH5I.js → chunk.P3D32XA3.js}

@@ -1,6 +1,6 @@
 import {
   CwTreeItem
-} from "./chunk.PUAIXC7J.js";
+} from "./chunk.IUZFGI5Z.js";
 
 // src/components/tree-item/tree-item.ts
 var tree_item_default = CwTreeItem;

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

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

package/cdn/chunks/{chunk.U6GUBNXS.js → chunk.PEOBBIRW.js}

@@ -1,6 +1,6 @@
 import {
   CwTag
-} from "./chunk.PSRASNQV.js";
+} from "./chunk.QOGDCKGP.js";
 import {
   o
 } from "./chunk.G4QG77C5.js";
@@ -9,10 +9,10 @@ import {
 } from "./chunk.PH2N3MLE.js";
 import {
   CwVisuallyHidden
-} from "./chunk.LPKUU5RV.js";
+} from "./chunk.CRESCVNO.js";
 import {
   CwPopup
-} from "./chunk.XFTH7YPI.js";
+} from "./chunk.AXIPZE4P.js";
 import {
   form_control_styles_default
 } from "./chunk.DJVND463.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.FJLDW473.js";
 import {
   CwSpinner
-} from "./chunk.H56Q4VV7.js";
+} from "./chunk.6IAEPJN3.js";
 import {
   FormControlController
 } from "./chunk.FIVNGT4O.js";
@@ -47,7 +47,7 @@ import {
 } from "./chunk.VBR4VS53.js";
 import {
   CwIcon
-} from "./chunk.I6KB4VW7.js";
+} from "./chunk.LQUMD6B3.js";
 import {
   watch
 } from "./chunk.RB5L7E7Z.js";
@@ -59,7 +59,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.5GHHWGQ4.js";
+} from "./chunk.UOUMZSTF.js";
 import {
   b
 } from "./chunk.6A2LG33L.js";
@@ -761,20 +761,20 @@ var CwCombobox = class extends CwElement {
               />
 
               ${hasClearIcon ? b`
-                    <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>
 
@@ -799,15 +799,15 @@ var CwCombobox = class extends CwElement {
               <slot></slot>
 
               ${this.loading ? b`
-                    <div part="loading" class="combobox__loading">
-                      <cw-spinner></cw-spinner>
-                    </div>
-                  ` : ""}
+                      <div part="loading" class="combobox__loading">
+                        <cw-spinner></cw-spinner>
+                      </div>
+                    ` : ""}
               ${showNoOptions ? b`
-                    <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>
@@ -822,10 +822,10 @@ var CwCombobox = class extends CwElement {
         </div>
 
         ${this.multiple ? b`
-              <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/{dist/chunks/chunk.KUN5UMXK.js → cdn/chunks/chunk.PKVVEW5V.js}

@@ -1,6 +1,6 @@
 import {
   CwProgressBar
-} from "./chunk.HFJOZTN7.js";
+} from "./chunk.2VA72LZG.js";
 
 // src/react/progress-bar/index.ts
 import * as React from "react";