@designsystem-se/af 38.2.1-beta.dark-mode-css-labb → 39.0.1-beta.dark-mode
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/components/digi-badge-status.js +1 -1
- package/components/digi-calendar-datepicker.js +1 -1
- package/components/digi-code-example.js +6 -6
- package/components/digi-context-menu.js +4 -4
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +1 -1
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-select-filter.js +84 -47
- package/components/digi-header-avatar.js +1 -1
- package/components/digi-info-card.js +1 -1
- package/components/digi-link-internal.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-progress-indicator.js +1 -1
- package/components/digi-progress-list-item.js +1 -1
- package/components/{p-78154d00.js → p-90f7d507.js} +1 -1
- package/components/p-a162b186.js +177 -0
- package/components/p-d516f6af.js +66 -0
- package/custom-elements.json +1 -1
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-badge-status.cjs.entry.js +1 -1
- package/dist/cjs/digi-button_84.cjs.entry.js +94 -57
- package/dist/cjs/digi-code-example.cjs.entry.js +5 -5
- package/dist/cjs/digi-progress-list-item.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/_badge/badge-status/badge-status.css +2 -2
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +131 -381
- package/dist/collection/components/_code/code-example/code-example.js +4 -5
- package/dist/collection/components/_form/form-checkbox/form-checkbox.css +130 -380
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
- package/dist/collection/components/_header/header-avatar/header-avatar.css +130 -380
- package/dist/collection/components/_link/link-internal/link-internal.css +130 -380
- package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +6 -6
- package/dist/collection/components/_notification/notification-alert/notification-alert.css +1 -1
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +1 -1
- package/dist/collection/components/_progress/progress-list-item/progress-list-item.css +2 -2
- package/dist/collection/design-tokens/components/_badge-status.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_logo.variables.scss +0 -2
- package/dist/collection/design-tokens/components/_notification-alert.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_progress-indicator.variables.scss +1 -1
- package/dist/collection/styles/src/_alias.mixin.scss +252 -2
- package/dist/collection/styles/src/index.scss +2 -16
- package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +2 -2
- package/dist/collection/styles/src/tokens-documentation/web-AF25.json +308 -154
- package/dist/digi-arbetsformedlingen/design-tokens/components/_badge-status.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +17 -15
- package/dist/digi-arbetsformedlingen/design-tokens/components/_notification-alert.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_progress-indicator.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-c1fd535b.entry.js → p-03b818fc.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-53880b04.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a2fb7d64.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f4b540e3.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +252 -2
- package/dist/digi-arbetsformedlingen/styles/src/index.scss +2 -16
- package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +2 -2
- package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +308 -154
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-badge-status.entry.js +1 -1
- package/dist/esm/digi-button_84.entry.js +94 -57
- package/dist/esm/digi-code-example.entry.js +5 -5
- package/dist/esm/digi-progress-list-item.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
- package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts +2 -2
- package/dist/types/components.d.ts +6 -6
- package/hydrate/index.js +102 -65
- package/hydrate/index.mjs +102 -65
- package/package.json +4 -2
- package/components/p-a90b746e.js +0 -177
- package/components/p-fdb31c30.js +0 -66
- package/dist/collection/styles/src/themes/_alias-dark.scss +0 -126
- package/dist/collection/styles/src/themes/_alias-light.scss +0 -126
- package/dist/digi-arbetsformedlingen/p-7ed49934.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ad638968.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.scss +0 -126
- package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-light.scss +0 -126
|
@@ -20,6 +20,10 @@ export declare class FormSelectFilter {
|
|
|
20
20
|
private _toggleButton;
|
|
21
21
|
private _submitButton;
|
|
22
22
|
private _searchQuery;
|
|
23
|
+
/** True when `value` was set from outside (e.g. Angular CVA) — then value is selection master. */
|
|
24
|
+
private _valueIsMaster;
|
|
25
|
+
/** Guards internal `value` writes so they don't flip `_valueIsMaster`. */
|
|
26
|
+
private _updatingValueInternally;
|
|
23
27
|
/**
|
|
24
28
|
* En valfri beskrivningstext.
|
|
25
29
|
* @en An optional description text.
|
|
@@ -71,9 +75,14 @@ export declare class FormSelectFilter {
|
|
|
71
75
|
sortAlphabetically: boolean;
|
|
72
76
|
/**
|
|
73
77
|
* @ignore
|
|
78
|
+
* Propertyn `value` finns inte dokumenterad på komponentens sida på dokumentationswebben, utan
|
|
79
|
+
* är endast till för att användas tillsammans med Angulars Control Value Accessors (CVA).
|
|
80
|
+
* Används CVA för att hantera komponentens värden så ska inte afListItems användas för att
|
|
81
|
+
* påverka vilka val som är gjorda eller ej.
|
|
82
|
+
* Exempel på båda sätten att hantera datat finns i Angular Playground.
|
|
74
83
|
*/
|
|
75
84
|
value: IListItem[];
|
|
76
|
-
onValueChanged(
|
|
85
|
+
onValueChanged(newValue: IListItem[] | string): void;
|
|
77
86
|
/**
|
|
78
87
|
* Sätts till true om det ska gå att välja flera val från listan.
|
|
79
88
|
* @en Set to true if you should be able to choose multiple items from the list.
|
|
@@ -201,7 +210,18 @@ export declare class FormSelectFilter {
|
|
|
201
210
|
* @en Listens for when focus is set on the custom element and propagates it down to the toggle butto.
|
|
202
211
|
*/
|
|
203
212
|
focusOnElement(): void;
|
|
204
|
-
|
|
213
|
+
componentWillLoad(): void;
|
|
214
|
+
private bootstrapInitialValue;
|
|
215
|
+
/**
|
|
216
|
+
* Keep `value` and `afListItems[].selected` in sync.
|
|
217
|
+
* - If `value` was set externally (`_valueIsMaster`), value wins on list updates.
|
|
218
|
+
* - Otherwise selection is seeded from `afListItems[].selected` (React/vanilla data-as-master).
|
|
219
|
+
* Does not emit `afOnSelect` — that is reserved for user interaction so Angular Control Value Accessors
|
|
220
|
+
* does not get feedback loops on prop sync.
|
|
221
|
+
*/
|
|
222
|
+
syncValueAndSelectedListItems(whereDidTheChangeComeFrom: 'valueChange' | 'afListItemsChange'): void;
|
|
223
|
+
private applyValueToListItems;
|
|
224
|
+
private setValueInternally;
|
|
205
225
|
setClosed(focusToggleButton?: boolean): void;
|
|
206
226
|
setScroll(scrollY: number): void;
|
|
207
227
|
setOpen(): void;
|
|
@@ -210,7 +230,6 @@ export declare class FormSelectFilter {
|
|
|
210
230
|
toggleDropdown(): void;
|
|
211
231
|
inputItem(identifier: any, index: any): HTMLInputElement;
|
|
212
232
|
emitFilterClosedEvent(): void;
|
|
213
|
-
componentWillLoad(): void;
|
|
214
233
|
setFocusItem(): void;
|
|
215
234
|
setFocusSearch(): void;
|
|
216
235
|
incrementFocusItem(): void;
|
package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts
CHANGED
|
@@ -50,8 +50,8 @@ export declare class ContextMenu {
|
|
|
50
50
|
*/
|
|
51
51
|
afMenuPosition?: ContextMenuPosition;
|
|
52
52
|
/**
|
|
53
|
-
* Sätter ett förvalt värde.
|
|
54
|
-
* @en Sets a preselected value.
|
|
53
|
+
* Sätter ett förvalt värde.
|
|
54
|
+
* @en Sets a preselected value.
|
|
55
55
|
*/
|
|
56
56
|
afActiveItem: ContextMenuItem['id'];
|
|
57
57
|
/**
|
|
@@ -774,8 +774,8 @@ export namespace Components {
|
|
|
774
774
|
*/
|
|
775
775
|
interface DigiContextMenu {
|
|
776
776
|
/**
|
|
777
|
-
* Sätter ett förvalt värde.
|
|
778
|
-
* @en Sets a preselected value.
|
|
777
|
+
* Sätter ett förvalt värde.
|
|
778
|
+
* @en Sets a preselected value.
|
|
779
779
|
*/
|
|
780
780
|
"afActiveItem": ContextMenuItem['id'];
|
|
781
781
|
/**
|
|
@@ -2205,7 +2205,7 @@ export namespace Components {
|
|
|
2205
2205
|
*/
|
|
2206
2206
|
"sortAlphabetically": boolean;
|
|
2207
2207
|
/**
|
|
2208
|
-
* @ignore
|
|
2208
|
+
* @ignore Propertyn `value` finns inte dokumenterad på komponentens sida på dokumentationswebben, utan är endast till för att användas tillsammans med Angulars Control Value Accessors (CVA). Används CVA för att hantera komponentens värden så ska inte afListItems användas för att påverka vilka val som är gjorda eller ej. Exempel på båda sätten att hantera datat finns i Angular Playground.
|
|
2209
2209
|
*/
|
|
2210
2210
|
"value": IListItem[];
|
|
2211
2211
|
}
|
|
@@ -12245,8 +12245,8 @@ declare namespace LocalJSX {
|
|
|
12245
12245
|
*/
|
|
12246
12246
|
interface DigiContextMenu {
|
|
12247
12247
|
/**
|
|
12248
|
-
* Sätter ett förvalt värde.
|
|
12249
|
-
* @en Sets a preselected value.
|
|
12248
|
+
* Sätter ett förvalt värde.
|
|
12249
|
+
* @en Sets a preselected value.
|
|
12250
12250
|
*/
|
|
12251
12251
|
"afActiveItem"?: ContextMenuItem['id'];
|
|
12252
12252
|
/**
|
|
@@ -13956,7 +13956,7 @@ declare namespace LocalJSX {
|
|
|
13956
13956
|
*/
|
|
13957
13957
|
"sortAlphabetically"?: boolean;
|
|
13958
13958
|
/**
|
|
13959
|
-
* @ignore
|
|
13959
|
+
* @ignore Propertyn `value` finns inte dokumenterad på komponentens sida på dokumentationswebben, utan är endast till för att användas tillsammans med Angulars Control Value Accessors (CVA). Används CVA för att hantera komponentens värden så ska inte afListItems användas för att påverka vilka val som är gjorda eller ej. Exempel på båda sätten att hantera datat finns i Angular Playground.
|
|
13960
13960
|
*/
|
|
13961
13961
|
"value"?: IListItem[];
|
|
13962
13962
|
}
|