@statistikzh/leu 0.4.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (220) hide show
  1. package/.storybook/preview.js +1 -2
  2. package/CHANGELOG.md +32 -0
  3. package/custom-elements-manifest.config.js +46 -0
  4. package/dist/Accordion.d.ts +31 -0
  5. package/dist/Accordion.d.ts.map +1 -0
  6. package/dist/Accordion.js +257 -0
  7. package/dist/Breadcrumb.d.ts +69 -0
  8. package/dist/Breadcrumb.d.ts.map +1 -0
  9. package/dist/Breadcrumb.js +392 -0
  10. package/dist/Button-5326c982.d.ts +84 -0
  11. package/dist/Button-5326c982.d.ts.map +1 -0
  12. package/dist/Button-5326c982.js +555 -0
  13. package/dist/Button.d.ts +2 -0
  14. package/dist/Button.d.ts.map +1 -0
  15. package/dist/Button.js +6 -420
  16. package/dist/ButtonGroup.d.ts +24 -0
  17. package/dist/ButtonGroup.d.ts.map +1 -0
  18. package/dist/ButtonGroup.js +70 -39
  19. package/dist/Checkbox.d.ts +13 -0
  20. package/dist/Checkbox.d.ts.map +1 -0
  21. package/dist/Checkbox.js +2 -2
  22. package/dist/CheckboxGroup.d.ts +13 -0
  23. package/dist/CheckboxGroup.d.ts.map +1 -0
  24. package/dist/CheckboxGroup.js +3 -3
  25. package/dist/Chip.d.ts +5 -0
  26. package/dist/Chip.d.ts.map +1 -0
  27. package/dist/{Chip-dac7337d.js → Chip.js} +16 -5
  28. package/dist/ChipGroup.d.ts +28 -0
  29. package/dist/ChipGroup.d.ts.map +1 -0
  30. package/dist/ChipGroup.js +62 -5
  31. package/dist/ChipLink.d.ts +15 -0
  32. package/dist/ChipLink.d.ts.map +1 -0
  33. package/dist/ChipLink.js +1 -1
  34. package/dist/ChipRemovable.d.ts +13 -0
  35. package/dist/ChipRemovable.d.ts.map +1 -0
  36. package/dist/ChipRemovable.js +2 -2
  37. package/dist/ChipSelectable.d.ts +22 -0
  38. package/dist/ChipSelectable.d.ts.map +1 -0
  39. package/dist/ChipSelectable.js +5 -5
  40. package/dist/Dropdown.d.ts +15 -0
  41. package/dist/Dropdown.d.ts.map +1 -0
  42. package/dist/Dropdown.js +30 -7
  43. package/dist/Input.d.ts +154 -0
  44. package/dist/Input.d.ts.map +1 -0
  45. package/dist/Input.js +13 -7
  46. package/dist/Menu.d.ts +8 -0
  47. package/dist/Menu.d.ts.map +1 -0
  48. package/dist/MenuItem.d.ts +21 -0
  49. package/dist/MenuItem.d.ts.map +1 -0
  50. package/dist/MenuItem.js +3 -3
  51. package/dist/Pagination.d.ts +27 -0
  52. package/dist/Pagination.d.ts.map +1 -0
  53. package/dist/Pagination.js +93 -61
  54. package/dist/Popup.d.ts +18 -0
  55. package/dist/Popup.d.ts.map +1 -0
  56. package/dist/{leu-popup-4bf6f1f4.js → Popup.js} +4 -5
  57. package/dist/Radio.d.ts +12 -0
  58. package/dist/Radio.d.ts.map +1 -0
  59. package/dist/Radio.js +2 -2
  60. package/dist/RadioGroup.d.ts +20 -0
  61. package/dist/RadioGroup.d.ts.map +1 -0
  62. package/dist/RadioGroup.js +3 -3
  63. package/dist/ScrollTop.d.ts +19 -0
  64. package/dist/ScrollTop.d.ts.map +1 -0
  65. package/dist/ScrollTop.js +122 -0
  66. package/dist/Select.d.ts +98 -0
  67. package/dist/Select.d.ts.map +1 -0
  68. package/dist/Select.js +27 -82
  69. package/dist/Table.d.ts +48 -0
  70. package/dist/Table.d.ts.map +1 -0
  71. package/dist/Table.js +7 -4
  72. package/dist/VisuallyHidden.d.ts +8 -0
  73. package/dist/VisuallyHidden.d.ts.map +1 -0
  74. package/dist/VisuallyHidden.js +28 -0
  75. package/dist/_rollupPluginBabelHelpers-20f659f4.d.ts +3 -0
  76. package/dist/_rollupPluginBabelHelpers-20f659f4.d.ts.map +1 -0
  77. package/dist/defineElement-40372b4b.d.ts +9 -0
  78. package/dist/defineElement-40372b4b.d.ts.map +1 -0
  79. package/dist/{defineElement-47d4f665.js → defineElement-40372b4b.js} +1 -1
  80. package/dist/icon-03e86700.d.ts +11 -0
  81. package/dist/icon-03e86700.d.ts.map +1 -0
  82. package/dist/index.d.ts +21 -0
  83. package/dist/index.d.ts.map +1 -0
  84. package/dist/index.js +14 -8
  85. package/dist/leu-accordion.d.ts +3 -0
  86. package/dist/leu-accordion.d.ts.map +1 -0
  87. package/dist/leu-accordion.js +9 -0
  88. package/dist/leu-breadcrumb.d.ts +3 -0
  89. package/dist/leu-breadcrumb.d.ts.map +1 -0
  90. package/dist/leu-breadcrumb.js +23 -0
  91. package/dist/leu-button-group.d.ts +3 -0
  92. package/dist/leu-button-group.d.ts.map +1 -0
  93. package/dist/leu-button-group.js +1 -5
  94. package/dist/leu-button.d.ts +3 -0
  95. package/dist/leu-button.d.ts.map +1 -0
  96. package/dist/leu-button.js +3 -2
  97. package/dist/leu-checkbox-group.d.ts +3 -0
  98. package/dist/leu-checkbox-group.d.ts.map +1 -0
  99. package/dist/leu-checkbox-group.js +1 -1
  100. package/dist/leu-checkbox.d.ts +3 -0
  101. package/dist/leu-checkbox.d.ts.map +1 -0
  102. package/dist/leu-checkbox.js +1 -1
  103. package/dist/leu-chip-group.d.ts +3 -0
  104. package/dist/leu-chip-group.d.ts.map +1 -0
  105. package/dist/leu-chip-group.js +2 -1
  106. package/dist/leu-chip-link.d.ts +3 -0
  107. package/dist/leu-chip-link.d.ts.map +1 -0
  108. package/dist/leu-chip-link.js +2 -2
  109. package/dist/leu-chip-removable.d.ts +3 -0
  110. package/dist/leu-chip-removable.d.ts.map +1 -0
  111. package/dist/leu-chip-removable.js +2 -2
  112. package/dist/leu-chip-selectable.d.ts +3 -0
  113. package/dist/leu-chip-selectable.d.ts.map +1 -0
  114. package/dist/leu-chip-selectable.js +2 -2
  115. package/dist/leu-dropdown.d.ts +3 -0
  116. package/dist/leu-dropdown.d.ts.map +1 -0
  117. package/dist/leu-dropdown.js +5 -4
  118. package/dist/leu-input.d.ts +3 -0
  119. package/dist/leu-input.d.ts.map +1 -0
  120. package/dist/leu-input.js +1 -1
  121. package/dist/leu-menu-item.d.ts +3 -0
  122. package/dist/leu-menu-item.d.ts.map +1 -0
  123. package/dist/leu-menu-item.js +1 -1
  124. package/dist/leu-menu.d.ts +3 -0
  125. package/dist/leu-menu.d.ts.map +1 -0
  126. package/dist/leu-menu.js +1 -1
  127. package/dist/leu-pagination.d.ts +3 -0
  128. package/dist/leu-pagination.d.ts.map +1 -0
  129. package/dist/leu-pagination.js +5 -2
  130. package/dist/leu-popup.d.ts +3 -0
  131. package/dist/leu-popup.d.ts.map +1 -0
  132. package/dist/leu-popup.js +9 -0
  133. package/dist/leu-radio-group.d.ts +3 -0
  134. package/dist/leu-radio-group.d.ts.map +1 -0
  135. package/dist/leu-radio-group.js +1 -1
  136. package/dist/leu-radio.d.ts +3 -0
  137. package/dist/leu-radio.d.ts.map +1 -0
  138. package/dist/leu-radio.js +1 -1
  139. package/dist/leu-scroll-top.d.ts +3 -0
  140. package/dist/leu-scroll-top.d.ts.map +1 -0
  141. package/dist/leu-scroll-top.js +14 -0
  142. package/dist/leu-select.d.ts +3 -0
  143. package/dist/leu-select.d.ts.map +1 -0
  144. package/dist/leu-select.js +4 -3
  145. package/dist/leu-table.d.ts +3 -0
  146. package/dist/leu-table.d.ts.map +1 -0
  147. package/dist/leu-table.js +5 -2
  148. package/dist/leu-visually-hidden.d.ts +3 -0
  149. package/dist/leu-visually-hidden.d.ts.map +1 -0
  150. package/dist/leu-visually-hidden.js +8 -0
  151. package/dist/theme.css +386 -2
  152. package/dist/utils-65469421.d.ts +16 -0
  153. package/dist/utils-65469421.d.ts.map +1 -0
  154. package/dist/utils-65469421.js +35 -0
  155. package/dist/vscode.html-custom-data.json +579 -0
  156. package/dist/vue/index.d.ts +678 -0
  157. package/dist/web-types.json +1076 -0
  158. package/index.js +3 -0
  159. package/package.json +30 -12
  160. package/postcss.config.cjs +2 -0
  161. package/rollup.config.js +21 -40
  162. package/scripts/generate-component/templates/[name].css +2 -2
  163. package/scripts/postcss-leu-font-styles.cjs +160 -0
  164. package/src/components/accordion/accordion.css +2 -2
  165. package/src/components/accordion/stories/accordion.stories.js +2 -1
  166. package/src/components/accordion/test/accordion.test.js +4 -2
  167. package/src/components/breadcrumb/Breadcrumb.js +2 -1
  168. package/src/components/breadcrumb/breadcrumb.css +2 -13
  169. package/src/components/button/Button.js +69 -8
  170. package/src/components/button/button.css +23 -2
  171. package/src/components/button/stories/button.stories.js +43 -90
  172. package/src/components/button/test/button.test.js +90 -19
  173. package/src/components/button-group/ButtonGroup.js +76 -34
  174. package/src/components/button-group/stories/button-group.stories.js +13 -6
  175. package/src/components/button-group/test/button-group.test.js +38 -31
  176. package/src/components/checkbox/checkbox-group.css +2 -2
  177. package/src/components/checkbox/checkbox.css +1 -1
  178. package/src/components/chip/ChipGroup.js +42 -2
  179. package/src/components/chip/ChipRemovable.js +1 -1
  180. package/src/components/chip/ChipSelectable.js +4 -4
  181. package/src/components/chip/chip-group.css +12 -2
  182. package/src/components/chip/chip.css +14 -3
  183. package/src/components/chip/stories/chip-group.stories.js +100 -46
  184. package/src/components/chip/test/chip-removable.test.js +3 -3
  185. package/src/components/dropdown/Dropdown.js +24 -3
  186. package/src/components/dropdown/dropdown.css +4 -0
  187. package/src/components/input/Input.js +7 -4
  188. package/src/components/input/input.css +2 -2
  189. package/src/components/input/stories/input.stories.js +13 -0
  190. package/src/components/input/test/input.test.js +1 -0
  191. package/src/components/menu/menu-item.css +3 -3
  192. package/src/components/pagination/Pagination.js +91 -60
  193. package/src/components/pagination/pagination.css +6 -1
  194. package/src/components/pagination/stories/pagination.stories.js +15 -2
  195. package/src/components/pagination/test/pagination.test.js +15 -15
  196. package/src/components/popup/popup.css +2 -2
  197. package/src/components/popup/stories/popup.stories.js +1 -1
  198. package/src/components/radio/radio-group.css +2 -2
  199. package/src/components/radio/radio.css +1 -1
  200. package/src/components/scroll-top/ScrollTop.js +87 -0
  201. package/src/components/scroll-top/leu-scroll-top.js +6 -0
  202. package/src/components/scroll-top/scroll-top.css +34 -0
  203. package/src/components/scroll-top/stories/scroll-top.stories.js +217 -0
  204. package/src/components/scroll-top/test/scroll-top.test.js +22 -0
  205. package/src/components/select/Select.js +24 -6
  206. package/src/components/select/select.css +2 -2
  207. package/src/components/table/table.css +2 -2
  208. package/src/components/visually-hidden/VisuallyHidden.js +13 -0
  209. package/src/components/visually-hidden/leu-visually-hidden.js +6 -0
  210. package/src/components/visually-hidden/stories/visually-hidden.stories.js +22 -0
  211. package/src/components/visually-hidden/test/visually-hidden.test.js +36 -0
  212. package/src/components/visually-hidden/visually-hidden.css +10 -0
  213. package/src/lib/defineElement.js +1 -1
  214. package/src/lib/hasSlotController.js +5 -3
  215. package/src/lib/utils.js +21 -3
  216. package/src/styles/custom-properties.css +6 -2
  217. package/src/styles/font-definitions.json +202 -0
  218. package/stylelint.config.mjs +2 -0
  219. package/tsconfig.build.json +21 -0
  220. package/tsconfig.json +16 -0
package/dist/Select.js CHANGED
@@ -5,91 +5,21 @@ import { map } from 'lit/directives/map.js';
5
5
  import { ifDefined } from 'lit/directives/if-defined.js';
6
6
  import { createRef, ref } from 'lit/directives/ref.js';
7
7
  import { I as Icon } from './icon-03e86700.js';
8
+ import { H as HasSlotController } from './Button-5326c982.js';
8
9
  import './leu-button.js';
9
10
  import './leu-menu.js';
10
11
  import './leu-menu-item.js';
11
12
  import './leu-input.js';
12
- import './leu-popup-4bf6f1f4.js';
13
- import './defineElement-47d4f665.js';
14
- import './Button.js';
13
+ import './leu-popup.js';
14
+ import './defineElement-40372b4b.js';
15
15
  import './Menu.js';
16
16
  import './MenuItem.js';
17
17
  import 'lit/static-html.js';
18
18
  import './Input.js';
19
19
  import 'lit/directives/live.js';
20
+ import './Popup.js';
20
21
  import '@floating-ui/dom';
21
22
 
22
- /**
23
- * Thanks Shoelace!
24
- * Source: https://github.com/shoelace-style/shoelace/blob/next/src/internal/slot.ts
25
- */
26
-
27
- /**
28
- * A reactive controller that determines when slots exist.
29
- * @implements { import("lit").ReactiveController }
30
- */
31
- class HasSlotController {
32
- constructor(host, slotNames) {
33
- /**
34
- * @private
35
- * @param {Event} event
36
- */
37
- _defineProperty(this, "handleSlotChange", event => {
38
- const slot = event.target;
39
- if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
40
- this.host.requestUpdate();
41
- }
42
- });
43
- this.host = host;
44
- host.addController(this);
45
- this.slotNames = slotNames;
46
- }
47
-
48
- /**
49
- * @private
50
- * @returns {Boolean}
51
- */
52
- hasDefaultSlot() {
53
- return [...this.host.childNodes].some(node => {
54
- if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
55
- return true;
56
- }
57
- if (node.nodeType === node.ELEMENT_NODE) {
58
- const el = node;
59
-
60
- // If it doesn't have a slot attribute, it's part of the default slot
61
- if (!el.hasAttribute("slot")) {
62
- return true;
63
- }
64
- }
65
- return false;
66
- });
67
- }
68
-
69
- /**
70
- * @private
71
- * @param {String} name
72
- * @returns {Boolean}
73
- */
74
- hasNamedSlot(name) {
75
- return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
76
- }
77
-
78
- /**
79
- * @param {String} slotName
80
- * @returns {Boolean}
81
- */
82
- test(slotName) {
83
- return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
84
- }
85
- hostConnected() {
86
- this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
87
- }
88
- hostDisconnected() {
89
- this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
90
- }
91
- }
92
-
93
23
  var css_248z = css`:host,
94
24
  :host * {
95
25
  box-sizing: border-box;
@@ -118,8 +48,8 @@ var css_248z = css`:host,
118
48
 
119
49
  --select-clear-color: var(--leu-color-black-60);
120
50
 
121
- --select-font-regular: var(--leu-font-regular);
122
- --select-font-black: var(--leu-font-black);
51
+ --select-font-regular: var(--leu-font-family-regular);
52
+ --select-font-black: var(--leu-font-family-black);
123
53
 
124
54
  --select-apply-button-color: var(--leu-color-black-100);
125
55
  --select-apply-button-color-focus: var(--leu-color-black-80);
@@ -131,7 +61,7 @@ var css_248z = css`:host,
131
61
  position: relative;
132
62
  display: block;
133
63
 
134
- font-family: var(--leu-font-regular);
64
+ font-family: var(--leu-font-family-regular);
135
65
 
136
66
  font-family: var(--select-font-regular);
137
67
  }
@@ -331,7 +261,7 @@ class LeuSelect extends LitElement {
331
261
  return {
332
262
  open: {
333
263
  type: Boolean,
334
- attribute: "open"
264
+ reflect: true
335
265
  },
336
266
  label: {
337
267
  type: String,
@@ -384,7 +314,7 @@ class LeuSelect extends LitElement {
384
314
  * @param {MouseEvent} event
385
315
  */
386
316
  _defineProperty(this, "handleDocumentClick", event => {
387
- if (!this.contains(event.target) && this.open) {
317
+ if (event.target instanceof Node && !this.contains(event.target) && this.open) {
388
318
  this.closeDropdown();
389
319
  }
390
320
  });
@@ -398,9 +328,14 @@ class LeuSelect extends LitElement {
398
328
  }
399
329
  });
400
330
  this.open = false;
331
+ this.disabled = false;
332
+ this.open = false;
333
+ this.multiple = false;
401
334
  this.clearable = false;
335
+ this.filterable = false;
402
336
  this.value = [];
403
337
  this.options = [];
338
+ this.label = "";
404
339
 
405
340
  /** @internal */
406
341
  this._arrowIcon = Icon("angleDropDown");
@@ -413,8 +348,18 @@ class LeuSelect extends LitElement {
413
348
 
414
349
  /** @internal */
415
350
  this.deferedChangeEvent = false;
351
+
352
+ /**
353
+ * @type {import("lit/directives/ref").Ref<import("../menu/Menu").LeuMenu>}
354
+ */
416
355
  this.menuRef = createRef();
356
+ /**
357
+ * @type {import("lit/directives/ref").Ref<import("../input/Input").LeuInput>}
358
+ */
417
359
  this.optionFilterRef = createRef();
360
+ /**
361
+ * @type {import("lit/directives/ref").Ref<HTMLButtonElement>}
362
+ */
418
363
  this.toggleButtonRef = createRef();
419
364
  }
420
365
  connectedCallback() {
@@ -574,9 +519,9 @@ class LeuSelect extends LitElement {
574
519
  type="button"
575
520
  class="apply-button"
576
521
  @click=${this.handleApplyClick}
577
- label="Anwenden"
578
522
  fluid
579
- ></leu-button>
523
+ >Anwenden</leu-button
524
+ >
580
525
  `;
581
526
  }
582
527
  return nothing;
@@ -602,7 +547,7 @@ class LeuSelect extends LitElement {
602
547
  <span class="label" id="select-label">${this.label}</span>
603
548
  <span class="value"> ${this.getDisplayValue(this.value)} </span>
604
549
  <span class="arrow-icon"> ${this._arrowIcon} </span>
605
- ${this.clearable && this.value !== "" && this.value.length !== 0 ? html`<button
550
+ ${this.clearable && this.value.length !== 0 ? html`<button
606
551
  type="button"
607
552
  class="clear-button"
608
553
  @click=${this.clearValue}
@@ -0,0 +1,48 @@
1
+ /**
2
+ * @tagname leu-table
3
+ */
4
+ export class LeuTable extends LitElement {
5
+ /** @type {array} */
6
+ columns: any[];
7
+ /** @type {array} */
8
+ data: any[];
9
+ /** @type {boolean} */
10
+ firstColumnSticky: boolean;
11
+ /** @type {number} */
12
+ itemsPerPage: number;
13
+ /** @type {number} */
14
+ sortIndex: number;
15
+ /** @type {boolean} */
16
+ sortOrderAsc: boolean;
17
+ /** @type {number} */
18
+ width: number;
19
+ /** @internal */
20
+ _sortArrowDown: import("lit-html").TemplateResult<1>;
21
+ /** @internal */
22
+ _sortArrowUp: import("lit-html").TemplateResult<1>;
23
+ /** @internal */
24
+ _shadowLeft: boolean;
25
+ /** @internal */
26
+ _shadowRight: boolean;
27
+ /** @internal */
28
+ _scrollRef: import("lit-html/directives/ref.js").Ref<Element>;
29
+ /** @internal */
30
+ _page: number;
31
+ _resizeObserver: ResizeObserver;
32
+ attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
33
+ firstUpdated(): void;
34
+ shadowToggle(target: any): void;
35
+ scrollEvent(event: any): void;
36
+ isOnePropNotValid(): "Der Parameter 'columns' ist erforderlich !" | "Der Parameter 'data' ist erforderlich !";
37
+ isSorted(col: any): boolean;
38
+ sortClick(col: any): void;
39
+ sortOrder: string;
40
+ sortArrowIcon(): import("lit-html").TemplateResult<1>;
41
+ sortArrow(col: any): import("lit-html").TemplateResult<1>;
42
+ get _columns(): any[];
43
+ get _sortedData(): any[];
44
+ get _data(): any[];
45
+ render(): import("lit-html").TemplateResult<1>;
46
+ }
47
+ import { LitElement } from 'lit';
48
+ //# sourceMappingURL=Table.d.ts.map
@@ -0,0 +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,qDAA2C;IAC3C,gBAAgB;IAChB,mDAAuC;IACvC,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,sDAEC;IACD,0DAEC;IACD,sBAEC;IACD,yBAMC;IACD,mBAEC;IACD,+CA6DC;CACF;2BArR8C,KAAK"}
package/dist/Table.js CHANGED
@@ -5,11 +5,14 @@ import { styleMap } from 'lit/directives/style-map.js';
5
5
  import { createRef, ref } from 'lit/directives/ref.js';
6
6
  import { I as Icon } from './icon-03e86700.js';
7
7
  import './leu-pagination.js';
8
- import './defineElement-47d4f665.js';
8
+ import './defineElement-40372b4b.js';
9
9
  import './Pagination.js';
10
10
  import 'lit/directives/live.js';
11
11
  import './leu-button.js';
12
- import './Button.js';
12
+ import './Button-5326c982.js';
13
+ import 'lit/directives/if-defined.js';
14
+ import './leu-visually-hidden.js';
15
+ import './VisuallyHidden.js';
13
16
 
14
17
  var css_248z = css`:host {
15
18
  position: relative;
@@ -41,7 +44,7 @@ table {
41
44
  border-spacing: 0;
42
45
  color: rgba(0, 0, 0, 0.6);
43
46
  font-size: 16px;
44
- font-family: var(--leu-font-regular);
47
+ font-family: var(--leu-font-family-regular);
45
48
  line-height: 1.5;
46
49
  }
47
50
 
@@ -54,7 +57,7 @@ th {
54
57
  text-align: left;
55
58
  font-size: 12px;
56
59
  font-weight: normal;
57
- font-family: var(--leu-font-black);
60
+ font-family: var(--leu-font-family-black);
58
61
  background: var(--table-even-row-bg);
59
62
  }
60
63
 
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @tagname leu-visually-hidden
3
+ */
4
+ export class LeuVisuallyHidden extends LitElement {
5
+ render(): import("lit-html").TemplateResult<1>;
6
+ }
7
+ import { LitElement } from 'lit';
8
+ //# sourceMappingURL=VisuallyHidden.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["VisuallyHidden.js"],"names":[],"mappings":"AAiBA;;GAEG;AACH;IACE,+CAEC;CACF;2BAvBqC,KAAK"}
@@ -0,0 +1,28 @@
1
+ import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
2
+ import { css, LitElement, html } from 'lit';
3
+
4
+ var css_248z = css`:host {
5
+ margin: -1px !important;
6
+ padding: 0 !important;
7
+ }
8
+ :host {
9
+ clip: rect(0 0 0 0);
10
+ border: 0;
11
+ height: 1px;
12
+ overflow: hidden;
13
+ position: absolute;
14
+ width: 1px;
15
+ }
16
+ `;
17
+
18
+ /**
19
+ * @tagname leu-visually-hidden
20
+ */
21
+ class LeuVisuallyHidden extends LitElement {
22
+ render() {
23
+ return html`<slot></slot>`;
24
+ }
25
+ }
26
+ _defineProperty(LeuVisuallyHidden, "styles", css_248z);
27
+
28
+ export { LeuVisuallyHidden };
@@ -0,0 +1,3 @@
1
+ export { _defineProperty as _ };
2
+ declare function _defineProperty(obj: any, key: any, value: any): any;
3
+ //# sourceMappingURL=_rollupPluginBabelHelpers-20f659f4.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_rollupPluginBabelHelpers-20f659f4.d.ts","sourceRoot":"","sources":["_rollupPluginBabelHelpers-20f659f4.js"],"names":[],"mappings":";AAAA,sEAaC"}
@@ -0,0 +1,9 @@
1
+ export { defineElement as d };
2
+ /**
3
+ * Adds a definition for a custom element to the custom element
4
+ * registry if it isn't defined before. Prefixes the name with `leu-`.
5
+ * @param {string} name
6
+ * @param {CustomElementConstructor} constructor
7
+ */
8
+ declare function defineElement(name: string, constructor: CustomElementConstructor): void;
9
+ //# sourceMappingURL=defineElement-40372b4b.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defineElement-40372b4b.d.ts","sourceRoot":"","sources":["defineElement-40372b4b.js"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,qCAHW,MAAM,eACN,wBAAwB,QAQlC"}
@@ -2,7 +2,7 @@
2
2
  * Adds a definition for a custom element to the custom element
3
3
  * registry if it isn't defined before. Prefixes the name with `leu-`.
4
4
  * @param {string} name
5
- * @param {HTMLElement} constructor
5
+ * @param {CustomElementConstructor} constructor
6
6
  */
7
7
  function defineElement(name, constructor) {
8
8
  if (!customElements.get(`leu-${name}`)) {
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Returns an (ZhWeb) icon with a default size of 24px.
3
+ * The CSS color is inherited from the parent object.
4
+ * @param {'addNew'|'angleDropDown'|'angleDropup'|'angleLeft'|'angleRight'|'arrowDown'|'arrowLeft'|'arrowRight'|'arrowUp'|'calendar'|'caution'|'chatMessage'|'check'|'check1'|'clear'|'close'|'conference'|'confirm'|'confirmPlain'|'delete'|'documents'|'download'|'edit'|'email'|'file'|'fileOutline'|'files'|'filter'|'floppy'|'forward'|'getInformation'|'hide'|'home'|'layer1'|'layer11'|'link'|'list'|'lock'|'location'|'login'|'logout'|'map'|'mapLocateMe'|'mapLocation'|'mapNavigation'|'mapPin'|'menu'|'menuOverflow'|'minus'|'openMail'|'overflow'|'paperplane'|'paragraph'|'phoneCall'|'pin'|'plus'|'print'|'remove'|'resizeText'|'search'|'show'|'time'|'upload'|'cc'|'fastForward'|'fastRewind'|'fullScreen'|'next'|'pause'|'play'|'playButton'|'previews'|'skipNext'|'skipPrevious'|'stop'|'comment'|'facebook'|'google'|'instagram'|'kununu'|'like'|'linkedin'|'love'|'repost'|'share'|'snapchat'|'twitter'|'user'|'users'|'vote'|'xing'|'youtube'|'youtubeLogo'|'smileyThrilled'|'smileySmile'|'smileyIndifferent'|'smileySad'|'smileyDevastated'} name
5
+ * @param {number} size
6
+ * @returns TemplateResult<1>
7
+ */
8
+ declare function Icon(name: 'addNew' | 'angleDropDown' | 'angleDropup' | 'angleLeft' | 'angleRight' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'calendar' | 'caution' | 'chatMessage' | 'check' | 'check1' | 'clear' | 'close' | 'conference' | 'confirm' | 'confirmPlain' | 'delete' | 'documents' | 'download' | 'edit' | 'email' | 'file' | 'fileOutline' | 'files' | 'filter' | 'floppy' | 'forward' | 'getInformation' | 'hide' | 'home' | 'layer1' | 'layer11' | 'link' | 'list' | 'lock' | 'location' | 'login' | 'logout' | 'map' | 'mapLocateMe' | 'mapLocation' | 'mapNavigation' | 'mapPin' | 'menu' | 'menuOverflow' | 'minus' | 'openMail' | 'overflow' | 'paperplane' | 'paragraph' | 'phoneCall' | 'pin' | 'plus' | 'print' | 'remove' | 'resizeText' | 'search' | 'show' | 'time' | 'upload' | 'cc' | 'fastForward' | 'fastRewind' | 'fullScreen' | 'next' | 'pause' | 'play' | 'playButton' | 'previews' | 'skipNext' | 'skipPrevious' | 'stop' | 'comment' | 'facebook' | 'google' | 'instagram' | 'kununu' | 'like' | 'linkedin' | 'love' | 'repost' | 'share' | 'snapchat' | 'twitter' | 'user' | 'users' | 'vote' | 'xing' | 'youtube' | 'youtubeLogo' | 'smileyThrilled' | 'smileySmile' | 'smileyIndifferent' | 'smileySad' | 'smileyDevastated', size?: number): import("lit-html").TemplateResult<1>;
9
+ declare const ICON_NAMES: string[];
10
+ export { Icon as I, ICON_NAMES as a };
11
+ //# sourceMappingURL=icon-03e86700.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-03e86700.d.ts","sourceRoot":"","sources":["icon-03e86700.js"],"names":[],"mappings":"AAiHA;;;;;;GAMG;AACH,4BAJW,QAAQ,GAAC,eAAe,GAAC,aAAa,GAAC,WAAW,GAAC,YAAY,GAAC,WAAW,GAAC,WAAW,GAAC,YAAY,GAAC,SAAS,GAAC,UAAU,GAAC,SAAS,GAAC,aAAa,GAAC,OAAO,GAAC,QAAQ,GAAC,OAAO,GAAC,OAAO,GAAC,YAAY,GAAC,SAAS,GAAC,cAAc,GAAC,QAAQ,GAAC,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,OAAO,GAAC,MAAM,GAAC,aAAa,GAAC,OAAO,GAAC,QAAQ,GAAC,QAAQ,GAAC,SAAS,GAAC,gBAAgB,GAAC,MAAM,GAAC,MAAM,GAAC,QAAQ,GAAC,SAAS,GAAC,MAAM,GAAC,MAAM,GAAC,MAAM,GAAC,UAAU,GAAC,OAAO,GAAC,QAAQ,GAAC,KAAK,GAAC,aAAa,GAAC,aAAa,GAAC,eAAe,GAAC,QAAQ,GAAC,MAAM,GAAC,cAAc,GAAC,OAAO,GAAC,UAAU,GAAC,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,WAAW,GAAC,KAAK,GAAC,MAAM,GAAC,OAAO,GAAC,QAAQ,GAAC,YAAY,GAAC,QAAQ,GAAC,MAAM,GAAC,MAAM,GAAC,QAAQ,GAAC,IAAI,GAAC,aAAa,GAAC,YAAY,GAAC,YAAY,GAAC,MAAM,GAAC,OAAO,GAAC,MAAM,GAAC,YAAY,GAAC,UAAU,GAAC,UAAU,GAAC,cAAc,GAAC,MAAM,GAAC,SAAS,GAAC,UAAU,GAAC,QAAQ,GAAC,WAAW,GAAC,QAAQ,GAAC,MAAM,GAAC,UAAU,GAAC,MAAM,GAAC,QAAQ,GAAC,OAAO,GAAC,UAAU,GAAC,SAAS,GAAC,MAAM,GAAC,OAAO,GAAC,MAAM,GAAC,MAAM,GAAC,SAAS,GAAC,aAAa,GAAC,gBAAgB,GAAC,aAAa,GAAC,mBAAmB,GAAC,WAAW,GAAC,kBAAkB,SACv/B,MAAM,wCAgBhB;AAxBD,mCAA0C"}
@@ -0,0 +1,21 @@
1
+ export { LeuAccordion } from "./Accordion.js";
2
+ export { LeuBreadcrumb } from "./Breadcrumb.js";
3
+ export { LeuButtonGroup } from "./ButtonGroup.js";
4
+ export { LeuCheckbox } from "./Checkbox.js";
5
+ export { LeuCheckboxGroup } from "./CheckboxGroup.js";
6
+ export { LeuChipGroup } from "./ChipGroup.js";
7
+ export { LeuChipLink } from "./ChipLink.js";
8
+ export { LeuChipRemovable } from "./ChipRemovable.js";
9
+ export { LeuChipSelectable } from "./ChipSelectable.js";
10
+ export { LeuDropdown } from "./Dropdown.js";
11
+ export { LeuMenu } from "./Menu.js";
12
+ export { LeuMenuItem } from "./MenuItem.js";
13
+ export { LeuPagination } from "./Pagination.js";
14
+ export { LeuPopup } from "./Popup.js";
15
+ export { LeuRadio } from "./Radio.js";
16
+ export { LeuRadioGroup } from "./RadioGroup.js";
17
+ export { LeuSelect } from "./Select.js";
18
+ export { LeuTable } from "./Table.js";
19
+ export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-5326c982.js";
20
+ export { LeuInput, SIZE_TYPES } from "./Input.js";
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}
package/dist/index.js CHANGED
@@ -1,4 +1,6 @@
1
- export { BUTTON_EXPANDED_OPTIONS, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, LeuButton } from './Button.js';
1
+ export { LeuAccordion } from './Accordion.js';
2
+ export { LeuBreadcrumb } from './Breadcrumb.js';
3
+ export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-5326c982.js';
2
4
  export { LeuButtonGroup } from './ButtonGroup.js';
3
5
  export { LeuCheckbox } from './Checkbox.js';
4
6
  export { LeuCheckboxGroup } from './CheckboxGroup.js';
@@ -11,25 +13,29 @@ export { LeuInput, SIZE_TYPES } from './Input.js';
11
13
  export { LeuMenu } from './Menu.js';
12
14
  export { LeuMenuItem } from './MenuItem.js';
13
15
  export { LeuPagination } from './Pagination.js';
16
+ export { LeuPopup } from './Popup.js';
14
17
  export { LeuRadio } from './Radio.js';
15
18
  export { LeuRadioGroup } from './RadioGroup.js';
16
19
  export { LeuSelect } from './Select.js';
17
20
  export { LeuTable } from './Table.js';
18
21
  import './_rollupPluginBabelHelpers-20f659f4.js';
19
22
  import 'lit';
23
+ import 'lit/static-html.js';
24
+ import 'lit/directives/ref.js';
20
25
  import 'lit/directives/class-map.js';
21
26
  import './icon-03e86700.js';
22
- import './leu-button.js';
23
- import './defineElement-47d4f665.js';
24
- import './Chip-dac7337d.js';
25
27
  import './leu-menu.js';
28
+ import './defineElement-40372b4b.js';
26
29
  import './leu-menu-item.js';
27
- import './leu-popup-4bf6f1f4.js';
28
- import '@floating-ui/dom';
30
+ import './leu-popup.js';
31
+ import './leu-visually-hidden.js';
32
+ import './VisuallyHidden.js';
33
+ import './utils-65469421.js';
29
34
  import 'lit/directives/if-defined.js';
35
+ import './Chip.js';
36
+ import './leu-button.js';
30
37
  import 'lit/directives/live.js';
31
- import 'lit/directives/ref.js';
32
- import 'lit/static-html.js';
38
+ import '@floating-ui/dom';
33
39
  import 'lit/directives/map.js';
34
40
  import './leu-input.js';
35
41
  import 'lit/directives/style-map.js';
@@ -0,0 +1,3 @@
1
+ export { LeuAccordion };
2
+ import { LeuAccordion } from './Accordion.js';
3
+ //# sourceMappingURL=leu-accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-accordion.d.ts","sourceRoot":"","sources":["leu-accordion.js"],"names":[],"mappings":";6BAC6B,gBAAgB"}
@@ -0,0 +1,9 @@
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
+ import { LeuAccordion } from './Accordion.js';
3
+ import './_rollupPluginBabelHelpers-20f659f4.js';
4
+ import 'lit';
5
+ import 'lit/static-html.js';
6
+
7
+ defineElement("accordion", LeuAccordion);
8
+
9
+ export { LeuAccordion };
@@ -0,0 +1,3 @@
1
+ export { LeuBreadcrumb };
2
+ import { LeuBreadcrumb } from './Breadcrumb.js';
3
+ //# sourceMappingURL=leu-breadcrumb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-breadcrumb.d.ts","sourceRoot":"","sources":["leu-breadcrumb.js"],"names":[],"mappings":";8BAC8B,iBAAiB"}
@@ -0,0 +1,23 @@
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
+ import { LeuBreadcrumb } from './Breadcrumb.js';
3
+ import './_rollupPluginBabelHelpers-20f659f4.js';
4
+ import 'lit';
5
+ import 'lit/directives/ref.js';
6
+ import 'lit/directives/class-map.js';
7
+ import './icon-03e86700.js';
8
+ import './leu-menu.js';
9
+ import './Menu.js';
10
+ import './leu-menu-item.js';
11
+ import './MenuItem.js';
12
+ import 'lit/static-html.js';
13
+ import 'lit/directives/if-defined.js';
14
+ import './leu-popup.js';
15
+ import './Popup.js';
16
+ import '@floating-ui/dom';
17
+ import './leu-visually-hidden.js';
18
+ import './VisuallyHidden.js';
19
+ import './utils-65469421.js';
20
+
21
+ defineElement("breadcrumb", LeuBreadcrumb);
22
+
23
+ export { LeuBreadcrumb };
@@ -0,0 +1,3 @@
1
+ export { LeuButtonGroup };
2
+ import { LeuButtonGroup } from './ButtonGroup.js';
3
+ //# sourceMappingURL=leu-button-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-button-group.d.ts","sourceRoot":"","sources":["leu-button-group.js"],"names":[],"mappings":";+BAC+B,kBAAkB"}
@@ -1,11 +1,7 @@
1
- import { d as defineElement } from './defineElement-47d4f665.js';
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
2
  import { LeuButtonGroup } from './ButtonGroup.js';
3
3
  import './_rollupPluginBabelHelpers-20f659f4.js';
4
4
  import 'lit';
5
- import './leu-button.js';
6
- import './Button.js';
7
- import 'lit/directives/class-map.js';
8
- import './icon-03e86700.js';
9
5
 
10
6
  defineElement("button-group", LeuButtonGroup);
11
7
 
@@ -0,0 +1,3 @@
1
+ export { LeuButton };
2
+ import { L as LeuButton } from './Button-5326c982.js';
3
+ //# sourceMappingURL=leu-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-button.d.ts","sourceRoot":"","sources":["leu-button.js"],"names":[],"mappings":";+BAC+B,sBAAsB"}
@@ -1,8 +1,9 @@
1
- import { d as defineElement } from './defineElement-47d4f665.js';
2
- import { LeuButton } from './Button.js';
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
+ import { L as LeuButton } from './Button-5326c982.js';
3
3
  import './_rollupPluginBabelHelpers-20f659f4.js';
4
4
  import 'lit';
5
5
  import 'lit/directives/class-map.js';
6
+ import 'lit/directives/if-defined.js';
6
7
  import './icon-03e86700.js';
7
8
 
8
9
  defineElement("button", LeuButton);
@@ -0,0 +1,3 @@
1
+ export { LeuCheckboxGroup };
2
+ import { LeuCheckboxGroup } from './CheckboxGroup.js';
3
+ //# sourceMappingURL=leu-checkbox-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-checkbox-group.d.ts","sourceRoot":"","sources":["leu-checkbox-group.js"],"names":[],"mappings":";iCACiC,oBAAoB"}
@@ -1,4 +1,4 @@
1
- import { d as defineElement } from './defineElement-47d4f665.js';
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
2
  import { LeuCheckboxGroup } from './CheckboxGroup.js';
3
3
  import './_rollupPluginBabelHelpers-20f659f4.js';
4
4
  import 'lit';
@@ -0,0 +1,3 @@
1
+ export { LeuCheckbox };
2
+ import { LeuCheckbox } from './Checkbox.js';
3
+ //# sourceMappingURL=leu-checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-checkbox.d.ts","sourceRoot":"","sources":["leu-checkbox.js"],"names":[],"mappings":";4BAC4B,eAAe"}
@@ -1,4 +1,4 @@
1
- import { d as defineElement } from './defineElement-47d4f665.js';
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
2
  import { LeuCheckbox } from './Checkbox.js';
3
3
  import './_rollupPluginBabelHelpers-20f659f4.js';
4
4
  import 'lit';
@@ -0,0 +1,3 @@
1
+ export { LeuChipGroup };
2
+ import { LeuChipGroup } from './ChipGroup.js';
3
+ //# sourceMappingURL=leu-chip-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-chip-group.d.ts","sourceRoot":"","sources":["leu-chip-group.js"],"names":[],"mappings":";6BAC6B,gBAAgB"}
@@ -1,7 +1,8 @@
1
- import { d as defineElement } from './defineElement-47d4f665.js';
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
2
  import { LeuChipGroup } from './ChipGroup.js';
3
3
  import './_rollupPluginBabelHelpers-20f659f4.js';
4
4
  import 'lit';
5
+ import 'lit/static-html.js';
5
6
 
6
7
  defineElement("chip-group", LeuChipGroup);
7
8
 
@@ -0,0 +1,3 @@
1
+ export { LeuChipLink };
2
+ import { LeuChipLink } from './ChipLink.js';
3
+ //# sourceMappingURL=leu-chip-link.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-chip-link.d.ts","sourceRoot":"","sources":["leu-chip-link.js"],"names":[],"mappings":";4BAC4B,eAAe"}
@@ -1,8 +1,8 @@
1
- import { d as defineElement } from './defineElement-47d4f665.js';
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
2
  import { LeuChipLink } from './ChipLink.js';
3
3
  import './_rollupPluginBabelHelpers-20f659f4.js';
4
4
  import 'lit';
5
- import './Chip-dac7337d.js';
5
+ import './Chip.js';
6
6
 
7
7
  defineElement("chip-link", LeuChipLink);
8
8
 
@@ -0,0 +1,3 @@
1
+ export { LeuChipRemovable };
2
+ import { LeuChipRemovable } from './ChipRemovable.js';
3
+ //# sourceMappingURL=leu-chip-removable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-chip-removable.d.ts","sourceRoot":"","sources":["leu-chip-removable.js"],"names":[],"mappings":";iCACiC,oBAAoB"}
@@ -1,8 +1,8 @@
1
- import { d as defineElement } from './defineElement-47d4f665.js';
1
+ import { d as defineElement } from './defineElement-40372b4b.js';
2
2
  import { LeuChipRemovable } from './ChipRemovable.js';
3
3
  import './_rollupPluginBabelHelpers-20f659f4.js';
4
4
  import 'lit';
5
- import './Chip-dac7337d.js';
5
+ import './Chip.js';
6
6
  import './icon-03e86700.js';
7
7
 
8
8
  defineElement("chip-removable", LeuChipRemovable);
@@ -0,0 +1,3 @@
1
+ export { LeuChipSelectable };
2
+ import { LeuChipSelectable } from './ChipSelectable.js';
3
+ //# sourceMappingURL=leu-chip-selectable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-chip-selectable.d.ts","sourceRoot":"","sources":["leu-chip-selectable.js"],"names":[],"mappings":";kCACkC,qBAAqB"}