@statistikzh/leu 0.12.2 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.13.0](https://github.com/statistikZH/leu/compare/v0.12.2...v0.13.0) (2025-01-08)
+
+
+### Features
+
+* **table:** add align prop for columns and hover effect ([#254](https://github.com/statistikZH/leu/issues/254)) ([56d9d4d](https://github.com/statistikZH/leu/commit/56d9d4dfa3fb080bf4de340a88aa7e2437f6942f))
+
 ## [0.12.2](https://github.com/statistikZH/leu/compare/v0.12.1...v0.12.2) (2024-12-05)
 
 

package/dist/Accordion.d.ts

@@ -28,5 +28,5 @@ export class LeuAccordion extends LeuElement {
     _handleToggleClick(): void;
     render(): import("lit-html").TemplateResult;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, nothing } from 'lit';
 import { html, unsafeStatic } from 'lit/static-html.js';
 

package/dist/Breadcrumb.d.ts

@@ -64,6 +64,6 @@ export class LeuBreadcrumb extends LeuElement {
     renderDropdown(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.js

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

package/dist/Button.d.ts

@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
     hasTextContent(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';
-import { H as HasSlotController } from './hasSlotController-bf769658.js';
+import { H as HasSlotController } from './hasSlotController-dbcac394.js';
 
 /**
  * All roles that are associated with a aria-checked attribute

package/dist/ButtonGroup.d.ts

@@ -20,5 +20,5 @@ export class LeuButtonGroup extends LeuElement {
     _handleButtonClick(button: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

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

package/dist/Checkbox.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckbox extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html } from 'lit';
 import { LeuIcon } from './Icon.js';
 

package/dist/CheckboxGroup.d.ts

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

package/dist/CheckboxGroup.js

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

package/dist/Chip.d.ts

@@ -1,5 +1,5 @@
 export class LeuChipBase extends LeuElement {
     inverted: boolean;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=Chip.d.ts.map

package/dist/Chip.js

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

package/dist/ChipGroup.d.ts

@@ -32,5 +32,5 @@ export const SELECTION_MODES: Readonly<{
     multiple: "multiple";
     none: "none";
 }>;
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=ChipGroup.d.ts.map

package/dist/ChipGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { html, unsafeStatic } from 'lit/static-html.js';
 import { css } from 'lit';
 

package/dist/ChipLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-519af050.js';
+import { _ as _defineProperty } from './LeuElement-874a297c.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/ChipRemovable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-519af050.js';
+import { _ as _defineProperty } from './LeuElement-874a297c.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';

package/dist/ChipSelectable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-519af050.js';
+import { _ as _defineProperty } from './LeuElement-874a297c.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/Dialog.d.ts

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

package/dist/Dialog.js

@@ -1,8 +1,8 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { H as HasSlotController } from './hasSlotController-bf769658.js';
+import { H as HasSlotController } from './hasSlotController-dbcac394.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`/* figma https://www.figma.com/design/d6Pv21UVUbnBs3AdcZijHmbN/KTZH-Design-System?node-id=21161-186812&t=8VgDy9avMRG5aL7s-0 */

package/dist/Dropdown.d.ts

@@ -15,5 +15,5 @@ export class LeuDropdown extends LeuElement {
     _getMenu(): any;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { H as HasSlotController } from './hasSlotController-bf769658.js';
+import { H as HasSlotController } from './hasSlotController-dbcac394.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';

package/dist/Icon.d.ts

@@ -112,5 +112,5 @@ export class LeuIcon extends LeuElement {
     name: any | "";
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.js

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

package/dist/Input.d.ts

@@ -145,6 +145,6 @@ export const SIZES: Readonly<{
     SMALL: "small";
     REGULAR: "regular";
 }>;
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input.js

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

package/dist/{LeuElement-519af050.d.ts → LeuElement-874a297c.d.ts}

@@ -4,4 +4,4 @@ declare class LeuElement extends LitElement {
 declare function _defineProperty(obj: any, key: any, value: any): any;
 import { LitElement } from 'lit';
 export { LeuElement as L, _defineProperty as _ };
-//# sourceMappingURL=LeuElement-519af050.d.ts.map
+//# sourceMappingURL=LeuElement-874a297c.d.ts.map

package/dist/LeuElement-874a297c.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement-874a297c.d.ts","sourceRoot":"","sources":["LeuElement-874a297c.js"],"names":[],"mappings":"AAsCA;IACE,8EAcC;CACF;AApDD,sEAaC;2BAf+B,KAAK"}

package/dist/{LeuElement-519af050.js → LeuElement-874a297c.js}

@@ -53,7 +53,7 @@ class LeuElement extends LitElement {
     }
   }
 }
-_defineProperty(LeuElement, "version", "0.12.2");
+_defineProperty(LeuElement, "version", "0.13.0");
 _defineProperty(LeuElement, "dependencies", {});
 _defineProperty(LeuElement, "styles", css_248z);
 

package/dist/Menu.d.ts

@@ -25,6 +25,6 @@ export class LeuMenu extends LeuElement {
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 import { LeuMenuItem } from './MenuItem.js';
 //# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html } from 'lit';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/MenuItem.d.ts

@@ -37,6 +37,6 @@ export class LeuMenuItem extends LeuElement {
     _renderBeforeSlotDefault(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';

package/dist/Pagination.d.ts

@@ -30,5 +30,5 @@ export class LeuPagination extends LeuElement {
     _handleKeyDown(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { LeuButton } from './Button.js';
@@ -6,7 +6,7 @@ import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-dbcac394.js';
 
 var css_248z = css`:host {
   margin-top: 16px;

package/dist/Popup.d.ts

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

package/dist/Popup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
 

package/dist/Radio.d.ts

@@ -10,5 +10,5 @@ export class LeuRadio extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-519af050.js';
+import { L as LeuElement } from './LeuElement-874a297c.js';
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.js

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

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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-dbcac394.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-874a297c.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-874a297c.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-dbcac394.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';

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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-dbcac394.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-874a297c.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-874a297c.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

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

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

package/dist/{hasSlotController-bf769658.d.ts.map → hasSlotController-dbcac394.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-dbcac394.d.ts","sourceRoot":"","sources":["hasSlotController-dbcac394.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-dbcac394.js}

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

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';
+import './LeuElement-874a297c.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-dbcac394.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-874a297c.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-874a297c.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-874a297c.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-874a297c.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-dbcac394.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-874a297c.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-dbcac394.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-874a297c.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './hasSlotController-bf769658.js';
+import './hasSlotController-dbcac394.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-dbcac394.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-874a297c.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-dbcac394.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-874a297c.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-dbcac394.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-874a297c.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-874a297c.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-dbcac394.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-874a297c.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.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {

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.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/components/table/Table.js

@@ -115,7 +115,7 @@ export class LeuTable extends LeuElement {
       this.sortOrderAsc = !this.sortOrderAsc
     } else {
       this.sortIndex = index
-      this.sortOrder = "asc"
+      this.sortOrderAsc = false
     }
   }
 
@@ -125,10 +125,6 @@ export class LeuTable extends LeuElement {
     ></leu-icon>`
   }
 
-  sortArrow(col) {
-    return html` ${this.isSorted(col) ? this.sortArrowIcon() : nothing} `
-  }
-
   get _columns() {
     return this.columns
   }
@@ -172,6 +168,26 @@ export class LeuTable extends LeuElement {
       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)}
@@ -183,15 +199,19 @@ export class LeuTable extends LeuElement {
             <tr>
               ${this._columns.map(
                 (col) =>
-                  html`<th
-                    style=${col.headerStyle
-                      ? styleMap(col.headerStyle())
-                      : nothing}
-                  >
+                  html`<th style=${headerStyle(col)}>
                     ${col.sort
-                      ? html`<button @click=${(_) => this.sortClick(col)}>
+                      ? 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>`
@@ -204,9 +224,7 @@ export class LeuTable extends LeuElement {
                 html`<tr>
                   ${this._columns.map(
                     (col) =>
-                      html`<td
-                        style=${col.style ? styleMap(col.style(row)) : nothing}
-                      >
+                      html`<td style=${bodyStyle(col, row)}>
                         ${col.value(row)}
                       </td>`
                   )}

package/src/components/table/table.css

@@ -66,20 +66,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,

package/dist/LeuElement-519af050.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LeuElement-519af050.d.ts","sourceRoot":"","sources":["LeuElement-519af050.js"],"names":[],"mappings":"AAsCA;IACE,8EAcC;CACF;AApDD,sEAaC;2BAf+B,KAAK"}