@statistikzh/leu 0.12.2 → 0.13.1

package/dist/RadioGroup.d.ts

@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LeuElement {
     initializeIndex(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-b670d77c.js';
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-b670d77c.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 

package/dist/Range.d.ts

@@ -56,5 +56,5 @@ export class LeuRange extends LeuElement {
     }): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-b670d77c.js';
 //# sourceMappingURL=Range.d.ts.map

package/dist/Range.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-b670d77c.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/ScrollTop.d.ts

@@ -15,5 +15,5 @@ export class LeuScrollTop extends LeuElement {
     _scrollListener: Function;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-b670d77c.js';
 //# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.js

@@ -1,11 +1,11 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-b670d77c.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import { t as throttle } from './utils-65469421.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 
 var css_248z = css`.scroll-top {
   overflow: hidden;

package/dist/Select.d.ts

@@ -131,6 +131,6 @@ export class LeuSelect extends LeuElement {
     _renderToggleButton(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-b670d77c.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-b670d77c.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { H as HasSlotController } from './hasSlotController-bf769658.js';
+import { H as HasSlotController } from './hasSlotController-c09741c5.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';
@@ -79,7 +79,7 @@ var css_248z = css`:host {
   line-height: 1.5;
   padding: 1.375rem 3rem 1.375rem 1rem;
 
-  background: none;
+  background: var(--leu-color-black-0);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/Spinner.d.ts

@@ -5,5 +5,5 @@
 export class LeuSpinner extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-b670d77c.js';
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/Spinner.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-b670d77c.js';
 import { css, html } from 'lit';
 
 var css_248z = css`@keyframes leu-spinner-rotate {

package/dist/Table.d.ts

@@ -32,13 +32,11 @@ export class LeuTable extends LeuElement {
     isOnePropNotValid(): "Der Parameter 'columns' ist erforderlich !" | "Der Parameter 'data' ist erforderlich !";
     isSorted(col: any): boolean;
     sortClick(col: any): void;
-    sortOrder: string;
     sortArrowIcon(): import("lit-html").TemplateResult<1>;
-    sortArrow(col: any): import("lit-html").TemplateResult<1>;
     get _columns(): any[];
     get _sortedData(): any[];
     get _data(): any[];
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-b670d77c.js';
 //# sourceMappingURL=Table.d.ts.map

package/dist/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["Table.js"],"names":[],"mappings":"AAsHA;;GAEG;AACH;IAGI,oBAAoB;IACpB,eAAiB;IACjB,oBAAoB;IACpB,YAAc;IACd,sBAAsB;IACtB,mBADW,OAAO,CACY;IAC9B,qBAAqB;IACrB,cADW,MAAM,CACO;IACxB,qBAAqB;IACrB,WADW,MAAM,CACI;IACrB,sBAAsB;IACtB,cADW,OAAO,CACO;IACzB,qBAAqB;IACrB,OADW,MAAM,CACA;IAEjB,gBAAgB;IAChB,qBAAwB;IACxB,gBAAgB;IAChB,sBAAyB;IACzB,gBAAgB;IAChB,8DAA6B;IAE7B,gBAAgB;IAChB,cAAc;IACd,gCAEE;IAKJ,oEAKC;IACD,qBAGC;IACD,gCAGC;IACD,8BAEC;IACD,8GAQC;IACD,4BAEC;IACD,0BAQC;IAFG,kBAAsB;IAG1B,sDAIC;IACD,0DAEC;IACD,sBAEC;IACD,yBAMC;IACD,mBAEC;IACD,+CA+DC;CACF;gCAtRqD,0BAA0B"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["Table.js"],"names":[],"mappings":"AAgIA;;GAEG;AACH;IAGI,oBAAoB;IACpB,eAAiB;IACjB,oBAAoB;IACpB,YAAc;IACd,sBAAsB;IACtB,mBADW,OAAO,CACY;IAC9B,qBAAqB;IACrB,cADW,MAAM,CACO;IACxB,qBAAqB;IACrB,WADW,MAAM,CACI;IACrB,sBAAsB;IACtB,cADW,OAAO,CACO;IACzB,qBAAqB;IACrB,OADW,MAAM,CACA;IAEjB,gBAAgB;IAChB,qBAAwB;IACxB,gBAAgB;IAChB,sBAAyB;IACzB,gBAAgB;IAChB,8DAA6B;IAE7B,gBAAgB;IAChB,cAAc;IACd,gCAEE;IAKJ,oEAKC;IACD,qBAGC;IACD,gCAGC;IACD,8BAEC;IACD,8GAQC;IACD,4BAEC;IACD,0BAQC;IACD,sDAIC;IACD,sBAEC;IACD,yBAMC;IACD,mBAEC;IACD,+CAqFC;CACF;gCAnTqD,0BAA0B"}

package/dist/Table.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-b670d77c.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -8,7 +8,7 @@ import { LeuPagination } from './Pagination.js';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './VisuallyHidden.js';
 
 var css_248z = css`:host {
@@ -79,20 +79,30 @@ button {
   line-height: 1.5;
   padding: 0;
   border: 0;
-  width: 100%;
-  display: flex;
-  align-items: flex-center;
   font-size: inherit;
   font-family: inherit;
   color: inherit;
 }
 
-thead leu-icon {
-  --leu-icon-size: 1.25rem;
+button span {
+  vertical-align: bottom;
+}
 
+button leu-icon {
+  --leu-icon-size: 1.25rem;
   display: inline-block;
-  color: var(--leu-color-accent-blue);
   padding: 0;
+  opacity: 0;
+  vertical-align: bottom;
+}
+
+button:hover leu-icon {
+  opacity: 1;
+}
+
+button.active leu-icon {
+  color: var(--leu-color-accent-blue);
+  opacity: 1;
 }
 
 table.sticky td:first-child,
@@ -188,7 +198,7 @@ class LeuTable extends LeuElement {
       this.sortOrderAsc = !this.sortOrderAsc;
     } else {
       this.sortIndex = index;
-      this.sortOrder = "asc";
+      this.sortOrderAsc = false;
     }
   }
   sortArrowIcon() {
@@ -196,9 +206,6 @@ class LeuTable extends LeuElement {
       name=${this.sortOrderAsc ? "arrowDown" : "arrowUp"}
     ></leu-icon>`;
   }
-  sortArrow(col) {
-    return html` ${this.isSorted(col) ? this.sortArrowIcon() : nothing} `;
-  }
   get _columns() {
     return this.columns;
   }
@@ -230,6 +237,28 @@ class LeuTable extends LeuElement {
     const stickyClass = {
       sticky: this.firstColumnSticky
     };
+    function headerStyle(col) {
+      if (col.headerStyle) {
+        return styleMap({
+          ...col.headerStyle(),
+          textAlign: col.align === "right" ? "right" : undefined
+        });
+      }
+      return col.align === "right" ? styleMap({
+        textAlign: "right"
+      }) : nothing;
+    }
+    function bodyStyle(col, row) {
+      if (col.style) {
+        return styleMap({
+          ...col.style(row),
+          textAlign: col.align === "right" ? "right" : undefined
+        });
+      }
+      return col.align === "right" ? styleMap({
+        textAlign: "right"
+      }) : nothing;
+    }
     return html`
       <div
         class=${classMap(scrollClasses)}
@@ -239,21 +268,21 @@ class LeuTable extends LeuElement {
         <table class=${classMap(stickyClass)}>
           <thead>
             <tr>
-              ${this._columns.map(col => html`<th
-                    style=${col.headerStyle ? styleMap(col.headerStyle()) : nothing}
-                  >
-                    ${col.sort ? html`<button @click=${_ => this.sortClick(col)}>
+              ${this._columns.map(col => html`<th style=${headerStyle(col)}>
+                    ${col.sort ? html`<button
+                          @click=${_ => this.sortClick(col)}
+                          class=${this.isSorted(col) ? "active" : nothing}
+                        >
+                          ${col.align === "right" ? this.sortArrowIcon() : nothing}
                           <span>${col.name}</span>
-                          ${this.sortArrow(col)}
+                          ${col.align !== "right" ? this.sortArrowIcon() : nothing}
                         </button>` : col.name}
                   </th>`)}
             </tr>
           </thead>
           <tbody>
             ${this._data.map(row => html`<tr>
-                  ${this._columns.map(col => html`<td
-                        style=${col.style ? styleMap(col.style(row)) : nothing}
-                      >
+                  ${this._columns.map(col => html`<td style=${bodyStyle(col, row)}>
                         ${col.value(row)}
                       </td>`)}
                 </tr>`)}

package/dist/VisuallyHidden.d.ts

@@ -4,5 +4,5 @@
 export class LeuVisuallyHidden extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-b670d77c.js';
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/VisuallyHidden.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-b670d77c.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/{hasSlotController-bf769658.d.ts → hasSlotController-c09741c5.d.ts}

@@ -35,4 +35,4 @@ declare class HasSlotController implements ReactiveController {
     hostConnected(): void;
     hostDisconnected(): void;
 }
-//# sourceMappingURL=hasSlotController-bf769658.d.ts.map
+//# sourceMappingURL=hasSlotController-c09741c5.d.ts.map

package/dist/{hasSlotController-bf769658.d.ts.map → hasSlotController-c09741c5.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"hasSlotController-bf769658.d.ts","sourceRoot":"","sources":["hasSlotController-bf769658.js"],"names":[],"mappings":";;;;iCASa,OAAO,KAAK,EAAE,kBAAkB;AAP7C;;;GAGG;AAEH;;;;GAIG;AACH;IACE,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF"}
+{"version":3,"file":"hasSlotController-c09741c5.d.ts","sourceRoot":"","sources":["hasSlotController-c09741c5.js"],"names":[],"mappings":";;;;iCASa,OAAO,KAAK,EAAE,kBAAkB;AAP7C;;;GAGG;AAEH;;;;GAIG;AACH;IACE,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF"}

package/dist/{hasSlotController-bf769658.js → hasSlotController-c09741c5.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-519af050.js';
+import { _ as _defineProperty } from './LeuElement-b670d77c.js';
 
 /**
  * Thanks Shoelace!

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { LeuRadio } from "./Radio.js";
 export { LeuRadioGroup } from "./RadioGroup.js";
 export { LeuSelect } from "./Select.js";
 export { LeuTable } from "./Table.js";
+export { L as LeuElement } from "./LeuElement-b670d77c.js";
 export { BUTTON_EXPANDED_OPTIONS, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, LeuButton } from "./Button.js";
 export { LeuInput, SIZES } from "./Input.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -18,7 +18,7 @@ export { LeuRadio } from './Radio.js';
 export { LeuRadioGroup } from './RadioGroup.js';
 export { LeuSelect } from './Select.js';
 export { LeuTable } from './Table.js';
-import './LeuElement-519af050.js';
+export { L as LeuElement } from './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/static-html.js';
 import 'lit/directives/ref.js';
@@ -27,7 +27,7 @@ import './utils-65469421.js';
 import './Icon.js';
 import './VisuallyHidden.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './Chip.js';
 import 'lit/directives/live.js';
 import '@floating-ui/dom';

package/dist/leu-accordion.js

@@ -1,5 +1,5 @@
 import { LeuAccordion } from './Accordion.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/static-html.js';
 

package/dist/leu-breadcrumb.js

@@ -1,5 +1,5 @@
 import { LeuBreadcrumb } from './Breadcrumb.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';

package/dist/leu-button-group.js

@@ -1,5 +1,5 @@
 import { LeuButtonGroup } from './ButtonGroup.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 
 LeuButtonGroup.define("leu-button-group");

package/dist/leu-button.js

@@ -1,10 +1,10 @@
 import { LeuButton } from './Button.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 
 LeuButton.define("leu-button");
 

package/dist/leu-checkbox-group.js

@@ -1,5 +1,5 @@
 import { LeuCheckboxGroup } from './CheckboxGroup.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 

package/dist/leu-checkbox.js

@@ -1,5 +1,5 @@
 import { LeuCheckbox } from './Checkbox.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import './Icon.js';
 

package/dist/leu-chip-group.js

@@ -1,5 +1,5 @@
 import { LeuChipGroup } from './ChipGroup.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/static-html.js';
 

package/dist/leu-chip-link.js

@@ -1,5 +1,5 @@
 import { LeuChipLink } from './ChipLink.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import './Chip.js';
 

package/dist/leu-chip-removable.js

@@ -1,5 +1,5 @@
 import { LeuChipRemovable } from './ChipRemovable.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import './Chip.js';
 import './Icon.js';

package/dist/leu-chip-selectable.js

@@ -1,5 +1,5 @@
 import { LeuChipSelectable } from './ChipSelectable.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import './Chip.js';
 

package/dist/leu-dialog.js

@@ -1,9 +1,9 @@
 import { LeuDialog } from './Dialog.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './Icon.js';
 
 LeuDialog.define("leu-dialog");

package/dist/leu-dropdown.js

@@ -1,8 +1,8 @@
 import { LeuDropdown } from './Dropdown.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-icon.js

@@ -1,5 +1,5 @@
 import { LeuIcon } from './Icon.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 
 LeuIcon.define("leu-icon");

package/dist/leu-input.js

@@ -1,5 +1,5 @@
 import { LeuInput } from './Input.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-menu-item.js

@@ -1,5 +1,5 @@
 import { LeuMenuItem } from './MenuItem.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-menu.js

@@ -1,5 +1,5 @@
 import { LeuMenu } from './Menu.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-pagination.js

@@ -1,12 +1,12 @@
 import { LeuPagination } from './Pagination.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './VisuallyHidden.js';
 
 LeuPagination.define("leu-pagination");

package/dist/leu-popup.js

@@ -1,5 +1,5 @@
 import { LeuPopup } from './Popup.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import '@floating-ui/dom';
 

package/dist/leu-radio-group.js

@@ -1,5 +1,5 @@
 import { LeuRadioGroup } from './RadioGroup.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 

package/dist/leu-radio.js

@@ -1,5 +1,5 @@
 import { LeuRadio } from './Radio.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 
 LeuRadio.define("leu-radio");

package/dist/leu-range.js

@@ -1,5 +1,5 @@
 import { LeuRange } from './Range.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 
 LeuRange.define("leu-range");

package/dist/leu-scroll-top.js

@@ -1,11 +1,11 @@
 import { LeuScrollTop } from './ScrollTop.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './utils-65469421.js';
 
 LeuScrollTop.define("leu-scroll-top");

package/dist/leu-select.js

@@ -1,10 +1,10 @@
 import { LeuSelect } from './Select.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './Button.js';
 import './Icon.js';
 import './Menu.js';

package/dist/leu-spinner.js

@@ -1,5 +1,5 @@
 import { LeuSpinner } from './Spinner.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 
 LeuSpinner.define("leu-spinner");

package/dist/leu-table.js

@@ -1,5 +1,5 @@
 import { LeuTable } from './Table.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
@@ -9,7 +9,7 @@ import './Pagination.js';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-c09741c5.js';
 import './VisuallyHidden.js';
 
 LeuTable.define("leu-table");

package/dist/leu-visually-hidden.js

@@ -1,5 +1,5 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
-import './LeuElement-519af050.js';
+import './LeuElement-b670d77c.js';
 import 'lit';
 
 LeuVisuallyHidden.define("leu-visually-hidden");

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.12.2",
+  "version": "0.13.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/index.js

@@ -15,3 +15,4 @@ export * from "./src/components/radio/Radio.js"
 export * from "./src/components/radio/RadioGroup.js"
 export * from "./src/components/select/Select.js"
 export * from "./src/components/table/Table.js"
+export * from "./src/lib/LeuElement.js"

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI component library of the canton of zurich",
   "license": "MIT",
   "author": "statistikzh",
-  "version": "0.12.2",
+  "version": "0.13.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/components/button/Button.js

@@ -110,7 +110,7 @@ export class LeuButton extends LeuElement {
 
   renderExpandingIcon() {
     if (typeof this.expanded !== "undefined" && this.variant === "ghost") {
-      return html`<div class="icon-wrapper icon-wrapper--expanded">
+      return html`<div class="icon-expanded">
         <leu-icon name="angleDropDown" size="24"></leu-icon>
       </div>`
     }
@@ -170,9 +170,14 @@ export class LeuButton extends LeuElement {
         ?disabled=${this.disabled}
         type=${this.type}
       >
-        <slot name="before" class="icon-wrapper icon-wrapper--before"></slot>
+        <div class="icon-wrapper icon-wrapper--before">
+          <slot name="before" class="icon-wrapper__slot"></slot>
+        </div>
         <span class="content"><slot></slot></span>
-        <slot name="after" class="icon-wrapper icon-wrapper--after"></slot>
+        <div class="icon-wrapper icon-wrapper--after">
+          <slot name="after" class="icon-wrapper__slot"></slot>
+        </div>
+
         ${this.renderExpandingIcon()}
       </button>
     `