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

package/dist/chunks/{chunk.TI3KEJ2F.js → chunk.32RFOP7R.js}

@@ -1,6 +1,6 @@
 import {
   CwDropdown
-} from "./chunk.NDVTPCXA.js";
+} from "./chunk.ERDRTUL7.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = CwDropdown;

package/dist/chunks/{chunk.KVJTQBEQ.js → chunk.33D3GCIT.js}

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

package/dist/chunks/{chunk.255MR7CE.js → chunk.3DIYO6WF.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.NL3LSSDQ.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";
@@ -248,10 +248,10 @@ var CwRange = class extends CwElement {
               @blur=${this.handleBlur}
             />
             ${this.tooltip !== "none" && !this.disabled ? html`
-                  <output part="tooltip" class="range__tooltip">
-                    ${typeof this.tooltipFormatter === "function" ? this.tooltipFormatter(this.value) : this.value}
-                  </output>
-                ` : ""}
+                    <output part="tooltip" class="range__tooltip">
+                      ${typeof this.tooltipFormatter === "function" ? this.tooltipFormatter(this.value) : this.value}
+                    </output>
+                  ` : ""}
           </div>
         </div>
 

package/dist/chunks/{chunk.O5IKBXKU.js → chunk.3XPVHZ5A.js}

@@ -1,6 +1,6 @@
 import {
   CwCombobox
-} from "./chunk.H5UDJOV5.js";
+} from "./chunk.NKTKPK44.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = CwCombobox;

package/{cdn/chunks/chunk.DUQ3VE5Z.js → dist/chunks/chunk.44BBPC6O.js}

@@ -1,6 +1,6 @@
 import {
   CwDatePicker
-} from "./chunk.6CPTI3CT.js";
+} from "./chunk.VRAYC4CI.js";
 
 // src/react/date-picker/index.ts
 import * as React from "react";

package/{cdn/chunks/chunk.2FOQOETF.js → dist/chunks/chunk.4OD34TVK.js}

@@ -1,6 +1,6 @@
 import {
   CwFormatBytes
-} from "./chunk.T2KRTFM4.js";
+} from "./chunk.W7ASDEAN.js";
 
 // src/components/format-bytes/format-bytes.ts
 var format_bytes_default = CwFormatBytes;

package/dist/chunks/{chunk.PPLLTP3M.js → chunk.4U7K7UIY.js}

@@ -1,6 +1,6 @@
 import {
   CwAlert
-} from "./chunk.UTCINADU.js";
+} from "./chunk.2HBX2C7P.js";
 
 // src/react/alert/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.NS52MRTK.js → chunk.4WR7JYJL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.T4SZVEJD.js";
 import {
   CwIconButton
-} from "./chunk.MBQMFOQP.js";
+} from "./chunk.B5WIETZI.js";
 import {
   LocalizeController
 } from "./chunk.2H4HZOD6.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.NL3LSSDQ.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";
@@ -58,17 +58,17 @@ var CwTag = class extends CwElement {
         <slot part="content" class="tag__content"></slot>
 
         ${this.removable ? html`
-              <cw-icon-button
-                part="remove-button"
-                exportparts="base:remove-button__base"
-                name="x-lg"
-                library="system"
-                label=${this.localize.term("remove")}
-                class="tag__remove"
-                @click=${this.handleRemoveClick}
-                tabindex="-1"
-              ></cw-icon-button>
-            ` : ""}
+                <cw-icon-button
+                  part="remove-button"
+                  exportparts="base:remove-button__base"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("remove")}
+                  class="tag__remove"
+                  @click=${this.handleRemoveClick}
+                  tabindex="-1"
+                ></cw-icon-button>
+              ` : ""}
       </span>
     `;
   }

package/dist/chunks/{chunk.7LUO23BS.js → chunk.55WLK4P2.js}

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

package/{cdn/chunks/chunk.NGOXT5I6.js → dist/chunks/chunk.56LN2K3K.js}

@@ -1,6 +1,6 @@
 import {
   CwIconButton
-} from "./chunk.J2XCU3C2.js";
+} from "./chunk.B5WIETZI.js";
 
 // src/react/icon-button/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.FXP4QJHU.js → chunk.5M3Y4WBA.js}

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

package/dist/chunks/{chunk.FRD5DSVU.js → chunk.5NIXLZLX.js}

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

package/dist/chunks/{chunk.Q2I5DDZL.js → chunk.5PTQY5NF.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.4WNB7WDT.js";
 import {
   CwResizeObserver
-} from "./chunk.MWXXMPKD.js";
+} from "./chunk.IO65LRYJ.js";
 import {
   scrollIntoView
 } from "./chunk.PH2N3MLE.js";
 import {
   CwIconButton
-} from "./chunk.MBQMFOQP.js";
+} from "./chunk.B5WIETZI.js";
 import {
   LocalizeController
 } from "./chunk.2H4HZOD6.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.NL3LSSDQ.js";
 import {
   __decorateClass,
   __spreadValues
@@ -348,22 +348,22 @@ var CwTabGroup = class extends CwElement {
       >
         <div class="tab-group__nav-container" part="nav">
           ${this.hasScrollControls ? html`
-                <cw-icon-button
-                  part="scroll-button scroll-button--start"
-                  exportparts="base:scroll-button__base"
-                  class=${classMap({
+                  <cw-icon-button
+                    part="scroll-button scroll-button--start"
+                    exportparts="base:scroll-button__base"
+                    class=${classMap({
       "tab-group__scroll-button": true,
       "tab-group__scroll-button--start": true,
       "tab-group__scroll-button--start--hidden": this.shouldHideScrollStartButton
     })}
-                  name=${isRtl ? "chevron-right" : "chevron-left"}
-                  library="system"
-                  tabindex="-1"
-                  aria-hidden="true"
-                  label=${this.localize.term("scrollToStart")}
-                  @click=${this.handleScrollToStart}
-                ></cw-icon-button>
-              ` : ""}
+                    name=${isRtl ? "chevron-right" : "chevron-left"}
+                    library="system"
+                    tabindex="-1"
+                    aria-hidden="true"
+                    label=${this.localize.term("scrollToStart")}
+                    @click=${this.handleScrollToStart}
+                  ></cw-icon-button>
+                ` : ""}
 
           <div class="tab-group__nav" @scrollend=${this.updateScrollButtons}>
             <div part="tabs" class="tab-group__tabs" role="tablist">
@@ -375,22 +375,22 @@ var CwTabGroup = class extends CwElement {
           </div>
 
           ${this.hasScrollControls ? html`
-                <cw-icon-button
-                  part="scroll-button scroll-button--end"
-                  exportparts="base:scroll-button__base"
-                  class=${classMap({
+                  <cw-icon-button
+                    part="scroll-button scroll-button--end"
+                    exportparts="base:scroll-button__base"
+                    class=${classMap({
       "tab-group__scroll-button": true,
       "tab-group__scroll-button--end": true,
       "tab-group__scroll-button--end--hidden": this.shouldHideScrollEndButton
     })}
-                  name=${isRtl ? "chevron-left" : "chevron-right"}
-                  library="system"
-                  tabindex="-1"
-                  aria-hidden="true"
-                  label=${this.localize.term("scrollToEnd")}
-                  @click=${this.handleScrollToEnd}
-                ></cw-icon-button>
-              ` : ""}
+                    name=${isRtl ? "chevron-left" : "chevron-right"}
+                    library="system"
+                    tabindex="-1"
+                    aria-hidden="true"
+                    label=${this.localize.term("scrollToEnd")}
+                    @click=${this.handleScrollToEnd}
+                  ></cw-icon-button>
+                ` : ""}
         </div>
 
         <slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>

package/dist/chunks/{chunk.JR4542SP.js → chunk.5TA6UJLM.js}

@@ -1,6 +1,6 @@
 import {
   CwMenuLabel
-} from "./chunk.6OE6BOS3.js";
+} from "./chunk.74AIVUWP.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = CwMenuLabel;

package/dist/chunks/{chunk.VYJKSW3I.js → chunk.5UWMRJYY.js}

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

package/dist/chunks/{chunk.HNM3M3WM.js → chunk.5YB7UOMO.js}

@@ -1,6 +1,6 @@
 import {
   CwAvatar
-} from "./chunk.GOL2SL6Z.js";
+} from "./chunk.YGZNTFCL.js";
 
 // src/components/avatar/avatar.ts
 var avatar_default = CwAvatar;

package/dist/chunks/{chunk.IJXFT55D.js → chunk.63KCZ43V.js}

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

package/dist/chunks/{chunk.VO3TNL3N.js → chunk.6IFES2JJ.js}

@@ -1,6 +1,6 @@
 import {
   CwAnimatedImage
-} from "./chunk.DUG7FBMO.js";
+} from "./chunk.RVULB4SE.js";
 
 // src/components/animated-image/animated-image.ts
 var animated_image_default = CwAnimatedImage;

package/dist/chunks/{chunk.AT2PWN2E.js → chunk.6QF4Y7FC.js}

@@ -1,6 +1,6 @@
 import {
   CwVisuallyHidden
-} from "./chunk.5DVQN6KA.js";
+} from "./chunk.HGLQ3DGB.js";
 
 // src/react/visually-hidden/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.HNIWLXGA.js → chunk.6UHUSF4L.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.LD4M4QGE.js";
 import {
   CwIconButton
-} from "./chunk.MBQMFOQP.js";
+} from "./chunk.B5WIETZI.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -39,7 +39,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.NL3LSSDQ.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";
@@ -205,24 +205,24 @@ var CwDialog = class extends CwElement {
           tabindex="-1"
         >
           ${!this.noHeader ? html`
-                <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.LSIGE5IY.js → chunk.72UH4ULV.js}

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

package/dist/chunks/{chunk.6OE6BOS3.js → chunk.74AIVUWP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.NL3LSSDQ.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";

package/dist/chunks/{chunk.AOI3PPFU.js → chunk.74OIYMZN.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EUI4TRBJ.js";
 import {
   CwCheckbox
-} from "./chunk.K6S5S72J.js";
+} from "./chunk.XI7BPGCX.js";
 import {
   CwSpinner
-} from "./chunk.E5645J52.js";
+} from "./chunk.YQSZOLIX.js";
 import {
   CwIcon
-} from "./chunk.65WIBETF.js";
+} from "./chunk.GDZVAMN6.js";
 import {
   watch
 } from "./chunk.GQZ7EGMM.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.NL3LSSDQ.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";
@@ -220,76 +220,79 @@ var CwDataTable = class extends CwElement {
           aria-busy=${this.loading ? "true" : "false"}
         >
           ${this.caption ? html`<caption class="visually-hidden">
-                ${this.caption}
-              </caption>` : nothing}
+                  ${this.caption}
+                </caption>` : nothing}
 
           <thead>
             <tr part="header-row" class="data-table__header-row">
               ${isMultiple ? html`
-                    <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=${(e) => this.handleSelectAllChange(e.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>
-                  ` : nothing}
+                        <cw-checkbox
+                          size="small"
+                          ?checked=${allSelected}
+                          ?indeterminate=${someSelected && !allSelected}
+                          @cw-change=${(e) => this.handleSelectAllChange(e.target.checked)}
+                          ><span style=${srOnly}>Select all rows</span></cw-checkbox
+                        >
+                      </th>
+                    ` : nothing}
               ${map(visibleColumns, (col) => this.renderHeaderCell(col))}
             </tr>
           </thead>
 
           <tbody>
             ${isEmpty ? html`
-                  <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>
-                ` : map(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>
+                  ` : map(sortedData, (row, index) => {
       const id = this.getRowId(row, index);
       const isSelected = this.selectedIds.has(id);
       return html`
-                    <tr
-                      part="body-row${isSelected ? " body-row--selected" : ""}"
-                      class=${classMap({
+                      <tr
+                        part="body-row${isSelected ? " body-row--selected" : ""}"
+                        class=${classMap({
         "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" : nothing}
-                      @click=${() => this.handleRowClick(row, index)}
-                    >
-                      ${isMultiple ? html`
-                            <td part="body-cell checkbox-cell" class="data-table__body-cell data-table__checkbox-cell">
-                              <cw-checkbox
-                                size="small"
-                                ?checked=${isSelected}
-                                @click=${(e) => e.stopPropagation()}
-                                @cw-change=${(e) => this.handleRowCheckboxChange(row, index, e.target.checked)}
-                                ><span style=${srOnly}>Select row ${index + 1}</span></cw-checkbox
-                              >
-                            </td>
-                          ` : nothing}
-                      ${map(visibleColumns, (col) => this.renderBodyCell(col, row))}
-                    </tr>
-                  `;
+                        aria-selected=${this.selection !== "none" ? isSelected ? "true" : "false" : nothing}
+                        @click=${() => this.handleRowClick(row, index)}
+                      >
+                        ${isMultiple ? html`
+                                <td
+                                  part="body-cell checkbox-cell"
+                                  class="data-table__body-cell data-table__checkbox-cell"
+                                >
+                                  <cw-checkbox
+                                    size="small"
+                                    ?checked=${isSelected}
+                                    @click=${(e) => e.stopPropagation()}
+                                    @cw-change=${(e) => this.handleRowCheckboxChange(row, index, e.target.checked)}
+                                    ><span style=${srOnly}>Select row ${index + 1}</span></cw-checkbox
+                                  >
+                                </td>
+                              ` : nothing}
+                        ${map(visibleColumns, (col) => this.renderBodyCell(col, row))}
+                      </tr>
+                    `;
     })}
           </tbody>
         </table>
 
         ${this.loading ? html`
-              <div part="loading" class="data-table__loading" aria-hidden="true">
-                <cw-spinner></cw-spinner>
-              </div>
-            ` : nothing}
+                <div part="loading" class="data-table__loading" aria-hidden="true">
+                  <cw-spinner></cw-spinner>
+                </div>
+              ` : nothing}
 
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>

package/dist/chunks/{chunk.YUPLAANZ.js → chunk.7JGNB53R.js}

@@ -1,6 +1,6 @@
 import {
   CwCheckbox
-} from "./chunk.K6S5S72J.js";
+} from "./chunk.XI7BPGCX.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = CwCheckbox;

package/{cdn/chunks/chunk.HBKB7RDF.js → dist/chunks/chunk.7KORW5LA.js}

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

package/dist/chunks/{chunk.GA4PYUKF.js → chunk.7RM7D7AW.js}

@@ -1,6 +1,6 @@
 import {
   CwRadio
-} from "./chunk.4RKYCOLD.js";
+} from "./chunk.XNXXDYDX.js";
 
 // src/react/radio/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.QBG6C5QR.js → chunk.A5BQS54B.js}

@@ -1,6 +1,6 @@
 import {
   CwBadge
-} from "./chunk.N6XEVXTG.js";
+} from "./chunk.VLWVHBHL.js";
 
 // src/components/badge/badge.ts
 var badge_default = CwBadge;

package/dist/chunks/{chunk.J5WUHRX6.js → chunk.AA6X6YQC.js}

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

package/dist/chunks/{chunk.J4E5KF6P.js → chunk.AMXPY7VS.js}

@@ -1,6 +1,6 @@
 import {
   CwFormatNumber
-} from "./chunk.5WQ4DYTA.js";
+} from "./chunk.RBUV6CN2.js";
 
 // src/react/format-number/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.GWTRKUXQ.js → chunk.ANWMKVZY.js}

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

package/dist/chunks/{chunk.V4YOWU7V.js → chunk.AT6T6TWK.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.2H4HZOD6.js";
 import {
   CwIcon
-} from "./chunk.65WIBETF.js";
+} from "./chunk.GDZVAMN6.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";
 import {
   CwElement
-} from "./chunk.OO6TR3ZT.js";
+} from "./chunk.NL3LSSDQ.js";
 import {
   __decorateClass
 } from "./chunk.Q44EX5TP.js";