@statistikzh/leu 0.14.0 → 0.14.2
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.
- package/.storybook/preview.js +11 -0
- package/CHANGELOG.md +18 -0
- package/README.md +0 -67
- package/dist/Accordion.d.ts +1 -1
- package/dist/Accordion.d.ts.map +1 -1
- package/dist/Accordion.js +7 -5
- package/dist/Button.d.ts +1 -1
- package/dist/Button.js +2 -2
- package/dist/ButtonGroup.d.ts +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/Checkbox.d.ts +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/CheckboxGroup.d.ts +1 -1
- package/dist/CheckboxGroup.js +1 -1
- package/dist/Chip.d.ts +1 -1
- package/dist/Chip.js +1 -1
- package/dist/ChipGroup.d.ts +1 -1
- package/dist/ChipGroup.js +1 -1
- package/dist/ChipLink.js +1 -1
- package/dist/ChipRemovable.js +1 -1
- package/dist/ChipSelectable.js +1 -1
- package/dist/Dialog.d.ts +1 -1
- package/dist/Dialog.js +2 -2
- package/dist/Dropdown.d.ts +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/Icon.d.ts +1 -1
- package/dist/Icon.js +1 -1
- package/dist/Input.d.ts +2 -2
- package/dist/Input.d.ts.map +1 -1
- package/dist/Input.js +4 -5
- package/dist/{LeuElement-BjGpKQpe.d.ts → LeuElement-BI1CxItv.d.ts} +1 -1
- package/dist/LeuElement-BI1CxItv.d.ts.map +1 -0
- package/dist/{LeuElement-BjGpKQpe.js → LeuElement-BI1CxItv.js} +1 -1
- package/dist/Menu.d.ts +1 -1
- package/dist/Menu.js +1 -1
- package/dist/MenuItem.d.ts +1 -1
- package/dist/MenuItem.js +1 -1
- package/dist/Pagination.d.ts +1 -1
- package/dist/Pagination.js +2 -2
- package/dist/Popup.d.ts +1 -1
- package/dist/Popup.js +1 -1
- package/dist/Radio.d.ts +1 -1
- package/dist/Radio.js +1 -1
- package/dist/RadioGroup.d.ts +1 -1
- package/dist/RadioGroup.js +1 -1
- package/dist/Range.d.ts +1 -1
- package/dist/Range.js +1 -1
- package/dist/ScrollTop.d.ts +1 -1
- package/dist/ScrollTop.js +2 -2
- package/dist/Select.d.ts +1 -5
- package/dist/Select.d.ts.map +1 -1
- package/dist/Select.js +3 -16
- package/dist/Spinner.d.ts +1 -1
- package/dist/Spinner.js +1 -1
- package/dist/Table.d.ts +1 -1
- package/dist/Table.js +2 -2
- package/dist/VisuallyHidden.d.ts +1 -1
- package/dist/VisuallyHidden.js +1 -1
- package/dist/{hasSlotController-DvFw2NdC.d.ts → hasSlotController-CCPfIEw1.d.ts} +1 -1
- package/dist/{hasSlotController-DvFw2NdC.d.ts.map → hasSlotController-CCPfIEw1.d.ts.map} +1 -1
- package/dist/{hasSlotController-DvFw2NdC.js → hasSlotController-CCPfIEw1.js} +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/leu-accordion.js +1 -1
- package/dist/leu-button-group.js +1 -1
- package/dist/leu-button.js +2 -2
- package/dist/leu-checkbox-group.js +1 -1
- package/dist/leu-checkbox.js +1 -1
- package/dist/leu-chip-group.js +1 -1
- package/dist/leu-chip-link.js +1 -1
- package/dist/leu-chip-removable.js +1 -1
- package/dist/leu-chip-selectable.js +1 -1
- package/dist/leu-dialog.js +2 -2
- package/dist/leu-dropdown.js +2 -2
- package/dist/leu-icon.js +1 -1
- package/dist/leu-input.js +1 -1
- package/dist/leu-menu-item.js +1 -1
- package/dist/leu-menu.js +1 -1
- package/dist/leu-pagination.js +2 -2
- package/dist/leu-popup.js +1 -1
- package/dist/leu-radio-group.js +1 -1
- package/dist/leu-radio.js +1 -1
- package/dist/leu-range.js +1 -1
- package/dist/leu-scroll-top.js +2 -2
- package/dist/leu-select.js +2 -2
- package/dist/leu-spinner.js +1 -1
- package/dist/leu-table.js +2 -2
- package/dist/leu-visually-hidden.js +1 -1
- package/dist/theme.css +4 -4
- package/dist/vscode.html-custom-data.json +1 -1
- package/dist/vue/index.d.ts +0 -1
- package/dist/web-types.json +2 -2
- package/package.json +3 -3
- package/scripts/generate-component/templates/stories/[name].stories.js +1 -1
- package/src/components/accordion/Accordion.js +1 -1
- package/src/components/accordion/accordion.css +6 -3
- package/src/components/accordion/stories/accordion.stories.js +7 -6
- package/src/components/button/stories/button.stories.js +1 -1
- package/src/components/button-group/stories/button-group.stories.js +1 -1
- package/src/components/checkbox/stories/checkbox-group.stories.js +1 -1
- package/src/components/checkbox/stories/checkbox.stories.js +1 -1
- package/src/components/chip/stories/chip-group.stories.js +1 -1
- package/src/components/chip/stories/chip-link.stories.js +1 -1
- package/src/components/chip/stories/chip-removable.stories.js +1 -1
- package/src/components/chip/stories/chip-selectable.stories.js +1 -1
- package/src/components/dialog/stories/dialog.stories.js +1 -1
- package/src/components/dropdown/stories/dropdown.stories.js +1 -1
- package/src/components/icon/stories/icon.stories.js +1 -1
- package/src/components/input/Input.js +1 -1
- package/src/components/input/input.css +2 -2
- package/src/components/input/stories/input.stories.js +1 -2
- package/src/components/menu/stories/menu-item.stories.js +1 -1
- package/src/components/menu/stories/menu.stories.js +1 -1
- package/src/components/pagination/stories/pagination.stories.js +1 -1
- package/src/components/popup/stories/popup.stories.js +1 -1
- package/src/components/radio/stories/radio-group.stories.js +1 -1
- package/src/components/radio/stories/radio.stories.js +1 -1
- package/src/components/range/stories/range-slider.stories.js +1 -1
- package/src/components/scroll-top/stories/scroll-top.stories.js +1 -1
- package/src/components/select/Select.js +1 -17
- package/src/components/select/stories/select.stories.js +2 -2
- package/src/components/spinner/stories/spinner.stories.js +1 -1
- package/src/components/table/stories/table.stories.js +1 -1
- package/src/components/visually-hidden/stories/visually-hidden.stories.js +1 -1
- package/src/docs/contributing.mdx +154 -0
- package/src/docs/installation.mdx +35 -0
- package/src/docs/theme.mdx +349 -0
- package/src/docs/usage.mdx +73 -0
- package/src/styles/custom-properties.css +4 -4
- package/src/styles/style.stories.js +1 -1
- package/dist/LeuElement-BjGpKQpe.d.ts.map +0 -1
package/.storybook/preview.js
CHANGED
|
@@ -6,6 +6,7 @@ import customElemenents from "../dist/custom-elements.json"
|
|
|
6
6
|
setCustomElementsManifest(customElemenents)
|
|
7
7
|
|
|
8
8
|
const preview = {
|
|
9
|
+
tags: ["autodocs"],
|
|
9
10
|
parameters: {
|
|
10
11
|
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
11
12
|
controls: {
|
|
@@ -13,6 +14,16 @@ const preview = {
|
|
|
13
14
|
color: /(background|color)$/i,
|
|
14
15
|
},
|
|
15
16
|
},
|
|
17
|
+
options: {
|
|
18
|
+
storySort: {
|
|
19
|
+
order: [
|
|
20
|
+
"Introduction",
|
|
21
|
+
["Installation", "Usage", "Theme", "Contributing"],
|
|
22
|
+
"Components",
|
|
23
|
+
"*",
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
},
|
|
16
27
|
viewport: {
|
|
17
28
|
viewports: [
|
|
18
29
|
{
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.14.2](https://github.com/statistikZH/leu/compare/v0.14.1...v0.14.2) (2025-04-15)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* **theme:** add quotes to font family names ([9e51bd0](https://github.com/statistikZH/leu/commit/9e51bd09b408c9e4d56126b7e65e68ecd368e876))
|
|
9
|
+
|
|
10
|
+
## [0.14.1](https://github.com/statistikZH/leu/compare/v0.14.0...v0.14.1) (2025-04-02)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* **accordion:** ensure that the heading level is an integer ([bfb65be](https://github.com/statistikZH/leu/commit/bfb65be83d89b5344c96bd1b10c4b6454c66aee0))
|
|
16
|
+
* **accordion:** properly hide content when accordion is closed ([bfb65be](https://github.com/statistikZH/leu/commit/bfb65be83d89b5344c96bd1b10c4b6454c66aee0))
|
|
17
|
+
* **accordion:** use a known property value for margin & formatting ([bfb65be](https://github.com/statistikZH/leu/commit/bfb65be83d89b5344c96bd1b10c4b6454c66aee0))
|
|
18
|
+
* **input:** fix height of inputs with prefix or suffix ([12d6848](https://github.com/statistikZH/leu/commit/12d6848846dd957f7ea8adb0c3dbb11da39a29d0))
|
|
19
|
+
* **select:** don't close the popup when focus leaves the element for now ([74811bc](https://github.com/statistikZH/leu/commit/74811bc481859e8bf3a25bd84eef95d678c171b1))
|
|
20
|
+
|
|
3
21
|
## [0.14.0](https://github.com/statistikZH/leu/compare/v0.13.1...v0.14.0) (2025-02-26)
|
|
4
22
|
|
|
5
23
|
|
package/README.md
CHANGED
|
@@ -95,73 +95,6 @@ To build a production version of Storybook, run
|
|
|
95
95
|
npm run storybook:build
|
|
96
96
|
```
|
|
97
97
|
|
|
98
|
-
## Create a new component
|
|
99
|
-
|
|
100
|
-
To create a starting point for a new component, run
|
|
101
|
-
|
|
102
|
-
```bash
|
|
103
|
-
./scripts/generate-component/generate.js
|
|
104
|
-
```
|
|
105
|
-
|
|
106
|
-
Running it with `--help` will show you all available options.
|
|
107
|
-
|
|
108
|
-
## Development guidelines
|
|
109
|
-
|
|
110
|
-
A few rules are necessary when developing a component library. The following conventions and guidelines should be followed when new features are implemented.
|
|
111
|
-
|
|
112
|
-
At the same time they're not set in stone. If the there is a good reason to change them open a pull request.
|
|
113
|
-
|
|
114
|
-
### Naming
|
|
115
|
-
|
|
116
|
-
Every element or custom property that will be globally available has to be prefixed with `leu`.
|
|
117
|
-
|
|
118
|
-
```js
|
|
119
|
-
/* Custom elements */
|
|
120
|
-
class LeuRadio extends LeuElement {
|
|
121
|
-
...
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
window.customElements.define("leu-input", LeuInput)
|
|
125
|
-
```
|
|
126
|
-
|
|
127
|
-
```css
|
|
128
|
-
/* CSS custom property of the theme */
|
|
129
|
-
:root {
|
|
130
|
-
--leu-color-black-0: #000;
|
|
131
|
-
}
|
|
132
|
-
```
|
|
133
|
-
|
|
134
|
-
### Scoped styles
|
|
135
|
-
|
|
136
|
-
All CSS declarations have to live inside a custom element. This way we ensure that the styles won't interfere with the environment they're loaded into.
|
|
137
|
-
Styles that are shared between components should be defined as global custom properties inside the `styles/custom-properties.css`.
|
|
138
|
-
When a global custom property is used inside a component it could be a good practice to assign them to a local custom property with a semantic naming.
|
|
139
|
-
This only make a sense when the component has a certain complexity and the global custom property are used multiple times.
|
|
140
|
-
|
|
141
|
-
```css
|
|
142
|
-
:host {
|
|
143
|
-
--radio-color-disabled: var(--leu-color-black-20);
|
|
144
|
-
}
|
|
145
|
-
```
|
|
146
|
-
|
|
147
|
-
### Value property
|
|
148
|
-
|
|
149
|
-
All custom elements that contain a value of some sort have to implement a `value` property.
|
|
150
|
-
Everytime the value of the `value` property changes a `input` event has to be dispatched.
|
|
151
|
-
This behaviour matches the way [Observable](https://observablehq.com) handles and observes changes of values that are contained in arbitrary elements. We decided to take over this pattern as it is usable in every other environment too.
|
|
152
|
-
|
|
153
|
-
### Custom events
|
|
154
|
-
|
|
155
|
-
In case of a custom event that is meant to be catched by an other component of this library, the name of this event has to be prefixed too.
|
|
156
|
-
|
|
157
|
-
```js
|
|
158
|
-
this.dispatchEvent(new Event("leu:select", { bubbles: true, composed: true }))
|
|
159
|
-
```
|
|
160
|
-
|
|
161
|
-
### Dependencies
|
|
162
|
-
|
|
163
|
-
Use as little dependencies as possible and as many as needed.
|
|
164
|
-
|
|
165
98
|
## Contributors
|
|
166
99
|
|
|
167
100
|
Thanks to the following people who have contributed to this project
|
package/dist/Accordion.d.ts
CHANGED
|
@@ -28,5 +28,5 @@ export class LeuAccordion extends LeuElement {
|
|
|
28
28
|
_handleToggleClick(): void;
|
|
29
29
|
render(): import("lit-html").TemplateResult;
|
|
30
30
|
}
|
|
31
|
-
import { L as LeuElement } from './LeuElement-
|
|
31
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
32
32
|
//# sourceMappingURL=Accordion.d.ts.map
|
package/dist/Accordion.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["Accordion.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["Accordion.js"],"names":[],"mappings":"AAmJA;;;;;;;;;GASG;AACH;IAGI,qBAAqB;IACrB,cAAiB;IACjB,cAAe;IACf,oBAAqB;IAGvB;;;;;;OAMG;IACH,kBAHa,MAAM,CASlB;IAED;;;OAGG;IACH,2BAEC;IACD,4CA+BC;CAEF;gCA7NqD,0BAA0B"}
|
package/dist/Accordion.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, nothing } from 'lit';
|
|
3
3
|
import { unsafeStatic, html } from 'lit/static-html.js';
|
|
4
4
|
|
|
@@ -27,7 +27,7 @@ var css_248z = css`:host {
|
|
|
27
27
|
width: 100%;
|
|
28
28
|
background: none;
|
|
29
29
|
padding: 1rem 0;
|
|
30
|
-
margin:
|
|
30
|
+
margin: 0;
|
|
31
31
|
cursor: pointer;
|
|
32
32
|
|
|
33
33
|
border: none;
|
|
@@ -107,6 +107,8 @@ var css_248z = css`:host {
|
|
|
107
107
|
}
|
|
108
108
|
.contentwrapper[hidden] {
|
|
109
109
|
grid-template-rows: 0fr;
|
|
110
|
+
opacity: 0;
|
|
111
|
+
visibility: hidden;
|
|
110
112
|
}
|
|
111
113
|
slot[name="content"] {
|
|
112
114
|
display: block;
|
|
@@ -123,7 +125,6 @@ slot[name="content"] {
|
|
|
123
125
|
}
|
|
124
126
|
}
|
|
125
127
|
.divider {
|
|
126
|
-
|
|
127
128
|
width: 100%;
|
|
128
129
|
height: 1px;
|
|
129
130
|
margin: 0;
|
|
@@ -131,7 +132,8 @@ slot[name="content"] {
|
|
|
131
132
|
border: none;
|
|
132
133
|
background-color: var(--divider-color);
|
|
133
134
|
|
|
134
|
-
transition:
|
|
135
|
+
transition:
|
|
136
|
+
transform var(--transition), background-color var(--transition);
|
|
135
137
|
}
|
|
136
138
|
:host(:not([open])) .heading:hover ~ .divider {
|
|
137
139
|
background-color: var(--divider-color-active);
|
|
@@ -172,7 +174,7 @@ class LeuAccordion extends LeuElement {
|
|
|
172
174
|
_getHeadingTag() {
|
|
173
175
|
let level = 2;
|
|
174
176
|
if (this.headingLevel > 0 && this.headingLevel < 7) {
|
|
175
|
-
level = this.headingLevel;
|
|
177
|
+
level = Math.floor(this.headingLevel);
|
|
176
178
|
}
|
|
177
179
|
return `h${level}`;
|
|
178
180
|
}
|
package/dist/Button.d.ts
CHANGED
|
@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
|
|
|
41
41
|
hasTextContent(): boolean;
|
|
42
42
|
render(): import("lit-html").TemplateResult<1>;
|
|
43
43
|
}
|
|
44
|
-
import { L as LeuElement } from './LeuElement-
|
|
44
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
45
45
|
import { nothing } from 'lit';
|
|
46
46
|
//# sourceMappingURL=Button.d.ts.map
|
package/dist/Button.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, html, nothing } from 'lit';
|
|
3
3
|
import { classMap } from 'lit/directives/class-map.js';
|
|
4
4
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
5
5
|
import { LeuIcon } from './Icon.js';
|
|
6
|
-
import { H as HasSlotController } from './hasSlotController-
|
|
6
|
+
import { H as HasSlotController } from './hasSlotController-CCPfIEw1.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* All roles that are associated with a aria-checked attribute
|
package/dist/ButtonGroup.d.ts
CHANGED
|
@@ -20,5 +20,5 @@ export class LeuButtonGroup extends LeuElement {
|
|
|
20
20
|
_handleButtonClick(button: any): void;
|
|
21
21
|
render(): import("lit-html").TemplateResult<1>;
|
|
22
22
|
}
|
|
23
|
-
import { L as LeuElement } from './LeuElement-
|
|
23
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
24
24
|
//# sourceMappingURL=ButtonGroup.d.ts.map
|
package/dist/ButtonGroup.js
CHANGED
package/dist/Checkbox.d.ts
CHANGED
|
@@ -10,5 +10,5 @@ export class LeuCheckbox extends LeuElement {
|
|
|
10
10
|
handleInput(event: any): void;
|
|
11
11
|
render(): import("lit-html").TemplateResult<1>;
|
|
12
12
|
}
|
|
13
|
-
import { L as LeuElement } from './LeuElement-
|
|
13
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
14
14
|
//# sourceMappingURL=Checkbox.d.ts.map
|
package/dist/Checkbox.js
CHANGED
package/dist/CheckboxGroup.d.ts
CHANGED
|
@@ -10,5 +10,5 @@ export class LeuCheckboxGroup extends LeuElement {
|
|
|
10
10
|
handleItems(): void;
|
|
11
11
|
render(): import("lit-html").TemplateResult<1>;
|
|
12
12
|
}
|
|
13
|
-
import { L as LeuElement } from './LeuElement-
|
|
13
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
14
14
|
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
package/dist/CheckboxGroup.js
CHANGED
package/dist/Chip.d.ts
CHANGED
package/dist/Chip.js
CHANGED
package/dist/ChipGroup.d.ts
CHANGED
package/dist/ChipGroup.js
CHANGED
package/dist/ChipLink.js
CHANGED
package/dist/ChipRemovable.js
CHANGED
package/dist/ChipSelectable.js
CHANGED
package/dist/Dialog.d.ts
CHANGED
|
@@ -13,5 +13,5 @@ export class LeuDialog extends LeuElement {
|
|
|
13
13
|
close(): void;
|
|
14
14
|
render(): import("lit-html").TemplateResult<1>;
|
|
15
15
|
}
|
|
16
|
-
import { L as LeuElement } from './LeuElement-
|
|
16
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
17
17
|
//# sourceMappingURL=Dialog.d.ts.map
|
package/dist/Dialog.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, nothing, html } from 'lit';
|
|
3
3
|
import { createRef, ref } from 'lit/directives/ref.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
5
|
-
import { H as HasSlotController } from './hasSlotController-
|
|
5
|
+
import { H as HasSlotController } from './hasSlotController-CCPfIEw1.js';
|
|
6
6
|
import { LeuIcon } from './Icon.js';
|
|
7
7
|
|
|
8
8
|
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
CHANGED
|
@@ -15,5 +15,5 @@ export class LeuDropdown extends LeuElement {
|
|
|
15
15
|
_getMenu(): any;
|
|
16
16
|
render(): import("lit-html").TemplateResult<1>;
|
|
17
17
|
}
|
|
18
|
-
import { L as LeuElement } from './LeuElement-
|
|
18
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
19
19
|
//# sourceMappingURL=Dropdown.d.ts.map
|
package/dist/Dropdown.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, nothing, html } from 'lit';
|
|
3
3
|
import { createRef, ref } from 'lit/directives/ref.js';
|
|
4
|
-
import { H as HasSlotController } from './hasSlotController-
|
|
4
|
+
import { H as HasSlotController } from './hasSlotController-CCPfIEw1.js';
|
|
5
5
|
import { LeuButton } from './Button.js';
|
|
6
6
|
import { LeuMenu } from './Menu.js';
|
|
7
7
|
import { LeuMenuItem } from './MenuItem.js';
|
package/dist/Icon.d.ts
CHANGED
|
@@ -16,5 +16,5 @@ export class LeuIcon extends LeuElement {
|
|
|
16
16
|
name: any | "";
|
|
17
17
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
18
|
}
|
|
19
|
-
import { L as LeuElement } from './LeuElement-
|
|
19
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
20
20
|
//# sourceMappingURL=Icon.d.ts.map
|
package/dist/Icon.js
CHANGED
package/dist/Input.d.ts
CHANGED
|
@@ -63,7 +63,7 @@ export class LeuInput extends LeuElement {
|
|
|
63
63
|
* Method for handling the blur event of the input element.
|
|
64
64
|
* Checks validity of the input element and sets the validity state.
|
|
65
65
|
* @private
|
|
66
|
-
* @param {FocusEvent} event
|
|
66
|
+
* @param {FocusEvent & {target: HTMLInputElement}} event
|
|
67
67
|
* @returns {void}
|
|
68
68
|
*/
|
|
69
69
|
private handleBlur;
|
|
@@ -150,6 +150,6 @@ export const SIZES: Readonly<{
|
|
|
150
150
|
SMALL: "small";
|
|
151
151
|
REGULAR: "regular";
|
|
152
152
|
}>;
|
|
153
|
-
import { L as LeuElement } from './LeuElement-
|
|
153
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
154
154
|
import { nothing } from 'lit';
|
|
155
155
|
//# sourceMappingURL=Input.d.ts.map
|
package/dist/Input.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AA+SA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACL;IACzB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IACvB,cAAe;IAEf,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAE9B,4BAKC;IAED;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAED;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IACD,qBAKC;IAED;;;OAGG;IACH,iBAFa,OAAO,CAInB;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,+CA2CC;CACF;AAzVD;;;GAGG;gCA1RmD,0BAA0B;wBAC7C,KAAK"}
|
package/dist/Input.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, nothing, html } from 'lit';
|
|
3
3
|
import { classMap } from 'lit/directives/class-map.js';
|
|
4
4
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
@@ -114,9 +114,8 @@ var css_248z = css`:host {
|
|
|
114
114
|
|
|
115
115
|
.prefix,
|
|
116
116
|
.suffix {
|
|
117
|
-
padding-top: 2rem;
|
|
118
|
-
padding-bottom: 1rem;
|
|
119
|
-
|
|
117
|
+
padding-top: calc(2rem - var(--input-border-width));
|
|
118
|
+
padding-bottom: calc(1rem - var(--input-border-width));
|
|
120
119
|
font-size: 1rem;
|
|
121
120
|
line-height: 1.5;
|
|
122
121
|
color: var(--input-affix-color);
|
|
@@ -389,7 +388,7 @@ class LeuInput extends LeuElement {
|
|
|
389
388
|
* Method for handling the blur event of the input element.
|
|
390
389
|
* Checks validity of the input element and sets the validity state.
|
|
391
390
|
* @private
|
|
392
|
-
* @param {FocusEvent} event
|
|
391
|
+
* @param {FocusEvent & {target: HTMLInputElement}} event
|
|
393
392
|
* @returns {void}
|
|
394
393
|
*/
|
|
395
394
|
handleBlur(event) {
|
|
@@ -4,4 +4,4 @@ declare class LeuElement extends LitElement {
|
|
|
4
4
|
declare function _defineProperty(obj: any, key: any, value: any): any;
|
|
5
5
|
import { LitElement } from 'lit';
|
|
6
6
|
export { LeuElement as L, _defineProperty as _ };
|
|
7
|
-
//# sourceMappingURL=LeuElement-
|
|
7
|
+
//# sourceMappingURL=LeuElement-BI1CxItv.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LeuElement-BI1CxItv.d.ts","sourceRoot":"","sources":["LeuElement-BI1CxItv.js"],"names":[],"mappings":"AAgDA;IACE,8EAcC;CACF;AA9DD,sEAaC;2BAf+B,KAAK"}
|
|
@@ -63,7 +63,7 @@ class LeuElement extends LitElement {
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
_defineProperty(LeuElement, "version", "0.14.
|
|
66
|
+
_defineProperty(LeuElement, "version", "0.14.2");
|
|
67
67
|
_defineProperty(LeuElement, "dependencies", {});
|
|
68
68
|
_defineProperty(LeuElement, "styles", css_248z);
|
|
69
69
|
|
package/dist/Menu.d.ts
CHANGED
|
@@ -25,6 +25,6 @@ export class LeuMenu extends LeuElement {
|
|
|
25
25
|
updated(changedProperties: any): void;
|
|
26
26
|
render(): import("lit-html").TemplateResult<1>;
|
|
27
27
|
}
|
|
28
|
-
import { L as LeuElement } from './LeuElement-
|
|
28
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
29
29
|
import { LeuMenuItem } from './MenuItem.js';
|
|
30
30
|
//# sourceMappingURL=Menu.d.ts.map
|
package/dist/Menu.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, html } from 'lit';
|
|
3
3
|
import { LeuMenuItem } from './MenuItem.js';
|
|
4
4
|
import 'lit/directives/if-defined.js';
|
package/dist/MenuItem.d.ts
CHANGED
|
@@ -37,6 +37,6 @@ export class LeuMenuItem extends LeuElement {
|
|
|
37
37
|
_renderBeforeSlotDefault(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
38
38
|
render(): import("lit-html").TemplateResult<1>;
|
|
39
39
|
}
|
|
40
|
-
import { L as LeuElement } from './LeuElement-
|
|
40
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
41
41
|
import { nothing } from 'lit';
|
|
42
42
|
//# sourceMappingURL=MenuItem.d.ts.map
|
package/dist/MenuItem.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, html, nothing } from 'lit';
|
|
3
3
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
4
4
|
import { LeuIcon } from './Icon.js';
|
package/dist/Pagination.d.ts
CHANGED
|
@@ -30,5 +30,5 @@ export class LeuPagination extends LeuElement {
|
|
|
30
30
|
_handleKeyDown(event: any): void;
|
|
31
31
|
render(): import("lit-html").TemplateResult<1>;
|
|
32
32
|
}
|
|
33
|
-
import { L as LeuElement } from './LeuElement-
|
|
33
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
34
34
|
//# sourceMappingURL=Pagination.d.ts.map
|
package/dist/Pagination.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, html } from 'lit';
|
|
3
3
|
import { live } from 'lit/directives/live.js';
|
|
4
4
|
import { LeuButton } from './Button.js';
|
|
@@ -6,7 +6,7 @@ import { LeuVisuallyHidden } from './VisuallyHidden.js';
|
|
|
6
6
|
import { LeuIcon } from './Icon.js';
|
|
7
7
|
import 'lit/directives/class-map.js';
|
|
8
8
|
import 'lit/directives/if-defined.js';
|
|
9
|
-
import './hasSlotController-
|
|
9
|
+
import './hasSlotController-CCPfIEw1.js';
|
|
10
10
|
|
|
11
11
|
var css_248z = css`:host {
|
|
12
12
|
margin-top: 16px;
|
package/dist/Popup.d.ts
CHANGED
|
@@ -32,5 +32,5 @@ export class LeuPopup extends LeuElement {
|
|
|
32
32
|
handleAnchorChange(): void;
|
|
33
33
|
render(): import("lit-html").TemplateResult<1>;
|
|
34
34
|
}
|
|
35
|
-
import { L as LeuElement } from './LeuElement-
|
|
35
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
36
36
|
//# sourceMappingURL=Popup.d.ts.map
|
package/dist/Popup.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, html } from 'lit';
|
|
3
3
|
import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
|
|
4
4
|
|
package/dist/Radio.d.ts
CHANGED
|
@@ -10,5 +10,5 @@ export class LeuRadio extends LeuElement {
|
|
|
10
10
|
handleInput(event: any): void;
|
|
11
11
|
render(): import("lit-html").TemplateResult<1>;
|
|
12
12
|
}
|
|
13
|
-
import { L as LeuElement } from './LeuElement-
|
|
13
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
14
14
|
//# sourceMappingURL=Radio.d.ts.map
|
package/dist/Radio.js
CHANGED
package/dist/RadioGroup.d.ts
CHANGED
|
@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LeuElement {
|
|
|
16
16
|
initializeIndex(): void;
|
|
17
17
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
18
|
}
|
|
19
|
-
import { L as LeuElement } from './LeuElement-
|
|
19
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
20
20
|
//# sourceMappingURL=RadioGroup.d.ts.map
|
package/dist/RadioGroup.js
CHANGED
package/dist/Range.d.ts
CHANGED
|
@@ -56,5 +56,5 @@ export class LeuRange extends LeuElement {
|
|
|
56
56
|
}): void;
|
|
57
57
|
render(): import("lit-html").TemplateResult<1>;
|
|
58
58
|
}
|
|
59
|
-
import { L as LeuElement } from './LeuElement-
|
|
59
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
60
60
|
//# sourceMappingURL=Range.d.ts.map
|
package/dist/Range.js
CHANGED
package/dist/ScrollTop.d.ts
CHANGED
|
@@ -15,5 +15,5 @@ export class LeuScrollTop extends LeuElement {
|
|
|
15
15
|
_scrollListener: Function;
|
|
16
16
|
render(): import("lit-html").TemplateResult<1>;
|
|
17
17
|
}
|
|
18
|
-
import { L as LeuElement } from './LeuElement-
|
|
18
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
19
19
|
//# sourceMappingURL=ScrollTop.d.ts.map
|
package/dist/ScrollTop.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { _ as _defineProperty, L as LeuElement } from './LeuElement-
|
|
1
|
+
import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
2
2
|
import { css, html } from 'lit';
|
|
3
3
|
import { classMap } from 'lit/directives/class-map.js';
|
|
4
4
|
import { LeuButton } from './Button.js';
|
|
5
5
|
import { LeuIcon } from './Icon.js';
|
|
6
6
|
import 'lit/directives/if-defined.js';
|
|
7
|
-
import './hasSlotController-
|
|
7
|
+
import './hasSlotController-CCPfIEw1.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Return a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked.
|
package/dist/Select.d.ts
CHANGED
|
@@ -122,15 +122,11 @@ export class LeuSelect extends LeuElement {
|
|
|
122
122
|
*/
|
|
123
123
|
_isSelected(menuItemValue: string): boolean;
|
|
124
124
|
_handleMenuItemClick(event: any): void;
|
|
125
|
-
/**
|
|
126
|
-
* Close the dropdown if the focus moves outside the component.
|
|
127
|
-
*/
|
|
128
|
-
_handlePopupFocusOut(event: any): void;
|
|
129
125
|
_renderFilterInput(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
130
126
|
_renderApplyButton(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
131
127
|
_renderToggleButton(): import("lit-html").TemplateResult<1>;
|
|
132
128
|
render(): import("lit-html").TemplateResult<1>;
|
|
133
129
|
}
|
|
134
|
-
import { L as LeuElement } from './LeuElement-
|
|
130
|
+
import { L as LeuElement } from './LeuElement-BI1CxItv.js';
|
|
135
131
|
import { nothing } from 'lit';
|
|
136
132
|
//# sourceMappingURL=Select.d.ts.map
|
package/dist/Select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAuPA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAAiC,CAAC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAA8B,CAAC,CAE/C;IAU7B,sCAqBC;IAED;;;;OAIG;IACH,8CAgCC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAoBC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAuPA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAAiC,CAAC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAA8B,CAAC,CAE/C;IAU7B,sCAqBC;IAED;;;;OAIG;IACH,8CAgCC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAoBC;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAgDC;CACF;gCAlqBqD,0BAA0B;wBAC7C,KAAK"}
|