@telia-ace/alliance-ui 1.0.0-beta.7 → 1.0.0-beta.9
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/LICENSE.txt +5 -5
- package/README.md +182 -182
- package/dist/components/alliance-object-list-head.d.ts +8 -8
- package/dist/components/alliance-object-list-head.js.map +1 -1
- package/dist/components/alliance-object-list-item.d.ts +6 -6
- package/dist/components/alliance-object-list-item.js.map +1 -1
- package/dist/components/alliance-object-list-row.d.ts +7 -7
- package/dist/components/alliance-object-list-row.js.map +1 -1
- package/dist/components/alliance-object-list.d.ts +13 -13
- package/dist/components/alliance-object-list.js.map +1 -1
- package/dist/{telia-heading2.5c0bd259.js → telia-heading2.60bf02b3.js} +2 -1
- package/dist/{telia-heading2.5c0bd259.js.map → telia-heading2.60bf02b3.js.map} +1 -1
- package/dist/voca/components/telia-accordion-item.d.ts +1 -0
- package/dist/voca/components/telia-accordion-item.js +64 -0
- package/dist/voca/components/telia-accordion-item.js.map +1 -0
- package/dist/voca/components/telia-accordion.d.ts +1 -0
- package/dist/voca/components/telia-accordion.js +93 -0
- package/dist/voca/components/telia-accordion.js.map +1 -0
- package/dist/voca/components/telia-badge.d.ts +1 -1
- package/dist/voca/components/telia-button-text.d.ts +1 -1
- package/dist/voca/components/telia-button.d.ts +1 -1
- package/dist/voca/components/telia-card-frame-link.d.ts +1 -1
- package/dist/voca/components/telia-card-frame.d.ts +1 -1
- package/dist/voca/components/telia-checkbox.d.ts +1 -1
- package/dist/voca/components/telia-chip-choice.d.ts +1 -1
- package/dist/voca/components/telia-chip-filter.d.ts +1 -1
- package/dist/voca/components/telia-color-dot.d.ts +1 -1
- package/dist/voca/components/telia-cta-link.d.ts +1 -1
- package/dist/voca/components/telia-date-picker.d.ts +1 -1
- package/dist/voca/components/telia-date-picker.js +1 -1
- package/dist/voca/components/telia-divider.d.ts +1 -1
- package/dist/voca/components/telia-field-assistive-text.d.ts +1 -1
- package/dist/voca/components/telia-field-error.d.ts +1 -1
- package/dist/voca/components/telia-field-valid.d.ts +1 -1
- package/dist/voca/components/telia-fieldset.d.ts +1 -1
- package/dist/voca/components/telia-focus-trap.d.ts +1 -1
- package/dist/voca/components/telia-form.d.ts +1 -1
- package/dist/voca/components/telia-heading.d.ts +1 -1
- package/dist/voca/components/telia-heading.js +1 -1
- package/dist/voca/components/telia-icon.d.ts +1 -1
- package/dist/voca/components/telia-image.d.ts +1 -1
- package/dist/voca/components/telia-label.d.ts +1 -1
- package/dist/voca/components/telia-link-image.d.ts +1 -1
- package/dist/voca/components/telia-link.d.ts +1 -1
- package/dist/voca/components/telia-list.d.ts +1 -1
- package/dist/voca/components/telia-logo.d.ts +1 -1
- package/dist/voca/components/telia-navigation-button.d.ts +1 -1
- package/dist/voca/components/telia-navigation-dropdown.d.ts +1 -1
- package/dist/voca/components/telia-navigation-link.d.ts +1 -1
- package/dist/voca/components/telia-notification.d.ts +1 -1
- package/dist/voca/components/telia-notification.js +1 -1
- package/dist/voca/components/telia-overlay.d.ts +1 -1
- package/dist/voca/components/telia-p.d.ts +1 -1
- package/dist/voca/components/telia-pictogram.d.ts +1 -1
- package/dist/voca/components/telia-radio-button.d.ts +1 -1
- package/dist/voca/components/telia-select.d.ts +1 -1
- package/dist/voca/components/telia-skeleton.d.ts +1 -1
- package/dist/voca/components/telia-status-badge.d.ts +1 -1
- package/dist/voca/components/telia-style-link.d.ts +1 -1
- package/dist/voca/components/telia-style-navigation-item.d.ts +1 -1
- package/dist/voca/components/telia-tab-content.d.ts +1 -1
- package/dist/voca/components/telia-tab-header.d.ts +1 -1
- package/dist/voca/components/telia-tab.d.ts +1 -1
- package/dist/voca/components/telia-text-input.d.ts +1 -1
- package/dist/voca/components/telia-text-spacing.d.ts +1 -1
- package/dist/voca/components/telia-textarea.d.ts +1 -1
- package/dist/voca/components/telia-toggle.d.ts +1 -1
- package/dist/voca/components/telia-visually-hidden.d.ts +1 -1
- package/dist/voca/foundations/index.d.ts +2 -2
- package/dist/voca/icons/index.d.ts +1 -1
- package/package.json +2 -2
package/LICENSE.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
Copyright © 2022, Telia Company AB. All rights reserved.
|
|
2
|
-
|
|
3
|
-
THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
|
|
4
|
-
THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
|
|
5
|
-
AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
|
|
1
|
+
Copyright © 2022, Telia Company AB. All rights reserved.
|
|
2
|
+
|
|
3
|
+
THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
|
|
4
|
+
THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
|
|
5
|
+
AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
|
|
6
6
|
http://www.humany.com/legal
|
package/README.md
CHANGED
|
@@ -1,182 +1,182 @@
|
|
|
1
|
-
# ACE Alliance UI
|
|
2
|
-
|
|
3
|
-
# Alliance Components
|
|
4
|
-
|
|
5
|
-
## `Object List`
|
|
6
|
-
|
|
7
|
-
Used to render tabular data.
|
|
8
|
-
|
|
9
|
-
```js
|
|
10
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
11
|
-
|
|
12
|
-
<alliance-object-list> ... </alliance-object-list>;
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
### Properties
|
|
16
|
-
|
|
17
|
-
| Name | Type | Required | Default | Description |
|
|
18
|
-
| ------- | ---------- | -------- | ------- | ------------------------------------------------------- |
|
|
19
|
-
| columns | `Column[]` | No | `[]` | Uses an object list row and heads to render a head row. |
|
|
20
|
-
|
|
21
|
-
### `Column`
|
|
22
|
-
|
|
23
|
-
| Property | Type | Description |
|
|
24
|
-
| -------- | -------- | -------------------- |
|
|
25
|
-
| id | `string` | Column ID. |
|
|
26
|
-
| label | `string` | Column header label. |
|
|
27
|
-
|
|
28
|
-
## `Object List Row`
|
|
29
|
-
|
|
30
|
-
Used to render a row inside an object list.
|
|
31
|
-
|
|
32
|
-
```js
|
|
33
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
34
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list-row';
|
|
35
|
-
|
|
36
|
-
<alliance-object-list>
|
|
37
|
-
<alliance-object-list-row>
|
|
38
|
-
<!-- cells -->
|
|
39
|
-
</alliance-object-list-row>
|
|
40
|
-
</alliance-object-list>
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
### Properties
|
|
44
|
-
|
|
45
|
-
| Name | Type | Required | Default | Description |
|
|
46
|
-
| --------- | --------- | -------- | ------- | ------------------------------------------- |
|
|
47
|
-
| clickable | `boolean` | No | `false` | Whether the row should be clickable or not. |
|
|
48
|
-
|
|
49
|
-
## `Object List Head`
|
|
50
|
-
|
|
51
|
-
Used to display a column head inside an object list row.
|
|
52
|
-
|
|
53
|
-
```js
|
|
54
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
55
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list-row';
|
|
56
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list-head';
|
|
57
|
-
|
|
58
|
-
<alliance-object-list>
|
|
59
|
-
<alliance-object-list-row>
|
|
60
|
-
<alliance-object-list-head label="Column header" />
|
|
61
|
-
</alliance-object-list-row>
|
|
62
|
-
</alliance-object-list>;
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
### Properties
|
|
66
|
-
|
|
67
|
-
| Name | Type | Required | Default | Description |
|
|
68
|
-
| ----- | -------- | -------- | ------- | --------------- |
|
|
69
|
-
| label | `string` | No | `''` | The head label. |
|
|
70
|
-
|
|
71
|
-
## `Object List Item`
|
|
72
|
-
|
|
73
|
-
Used to display an item inside an object list row.
|
|
74
|
-
|
|
75
|
-
```js
|
|
76
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
77
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list-row';
|
|
78
|
-
import '@telia-ace/alliance-ui/components/alliance-object-list-cell';
|
|
79
|
-
|
|
80
|
-
<alliance-object-list>
|
|
81
|
-
<alliance-object-list-row>
|
|
82
|
-
<alliance-object-list-item><!-- data --></alliance-object-list-item>
|
|
83
|
-
</alliance-object-list-row>
|
|
84
|
-
</alliance-object-list>;
|
|
85
|
-
```
|
|
86
|
-
|
|
87
|
-
# Voca
|
|
88
|
-
|
|
89
|
-
The Alliance UI extends parts of Voca.
|
|
90
|
-
|
|
91
|
-
## Components
|
|
92
|
-
|
|
93
|
-
Certain Voca components are available.
|
|
94
|
-
|
|
95
|
-
```js
|
|
96
|
-
import '@telia-ace/alliance-ui/voca/components/telia-button';
|
|
97
|
-
|
|
98
|
-
<telia-button>Click me!</telia-button>;
|
|
99
|
-
```
|
|
100
|
-
|
|
101
|
-
| Component | Link to Voca Storybook |
|
|
102
|
-
| ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
103
|
-
| `telia-badge` | [Storybook/telia-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-badge) |
|
|
104
|
-
| `telia-button-text` | [Storybook/telia-button-text](https://docs.voca.teliacompany.com/?path=/story/actions-buttons-text-button--text-only-button) |
|
|
105
|
-
| `telia-button` | [Storybook/telia-button](https://docs.voca.teliacompany.com/?path=/story/actions-buttons--primary) |
|
|
106
|
-
| `telia-card-frame-link` | [Storybook/telia-card-frame-link](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame-card-frame-link--card-frame-link) |
|
|
107
|
-
| `telia-card-frame` | [Storybook/telia-card-frame](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame--showcase) |
|
|
108
|
-
| `telia-checkbox` | [Storybook/telia-checkbox](https://docs.voca.teliacompany.com/?path=/story/form-elements-checkbox--showcase) |
|
|
109
|
-
| `telia-chip-choice` | [Storybook/telia-chip-choice](https://docs.voca.teliacompany.com/?path=/story/actions-chip-choice--showcase) |
|
|
110
|
-
| `telia-chip-filter` | [Storybook/telia-chip-filter](https://docs.voca.teliacompany.com/?path=/story/actions-chip-filter--showcase) |
|
|
111
|
-
| `telia-color-dot` | [Storybook/telia-color-dot](https://docs.voca.teliacompany.com/?path=/story/indicators-color-dot--showcase) |
|
|
112
|
-
| `telia-cta-link` | [Storybook/telia-cta-link](https://docs.voca.teliacompany.com/?path=/story/navigation-cta-link--showcase) |
|
|
113
|
-
| `telia-date-picker` | [Storybook/telia-date-picker](https://docs.voca.teliacompany.com/?path=/story/form-elements-date-picker--showcase) |
|
|
114
|
-
| `telia-divider` | [Storybook/telia-divider](https://docs.voca.teliacompany.com/?path=/story/utility-divider-showcase--showcase) |
|
|
115
|
-
| `telia-field-assistive-text` | [Storybook/telia-field-assistive-text](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text--field-assistive-text) |
|
|
116
|
-
| `telia-field-error` | [Storybook/telia-field-error](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-error--field-error) |
|
|
117
|
-
| `telia-field-valid` | [Storybook/telia-field-valid](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-valid--field-valid) |
|
|
118
|
-
| `telia-fieldset` | [Storybook/telia-fieldset](https://docs.voca.teliacompany.com/?path=/story/form-elements-form-fieldset) |
|
|
119
|
-
| `telia-focus-trap` | [Storybook/telia-focus-trap](https://docs.voca.teliacompany.com/?path=/story/utility-focus-focus-trap) |
|
|
120
|
-
| `telia-form` | [Storybook/telia-form](https://docs.voca.teliacompany.com/?path=/story/form-elements-form--showcase) |
|
|
121
|
-
| `telia-heading` | [Storybook/telia-heading](https://docs.voca.teliacompany.com/?path=/story/utility-heading) |
|
|
122
|
-
| `telia-icon` | [Storybook/telia-icon](https://docs.voca.teliacompany.com/?path=/story/assets-icon) |
|
|
123
|
-
| `telia-image` | [Storybook/telia-image](https://docs.voca.teliacompany.com/?path=/story/utility-image) |
|
|
124
|
-
| `telia-label` | [Storybook/telia-label](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-label--label) |
|
|
125
|
-
| `telia-link-image` | [Storybook/telia-link-image](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link-image) |
|
|
126
|
-
| `telia-link` | [Storybook/telia-link](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link) |
|
|
127
|
-
| `telia-list` | [Storybook/telia-list](https://docs.voca.teliacompany.com/?path=/story/navigation-links-list) |
|
|
128
|
-
| `telia-logo` | [Storybook/telia-logo](https://docs.voca.teliacompany.com/?path=/story/assets-logo) |
|
|
129
|
-
| `telia-navigation-button` | [Storybook/telia-navigation-button](https://docs.voca.teliacompany.com/?path=/story/navigation-breadcrumbs) |
|
|
130
|
-
| `telia-navigation-dropdown` | [Storybook/telia-navigation-dropdown](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-dropdown) |
|
|
131
|
-
| `telia-navigation-link` | [Storybook/telia-navigation-link](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link) |
|
|
132
|
-
| `telia-notification` | [Storybook/telia-notification](https://docs.voca.teliacompany.com/?path=/story/notification-notification) |
|
|
133
|
-
| `telia-overlay` | [Storybook/telia-overlay](https://docs.voca.teliacompany.com/?path=/story/utility-overlay-showcase) |
|
|
134
|
-
| `telia-p` | [Storybook/telia-p](https://docs.voca.teliacompany.com/?path=/story/utility-paragraph) |
|
|
135
|
-
| `telia-pictogram` | [Storybook/telia-pictogram](https://docs.voca.teliacompany.com/?path=/story/assets-pictogram) |
|
|
136
|
-
| `telia-radio-button` | [Storybook/telia-radio-button](https://docs.voca.teliacompany.com/?path=/story/form-elements-radio-button) |
|
|
137
|
-
| `telia-select` | [Storybook/telia-select](https://docs.voca.teliacompany.com/?path=/story/form-elements-select) |
|
|
138
|
-
| `telia-skeleton` | [Storybook/telia-skeleton](https://docs.voca.teliacompany.com/?path=/story/indicators-skeleton) |
|
|
139
|
-
| `telia-status-badge` | [Storybook/telia-status-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-status-badge) |
|
|
140
|
-
| `telia-style-link` | [Storybook/telia-style-link](https://docs.voca.teliacompany.com/?path=/story/utility-style-link) |
|
|
141
|
-
| `telia-style-navigation-item` | [Storybook/telia-style-navigation-item](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link-style-navigation-item) |
|
|
142
|
-
| `telia-tab-content` | [Storybook/telia-tab-content](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-content) |
|
|
143
|
-
| `telia-tab-header` | [Storybook/telia-tab-header](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-header--tab-header) |
|
|
144
|
-
| `telia-tab` | [Storybook/telia-tab](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab) |
|
|
145
|
-
| `telia-text-input` | [Storybook/telia-text-input](https://docs.voca.teliacompany.com/?path=/story/form-elements-text-input) |
|
|
146
|
-
| `telia-text-spacing` | [Storybook/telia-text-spacing](https://docs.voca.teliacompany.com/?path=/story/utility-text-spacing) |
|
|
147
|
-
| `telia-textarea` | [Storybook/telia-textarea](https://docs.voca.teliacompany.com/?path=/story/form-elements-textarea) |
|
|
148
|
-
| `telia-toggle` | [Storybook/telia-toggle](https://docs.voca.teliacompany.com/?path=/story/actions-toggle) |
|
|
149
|
-
| `telia-visually-hidden` | [Storybook/telia-visually-hidden](https://docs.voca.teliacompany.com/?path=/story/utility-visually-hidden) |
|
|
150
|
-
|
|
151
|
-
## Foundations
|
|
152
|
-
|
|
153
|
-
[Vocas foundation variables](https://docs.voca.teliacompany.com/?path=/story/foundations).
|
|
154
|
-
|
|
155
|
-
```js
|
|
156
|
-
import {
|
|
157
|
-
borders,
|
|
158
|
-
breakpoints,
|
|
159
|
-
colors,
|
|
160
|
-
grid,
|
|
161
|
-
layers,
|
|
162
|
-
motion,
|
|
163
|
-
shadows,
|
|
164
|
-
spacing,
|
|
165
|
-
typography,
|
|
166
|
-
focus,
|
|
167
|
-
} from '@telia-ace/alliance-ui/voca/foundations';
|
|
168
|
-
|
|
169
|
-
console.log(colors.purple500);
|
|
170
|
-
// #990ae3
|
|
171
|
-
```
|
|
172
|
-
|
|
173
|
-
## Icons
|
|
174
|
-
|
|
175
|
-
[Vocas icons](https://docs.voca.teliacompany.com/?path=/story/assets-icon-example--example), typically used with `telia-icon`.
|
|
176
|
-
|
|
177
|
-
```js
|
|
178
|
-
import '@telia-ace/alliance-ui/voca/components/telia-icon';
|
|
179
|
-
import { alarm } from '@telia-ace/alliance-ui/voca/icons';
|
|
180
|
-
|
|
181
|
-
<telia-icon svg={alarm.svg} />;
|
|
182
|
-
```
|
|
1
|
+
# ACE Alliance UI
|
|
2
|
+
|
|
3
|
+
# Alliance Components
|
|
4
|
+
|
|
5
|
+
## `Object List`
|
|
6
|
+
|
|
7
|
+
Used to render tabular data.
|
|
8
|
+
|
|
9
|
+
```js
|
|
10
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
11
|
+
|
|
12
|
+
<alliance-object-list> ... </alliance-object-list>;
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Properties
|
|
16
|
+
|
|
17
|
+
| Name | Type | Required | Default | Description |
|
|
18
|
+
| ------- | ---------- | -------- | ------- | ------------------------------------------------------- |
|
|
19
|
+
| columns | `Column[]` | No | `[]` | Uses an object list row and heads to render a head row. |
|
|
20
|
+
|
|
21
|
+
### `Column`
|
|
22
|
+
|
|
23
|
+
| Property | Type | Description |
|
|
24
|
+
| -------- | -------- | -------------------- |
|
|
25
|
+
| id | `string` | Column ID. |
|
|
26
|
+
| label | `string` | Column header label. |
|
|
27
|
+
|
|
28
|
+
## `Object List Row`
|
|
29
|
+
|
|
30
|
+
Used to render a row inside an object list.
|
|
31
|
+
|
|
32
|
+
```js
|
|
33
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
34
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list-row';
|
|
35
|
+
|
|
36
|
+
<alliance-object-list>
|
|
37
|
+
<alliance-object-list-row>
|
|
38
|
+
<!-- cells -->
|
|
39
|
+
</alliance-object-list-row>
|
|
40
|
+
</alliance-object-list>
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
### Properties
|
|
44
|
+
|
|
45
|
+
| Name | Type | Required | Default | Description |
|
|
46
|
+
| --------- | --------- | -------- | ------- | ------------------------------------------- |
|
|
47
|
+
| clickable | `boolean` | No | `false` | Whether the row should be clickable or not. |
|
|
48
|
+
|
|
49
|
+
## `Object List Head`
|
|
50
|
+
|
|
51
|
+
Used to display a column head inside an object list row.
|
|
52
|
+
|
|
53
|
+
```js
|
|
54
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
55
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list-row';
|
|
56
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list-head';
|
|
57
|
+
|
|
58
|
+
<alliance-object-list>
|
|
59
|
+
<alliance-object-list-row>
|
|
60
|
+
<alliance-object-list-head label="Column header" />
|
|
61
|
+
</alliance-object-list-row>
|
|
62
|
+
</alliance-object-list>;
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
### Properties
|
|
66
|
+
|
|
67
|
+
| Name | Type | Required | Default | Description |
|
|
68
|
+
| ----- | -------- | -------- | ------- | --------------- |
|
|
69
|
+
| label | `string` | No | `''` | The head label. |
|
|
70
|
+
|
|
71
|
+
## `Object List Item`
|
|
72
|
+
|
|
73
|
+
Used to display an item inside an object list row.
|
|
74
|
+
|
|
75
|
+
```js
|
|
76
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list';
|
|
77
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list-row';
|
|
78
|
+
import '@telia-ace/alliance-ui/components/alliance-object-list-cell';
|
|
79
|
+
|
|
80
|
+
<alliance-object-list>
|
|
81
|
+
<alliance-object-list-row>
|
|
82
|
+
<alliance-object-list-item><!-- data --></alliance-object-list-item>
|
|
83
|
+
</alliance-object-list-row>
|
|
84
|
+
</alliance-object-list>;
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
# Voca
|
|
88
|
+
|
|
89
|
+
The Alliance UI extends parts of Voca.
|
|
90
|
+
|
|
91
|
+
## Components
|
|
92
|
+
|
|
93
|
+
Certain Voca components are available.
|
|
94
|
+
|
|
95
|
+
```js
|
|
96
|
+
import '@telia-ace/alliance-ui/voca/components/telia-button';
|
|
97
|
+
|
|
98
|
+
<telia-button>Click me!</telia-button>;
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
| Component | Link to Voca Storybook |
|
|
102
|
+
| ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
103
|
+
| `telia-badge` | [Storybook/telia-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-badge) |
|
|
104
|
+
| `telia-button-text` | [Storybook/telia-button-text](https://docs.voca.teliacompany.com/?path=/story/actions-buttons-text-button--text-only-button) |
|
|
105
|
+
| `telia-button` | [Storybook/telia-button](https://docs.voca.teliacompany.com/?path=/story/actions-buttons--primary) |
|
|
106
|
+
| `telia-card-frame-link` | [Storybook/telia-card-frame-link](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame-card-frame-link--card-frame-link) |
|
|
107
|
+
| `telia-card-frame` | [Storybook/telia-card-frame](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame--showcase) |
|
|
108
|
+
| `telia-checkbox` | [Storybook/telia-checkbox](https://docs.voca.teliacompany.com/?path=/story/form-elements-checkbox--showcase) |
|
|
109
|
+
| `telia-chip-choice` | [Storybook/telia-chip-choice](https://docs.voca.teliacompany.com/?path=/story/actions-chip-choice--showcase) |
|
|
110
|
+
| `telia-chip-filter` | [Storybook/telia-chip-filter](https://docs.voca.teliacompany.com/?path=/story/actions-chip-filter--showcase) |
|
|
111
|
+
| `telia-color-dot` | [Storybook/telia-color-dot](https://docs.voca.teliacompany.com/?path=/story/indicators-color-dot--showcase) |
|
|
112
|
+
| `telia-cta-link` | [Storybook/telia-cta-link](https://docs.voca.teliacompany.com/?path=/story/navigation-cta-link--showcase) |
|
|
113
|
+
| `telia-date-picker` | [Storybook/telia-date-picker](https://docs.voca.teliacompany.com/?path=/story/form-elements-date-picker--showcase) |
|
|
114
|
+
| `telia-divider` | [Storybook/telia-divider](https://docs.voca.teliacompany.com/?path=/story/utility-divider-showcase--showcase) |
|
|
115
|
+
| `telia-field-assistive-text` | [Storybook/telia-field-assistive-text](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text--field-assistive-text) |
|
|
116
|
+
| `telia-field-error` | [Storybook/telia-field-error](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-error--field-error) |
|
|
117
|
+
| `telia-field-valid` | [Storybook/telia-field-valid](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-valid--field-valid) |
|
|
118
|
+
| `telia-fieldset` | [Storybook/telia-fieldset](https://docs.voca.teliacompany.com/?path=/story/form-elements-form-fieldset) |
|
|
119
|
+
| `telia-focus-trap` | [Storybook/telia-focus-trap](https://docs.voca.teliacompany.com/?path=/story/utility-focus-focus-trap) |
|
|
120
|
+
| `telia-form` | [Storybook/telia-form](https://docs.voca.teliacompany.com/?path=/story/form-elements-form--showcase) |
|
|
121
|
+
| `telia-heading` | [Storybook/telia-heading](https://docs.voca.teliacompany.com/?path=/story/utility-heading) |
|
|
122
|
+
| `telia-icon` | [Storybook/telia-icon](https://docs.voca.teliacompany.com/?path=/story/assets-icon) |
|
|
123
|
+
| `telia-image` | [Storybook/telia-image](https://docs.voca.teliacompany.com/?path=/story/utility-image) |
|
|
124
|
+
| `telia-label` | [Storybook/telia-label](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-label--label) |
|
|
125
|
+
| `telia-link-image` | [Storybook/telia-link-image](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link-image) |
|
|
126
|
+
| `telia-link` | [Storybook/telia-link](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link) |
|
|
127
|
+
| `telia-list` | [Storybook/telia-list](https://docs.voca.teliacompany.com/?path=/story/navigation-links-list) |
|
|
128
|
+
| `telia-logo` | [Storybook/telia-logo](https://docs.voca.teliacompany.com/?path=/story/assets-logo) |
|
|
129
|
+
| `telia-navigation-button` | [Storybook/telia-navigation-button](https://docs.voca.teliacompany.com/?path=/story/navigation-breadcrumbs) |
|
|
130
|
+
| `telia-navigation-dropdown` | [Storybook/telia-navigation-dropdown](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-dropdown) |
|
|
131
|
+
| `telia-navigation-link` | [Storybook/telia-navigation-link](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link) |
|
|
132
|
+
| `telia-notification` | [Storybook/telia-notification](https://docs.voca.teliacompany.com/?path=/story/notification-notification) |
|
|
133
|
+
| `telia-overlay` | [Storybook/telia-overlay](https://docs.voca.teliacompany.com/?path=/story/utility-overlay-showcase) |
|
|
134
|
+
| `telia-p` | [Storybook/telia-p](https://docs.voca.teliacompany.com/?path=/story/utility-paragraph) |
|
|
135
|
+
| `telia-pictogram` | [Storybook/telia-pictogram](https://docs.voca.teliacompany.com/?path=/story/assets-pictogram) |
|
|
136
|
+
| `telia-radio-button` | [Storybook/telia-radio-button](https://docs.voca.teliacompany.com/?path=/story/form-elements-radio-button) |
|
|
137
|
+
| `telia-select` | [Storybook/telia-select](https://docs.voca.teliacompany.com/?path=/story/form-elements-select) |
|
|
138
|
+
| `telia-skeleton` | [Storybook/telia-skeleton](https://docs.voca.teliacompany.com/?path=/story/indicators-skeleton) |
|
|
139
|
+
| `telia-status-badge` | [Storybook/telia-status-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-status-badge) |
|
|
140
|
+
| `telia-style-link` | [Storybook/telia-style-link](https://docs.voca.teliacompany.com/?path=/story/utility-style-link) |
|
|
141
|
+
| `telia-style-navigation-item` | [Storybook/telia-style-navigation-item](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link-style-navigation-item) |
|
|
142
|
+
| `telia-tab-content` | [Storybook/telia-tab-content](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-content) |
|
|
143
|
+
| `telia-tab-header` | [Storybook/telia-tab-header](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-header--tab-header) |
|
|
144
|
+
| `telia-tab` | [Storybook/telia-tab](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab) |
|
|
145
|
+
| `telia-text-input` | [Storybook/telia-text-input](https://docs.voca.teliacompany.com/?path=/story/form-elements-text-input) |
|
|
146
|
+
| `telia-text-spacing` | [Storybook/telia-text-spacing](https://docs.voca.teliacompany.com/?path=/story/utility-text-spacing) |
|
|
147
|
+
| `telia-textarea` | [Storybook/telia-textarea](https://docs.voca.teliacompany.com/?path=/story/form-elements-textarea) |
|
|
148
|
+
| `telia-toggle` | [Storybook/telia-toggle](https://docs.voca.teliacompany.com/?path=/story/actions-toggle) |
|
|
149
|
+
| `telia-visually-hidden` | [Storybook/telia-visually-hidden](https://docs.voca.teliacompany.com/?path=/story/utility-visually-hidden) |
|
|
150
|
+
|
|
151
|
+
## Foundations
|
|
152
|
+
|
|
153
|
+
[Vocas foundation variables](https://docs.voca.teliacompany.com/?path=/story/foundations).
|
|
154
|
+
|
|
155
|
+
```js
|
|
156
|
+
import {
|
|
157
|
+
borders,
|
|
158
|
+
breakpoints,
|
|
159
|
+
colors,
|
|
160
|
+
grid,
|
|
161
|
+
layers,
|
|
162
|
+
motion,
|
|
163
|
+
shadows,
|
|
164
|
+
spacing,
|
|
165
|
+
typography,
|
|
166
|
+
focus,
|
|
167
|
+
} from '@telia-ace/alliance-ui/voca/foundations';
|
|
168
|
+
|
|
169
|
+
console.log(colors.purple500);
|
|
170
|
+
// #990ae3
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
## Icons
|
|
174
|
+
|
|
175
|
+
[Vocas icons](https://docs.voca.teliacompany.com/?path=/story/assets-icon-example--example), typically used with `telia-icon`.
|
|
176
|
+
|
|
177
|
+
```js
|
|
178
|
+
import '@telia-ace/alliance-ui/voca/components/telia-icon';
|
|
179
|
+
import { alarm } from '@telia-ace/alliance-ui/voca/icons';
|
|
180
|
+
|
|
181
|
+
<telia-icon svg={alarm.svg} />;
|
|
182
|
+
```
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import '../voca/components/telia-label';
|
|
3
|
-
export declare class ObjectListHead extends LitElement {
|
|
4
|
-
static styles: import("lit").CSSResult;
|
|
5
|
-
padded: boolean;
|
|
6
|
-
label: string;
|
|
7
|
-
render(): import("lit").TemplateResult<1>;
|
|
8
|
-
}
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '../voca/components/telia-label';
|
|
3
|
+
export declare class ObjectListHead extends LitElement {
|
|
4
|
+
static styles: import("lit").CSSResult;
|
|
5
|
+
padded: boolean;
|
|
6
|
+
label: string;
|
|
7
|
+
render(): import("lit").TemplateResult<1>;
|
|
8
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alliance-object-list-head.js","sources":["../../src/components/alliance-object-list-head.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\
|
|
1
|
+
{"version":3,"file":"alliance-object-list-head.js","sources":["../../src/components/alliance-object-list-head.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '../voca/components/telia-label';\nimport { spacing } from '../voca/foundations';\n\n@customElement('alliance-object-list-head')\nexport class ObjectListHead extends LitElement {\n static styles = css`\n :host {\n flex: 1;\n }\n `;\n\n @property({ type: Boolean })\n padded: boolean = true;\n\n @property({ type: String })\n label: string = '';\n\n render() {\n return html`\n <style>\n :host {\n padding: ${this.padded ? unsafeCSS(spacing.spacing24) : 'inherit'};\n }\n </style>\n <telia-label>${this.label}</telia-label>\n `;\n }\n}\n"],"names":["ObjectListHead","LitElement","html","unsafeCSS","spacing","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;AAMa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAQe,KAAA,SAAA,IAGF,KAAA,QAAA;AAAA,EAAA;AAAA,EAEhB,SAAS;AACE,WAAAC;AAAAA;AAAAA;AAAAA,+BAGgB,KAAK,SAASC,EAAUC,EAAQ,SAAS,IAAI;AAAA;AAAA;AAAA,2BAGjD,KAAK;AAAA;AAAA,EAE5B;AACJ;AAvBaJ,EACF,SAASK;AAAAA;AAAAA;AAAAA;AAAAA;AAOhBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GAPlBP,EAQT,WAAA,UAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ;AAAA,GAVjBP,EAWT,WAAA,SAAA,CAAA;AAXSA,IAANM,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BR,CAAA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
export declare class ObjectListItem extends LitElement {
|
|
3
|
-
static styles: import("lit").CSSResult;
|
|
4
|
-
padded: boolean;
|
|
5
|
-
render(): import("lit").TemplateResult<1>;
|
|
6
|
-
}
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class ObjectListItem extends LitElement {
|
|
3
|
+
static styles: import("lit").CSSResult;
|
|
4
|
+
padded: boolean;
|
|
5
|
+
render(): import("lit").TemplateResult<1>;
|
|
6
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alliance-object-list-item.js","sources":["../../src/components/alliance-object-list-item.ts"],"sourcesContent":["import { spacing24 } from '@teliads/components/foundations/spacing/variables.json';\
|
|
1
|
+
{"version":3,"file":"alliance-object-list-item.js","sources":["../../src/components/alliance-object-list-item.ts"],"sourcesContent":["import { spacing24 } from '@teliads/components/foundations/spacing/variables.json';\nimport { css, html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('alliance-object-list-item')\nexport class ObjectListItem extends LitElement {\n static styles = css`\n :host {\n flex: 1;\n display: flex;\n align-items: center;\n }\n `;\n\n @property({ type: Boolean })\n padded: boolean = true;\n\n render() {\n return html`\n <style>\n :host {\n padding: ${this.padded ? unsafeCSS(spacing24) : 'inherit'};\n }\n </style>\n <slot></slot>\n `;\n }\n}\n"],"names":["ObjectListItem","LitElement","html","unsafeCSS","spacing24","css","__decorateClass","property","customElement"],"mappings":";;;;;;;AAKa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAUe,KAAA,SAAA;AAAA,EAAA;AAAA,EAElB,SAAS;AACE,WAAAC;AAAAA;AAAAA;AAAAA,+BAGgB,KAAK,SAASC,EAAUC,CAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhE;AACJ;AAtBaJ,EACF,SAASK;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAShBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GATlBP,EAUT,WAAA,UAAA,CAAA;AAVSA,IAANM,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BR,CAAA;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import '../voca/components/telia-divider';
|
|
3
|
-
export declare class ObjectListItem extends LitElement {
|
|
4
|
-
static styles: import("lit").CSSResult;
|
|
5
|
-
clickable: boolean;
|
|
6
|
-
render(): import("lit").TemplateResult<1>;
|
|
7
|
-
}
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '../voca/components/telia-divider';
|
|
3
|
+
export declare class ObjectListItem extends LitElement {
|
|
4
|
+
static styles: import("lit").CSSResult;
|
|
5
|
+
clickable: boolean;
|
|
6
|
+
render(): import("lit").TemplateResult<1>;
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alliance-object-list-row.js","sources":["../../src/components/alliance-object-list-row.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\
|
|
1
|
+
{"version":3,"file":"alliance-object-list-row.js","sources":["../../src/components/alliance-object-list-row.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '../voca/components/telia-divider';\nimport { colors, focus, motion, spacing } from '../voca/foundations';\n\n@customElement('alliance-object-list-item')\nexport class ObjectListItem extends LitElement {\n static styles = css`\n .object-list-row {\n display: flex;\n flex-direction: row;\n }\n .object-list-clickable {\n background-color: transparent;\n transition: background-color ${unsafeCSS(motion.duration150)}\n ${unsafeCSS(motion.easeIn)};\n cursor: pointer;\n }\n\n .object-list-clickable:hover,\n .object-list-clickable:focus-visible,\n .object-list-clickable:focus {\n background-color: ${unsafeCSS(colors.gray200)};\n }\n\n .object-list-clickable:active {\n background-color: ${unsafeCSS(colors.gray300)};\n }\n\n .object-list-clickable:focus-visible {\n outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};\n outline-offset: ${unsafeCSS(spacing.spacing4)};\n }\n `;\n\n @property({ type: Boolean })\n clickable: boolean = false;\n\n render() {\n return html`\n <div\n tabindex=\"${this.clickable ? '0' : '-1'}\"\n class=\"${'object-list-row'}${this.clickable ? ' object-list-clickable' : ''}\"\n >\n <slot></slot>\n </div>\n <telia-divider />\n `;\n }\n}\n"],"names":["ObjectListItem","LitElement","html","css","unsafeCSS","motion","colors","focus","spacing","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;;AAMa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GA8BkB,KAAA,YAAA;AAAA,EAAA;AAAA,EAErB,SAAS;AACE,WAAAC;AAAAA;AAAAA,4BAEa,KAAK,YAAY,MAAM;AAAA,yBAC1B,oBAAoB,KAAK,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrF;AACJ;AA3CaF,EACF,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2CAOuBC,EAAUC,EAAO,WAAW;AAAA,kBACrDD,EAAUC,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAOTD,EAAUE,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,gCAIxBF,EAAUE,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,6BAI3BF,EAAUG,EAAM,gBAAgB,KAAKH,EAAUG,EAAM,UAAU;AAAA,8BAC9DH,EAAUI,EAAQ,QAAQ;AAAA;AAAA;AAKpDC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GA7BlBV,EA8BT,WAAA,aAAA,CAAA;AA9BSA,IAANS,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BX,CAAA;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import './alliance-object-list-head';
|
|
3
|
-
import './alliance-object-list-row';
|
|
4
|
-
declare type Column = {
|
|
5
|
-
id: string;
|
|
6
|
-
title: string;
|
|
7
|
-
};
|
|
8
|
-
export declare class ObjectList extends LitElement {
|
|
9
|
-
static styles: import("lit").CSSResult;
|
|
10
|
-
columns: Column[];
|
|
11
|
-
render(): import("lit").TemplateResult<1>;
|
|
12
|
-
}
|
|
13
|
-
export {};
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import './alliance-object-list-head';
|
|
3
|
+
import './alliance-object-list-row';
|
|
4
|
+
declare type Column = {
|
|
5
|
+
id: string;
|
|
6
|
+
title: string;
|
|
7
|
+
};
|
|
8
|
+
export declare class ObjectList extends LitElement {
|
|
9
|
+
static styles: import("lit").CSSResult;
|
|
10
|
+
columns: Column[];
|
|
11
|
+
render(): import("lit").TemplateResult<1>;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alliance-object-list.js","sources":["../../../node_modules/.pnpm/lit-html@2.4.0/node_modules/lit-html/directive.js","../../../node_modules/.pnpm/lit-html@2.4.0/node_modules/lit-html/directive-helpers.js","../../../node_modules/.pnpm/lit-html@2.4.0/node_modules/lit-html/directives/repeat.js","../../src/components/alliance-object-list.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:l}=o,t=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,i={HTML:1,SVG:2},n=(o,l)=>void 0===l?void 0!==(null==o?void 0:o._$litType$):(null==o?void 0:o._$litType$)===l,d=o=>void 0!==(null==o?void 0:o._$litDirective$),v=o=>null==o?void 0:o._$litDirective$,e=o=>void 0===o.strings,c=()=>document.createComment(\"\"),r=(o,t,i)=>{var n;const d=o._$AA.parentNode,v=void 0===t?o._$AB:t._$AA;if(void 0===i){const t=d.insertBefore(c(),v),n=d.insertBefore(c(),v);i=new l(t,n,o,o.options)}else{const l=i._$AB.nextSibling,t=i._$AM,e=t!==o;if(e){let l;null===(n=i._$AQ)||void 0===n||n.call(i,o),i._$AM=o,void 0!==i._$AP&&(l=o._$AU)!==t._$AU&&i._$AP(l)}if(l!==v||e){let o=i._$AA;for(;o!==l;){const l=o.nextSibling;d.insertBefore(o,v),o=l}}}return i},u=(o,l,t=o)=>(o._$AI(l,t),o),f={},s=(o,l=f)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o}},a=o=>{o._$AR()};export{i as TemplateResultType,a as clearPart,m as getCommittedValue,v as getDirectiveClass,r as insertPart,d as isDirectiveResult,t as isPrimitive,e as isSingleExpression,n as isTemplateResult,p as removePart,u as setChildPartValue,s as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","import{noChange as e}from\"../lit-html.js\";import{directive as s,Directive as t,PartType as r}from\"../directive.js\";import{getCommittedValue as l,setChildPartValue as o,insertPart as i,removePart as n,setCommittedValue as f}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=s(class extends t{constructor(e){if(super(e),e.type!==r.CHILD)throw Error(\"repeat() can only be used in text expressions\")}ht(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return{values:o,keys:l}}render(e,s,t){return this.ht(e,s,t).values}update(s,[t,r,c]){var d;const a=l(s),{values:p,keys:v}=this.ht(t,r,c);if(!Array.isArray(a))return this.ut=v,p;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m=[];let y,x,j=0,k=a.length-1,w=0,A=p.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m[w]=o(a[j],p[w]),j++,w++;else if(h[k]===v[A])m[A]=o(a[k],p[A]),k--,A--;else if(h[j]===v[A])m[A]=o(a[j],p[A]),i(s,m[A+1],a[j]),j++,A--;else if(h[k]===v[w])m[w]=o(a[k],p[w]),i(s,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=i(s,a[j]);o(e,p[w]),m[w]=e}else m[w]=o(t,p[w]),i(s,a[j],t),a[e]=null;w++}else n(a[k]),k--;else n(a[j]),j++;for(;w<=A;){const e=i(s,m[A+1]);o(e,p[w]),m[w++]=e}for(;j<=k;){const e=a[j++];null!==e&&n(e)}return this.ut=v,f(s,m),e}});export{c as repeat};\n//# sourceMappingURL=repeat.js.map\n","import { css, html, LitElement } from 'lit';\
|
|
1
|
+
{"version":3,"file":"alliance-object-list.js","sources":["../../../node_modules/.pnpm/lit-html@2.4.0/node_modules/lit-html/directive.js","../../../node_modules/.pnpm/lit-html@2.4.0/node_modules/lit-html/directive-helpers.js","../../../node_modules/.pnpm/lit-html@2.4.0/node_modules/lit-html/directives/repeat.js","../../src/components/alliance-object-list.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:l}=o,t=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,i={HTML:1,SVG:2},n=(o,l)=>void 0===l?void 0!==(null==o?void 0:o._$litType$):(null==o?void 0:o._$litType$)===l,d=o=>void 0!==(null==o?void 0:o._$litDirective$),v=o=>null==o?void 0:o._$litDirective$,e=o=>void 0===o.strings,c=()=>document.createComment(\"\"),r=(o,t,i)=>{var n;const d=o._$AA.parentNode,v=void 0===t?o._$AB:t._$AA;if(void 0===i){const t=d.insertBefore(c(),v),n=d.insertBefore(c(),v);i=new l(t,n,o,o.options)}else{const l=i._$AB.nextSibling,t=i._$AM,e=t!==o;if(e){let l;null===(n=i._$AQ)||void 0===n||n.call(i,o),i._$AM=o,void 0!==i._$AP&&(l=o._$AU)!==t._$AU&&i._$AP(l)}if(l!==v||e){let o=i._$AA;for(;o!==l;){const l=o.nextSibling;d.insertBefore(o,v),o=l}}}return i},u=(o,l,t=o)=>(o._$AI(l,t),o),f={},s=(o,l=f)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o}},a=o=>{o._$AR()};export{i as TemplateResultType,a as clearPart,m as getCommittedValue,v as getDirectiveClass,r as insertPart,d as isDirectiveResult,t as isPrimitive,e as isSingleExpression,n as isTemplateResult,p as removePart,u as setChildPartValue,s as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","import{noChange as e}from\"../lit-html.js\";import{directive as s,Directive as t,PartType as r}from\"../directive.js\";import{getCommittedValue as l,setChildPartValue as o,insertPart as i,removePart as n,setCommittedValue as f}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=s(class extends t{constructor(e){if(super(e),e.type!==r.CHILD)throw Error(\"repeat() can only be used in text expressions\")}ht(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return{values:o,keys:l}}render(e,s,t){return this.ht(e,s,t).values}update(s,[t,r,c]){var d;const a=l(s),{values:p,keys:v}=this.ht(t,r,c);if(!Array.isArray(a))return this.ut=v,p;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m=[];let y,x,j=0,k=a.length-1,w=0,A=p.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m[w]=o(a[j],p[w]),j++,w++;else if(h[k]===v[A])m[A]=o(a[k],p[A]),k--,A--;else if(h[j]===v[A])m[A]=o(a[j],p[A]),i(s,m[A+1],a[j]),j++,A--;else if(h[k]===v[w])m[w]=o(a[k],p[w]),i(s,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=i(s,a[j]);o(e,p[w]),m[w]=e}else m[w]=o(t,p[w]),i(s,a[j],t),a[e]=null;w++}else n(a[k]),k--;else n(a[j]),j++;for(;w<=A;){const e=i(s,m[A+1]);o(e,p[w]),m[w++]=e}for(;j<=k;){const e=a[j++];null!==e&&n(e)}return this.ut=v,f(s,m),e}});export{c as repeat};\n//# sourceMappingURL=repeat.js.map\n","import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport './alliance-object-list-head';\nimport './alliance-object-list-row';\n\ntype Column = { id: string; title: string };\n\n@customElement('alliance-object-list')\nexport class ObjectList extends LitElement {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n }\n `;\n\n @property({ type: Array })\n columns: Column[] = [];\n\n render() {\n return html`\n ${this.columns.length\n ? html`\n <alliance-object-list-row>\n ${repeat(\n this.columns,\n (current) =>\n html` <alliance-object-list-head label=${current.title} /> `\n )}\n </alliance-object-list-row>\n `\n : null}\n <slot></slot>\n `;\n }\n}\n"],"names":["t","e","i","l","o","c","r","n","d","v","u","f","s","m","p","a","h","y","x","j","k","w","A","ObjectList","LitElement","html","repeat","current","css","__decorateClass","property","customElement"],"mappings":"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"}
|