@proximus/lavender-common 2.0.0-alpha.17 → 2.0.0-alpha.170

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 (4) hide show
  1. package/dist/breakpoints.d.ts +1 -1
  2. package/dist/common.d.ts +102 -83
  3. package/dist/index.es.js +741 -924
  4. package/package.json +1 -1
package/dist/breakpoints.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare function cssTokenBreakpoints(attributeName: string, selector: (attributeName: string, attribute: string, device?: 'mobile' | 'tablet' | 'laptop' | 'desktop') => string, attributeValues: string[], cssPropertyPrefix?: string, generatedCssPropertyName?: string): CSSStyleSheet;
1
+ export declare function cssTokenBreakpoints(attributeName: string, selector: (attributeName: string, attribute: string, device?: 'mobile' | 'tablet' | 'laptop' | 'desktop') => string, attributeValues: string[], cssPropertyPrefix?: string, generatedCssPropertyName?: string, selectorAttributeName?: string): CSSStyleSheet;
2
2
  export declare class AttributeBreakpointHandlerDelegate {
3
3
  private readonly component;
4
4
  private readonly attributeName;
package/dist/common.d.ts CHANGED
@@ -11,6 +11,14 @@ export declare function isComponentDebug(): boolean;
11
11
  * Usage: log('message')
12
12
  */
13
13
  export declare function log(message: string): void;
14
+ export declare class WrappedInteractiveStateController {
15
+ #private;
16
+ constructor(host: HTMLElement, interactiveElement: HTMLElement, canSetInteractiveState: () => boolean);
17
+ clearInteractiveState: () => void;
18
+ connect(): void;
19
+ disconnect(): void;
20
+ setInteractiveState(state: 'hover' | null): void;
21
+ }
14
22
  export declare class WithExtraAttributes extends HTMLElement {
15
23
  static get observedAttributes(): string[];
16
24
  constructor(...adoptedStylesheets: CSSStyleSheet[]);
@@ -19,86 +27,86 @@ export declare class WithExtraAttributes extends HTMLElement {
19
27
  updateStyle(cssName: string, breakpoint: string, value: string | null): void;
20
28
  checkName<T extends readonly string[]>(values: T, value: string): boolean;
21
29
  get $el(): Element;
22
- get $parentElementName(): string;
30
+ get $parentElementName(): string | undefined;
23
31
  get isInsideGridOrStack(): boolean;
24
- get grow(): string;
25
- set grow(value: string);
26
- get growMobile(): string;
27
- set growMobile(value: string);
28
- get growTablet(): string;
29
- set growTablet(value: string);
30
- get growLaptop(): string;
31
- set growLaptop(value: string);
32
- get growDesktop(): string;
33
- set growDesktop(value: string);
34
- get shrink(): string;
35
- set shrink(value: string);
36
- get shrinkMobile(): string;
37
- set shrinkMobile(value: string);
38
- get shrinkTablet(): string;
39
- set shrinkTablet(value: string);
40
- get shrinkLaptop(): string;
41
- set shrinkLaptop(value: string);
42
- get shrinkDesktop(): string;
43
- set shrinkDesktop(value: string);
44
- get basis(): string;
45
- set basis(value: string);
46
- get basisMobile(): string;
47
- set basisMobile(value: string);
48
- get basisTablet(): string;
49
- set basisTablet(value: string);
50
- get basisLaptop(): string;
51
- set basisLaptop(value: string);
52
- get basisDesktop(): string;
53
- set basisDesktop(value: string);
54
- get alignSelf(): string;
55
- set alignSelf(value: string);
56
- get alignSelfMobile(): string;
57
- set alignSelfMobile(value: string);
58
- get alignSelfTablet(): string;
59
- set alignSelfTablet(value: string);
60
- get alignSelfLaptop(): string;
61
- set alignSelfLaptop(value: string);
62
- get alignSelfDesktop(): string;
63
- set alignSelfDesktop(value: string);
64
- get justifySelf(): string;
65
- set justifySelf(value: string);
66
- get justifySelfMobile(): string;
67
- set justifySelfMobile(value: string);
68
- get justifySelfTablet(): string;
69
- set justifySelfTablet(value: string);
70
- get justifySelfLaptop(): string;
71
- set justifySelfLaptop(value: string);
72
- get justifySelfDesktop(): string;
73
- set justifySelfDesktop(value: string);
74
- get hiddenMobile(): string;
75
- set hiddenMobile(value: string);
76
- get hiddenTablet(): string;
77
- set hiddenTablet(value: string);
78
- get hiddenLaptop(): string;
79
- set hiddenLaptop(value: string);
80
- get hiddenDesktop(): string;
81
- set hiddenDesktop(value: string);
82
- get colSpan(): string;
83
- set colSpan(value: string);
84
- get colSpanMobile(): string;
85
- set colSpanMobile(value: string);
86
- get colSpanTablet(): string;
87
- set colSpanTablet(value: string);
88
- get colSpanLaptop(): string;
89
- set colSpanLaptop(value: string);
90
- get colSpanDesktop(): string;
91
- set colSpanDesktop(value: string);
92
- get order(): string;
93
- set order(value: string);
94
- get orderMobile(): string;
95
- set orderMobile(value: string);
96
- get orderTablet(): string;
97
- set orderTablet(value: string);
98
- get orderLaptop(): string;
99
- set orderLaptop(value: string);
100
- get orderDesktop(): string;
101
- set orderDesktop(value: string);
32
+ get grow(): string | null;
33
+ set grow(value: string | null);
34
+ get growMobile(): string | null;
35
+ set growMobile(value: string | null);
36
+ get growTablet(): string | null;
37
+ set growTablet(value: string | null);
38
+ get growLaptop(): string | null;
39
+ set growLaptop(value: string | null);
40
+ get growDesktop(): string | null;
41
+ set growDesktop(value: string | null);
42
+ get shrink(): string | null;
43
+ set shrink(value: string | null);
44
+ get shrinkMobile(): string | null;
45
+ set shrinkMobile(value: string | null);
46
+ get shrinkTablet(): string | null;
47
+ set shrinkTablet(value: string | null);
48
+ get shrinkLaptop(): string | null;
49
+ set shrinkLaptop(value: string | null);
50
+ get shrinkDesktop(): string | null;
51
+ set shrinkDesktop(value: string | null);
52
+ get basis(): string | null;
53
+ set basis(value: string | null);
54
+ get basisMobile(): string | null;
55
+ set basisMobile(value: string | null);
56
+ get basisTablet(): string | null;
57
+ set basisTablet(value: string | null);
58
+ get basisLaptop(): string | null;
59
+ set basisLaptop(value: string | null);
60
+ get basisDesktop(): string | null;
61
+ set basisDesktop(value: string | null);
62
+ get alignSelf(): string | null;
63
+ set alignSelf(value: string | null);
64
+ get alignSelfMobile(): string | null;
65
+ set alignSelfMobile(value: string | null);
66
+ get alignSelfTablet(): string | null;
67
+ set alignSelfTablet(value: string | null);
68
+ get alignSelfLaptop(): string | null;
69
+ set alignSelfLaptop(value: string | null);
70
+ get alignSelfDesktop(): string | null;
71
+ set alignSelfDesktop(value: string | null);
72
+ get justifySelf(): string | null;
73
+ set justifySelf(value: string | null);
74
+ get justifySelfMobile(): string | null;
75
+ set justifySelfMobile(value: string | null);
76
+ get justifySelfTablet(): string | null;
77
+ set justifySelfTablet(value: string | null);
78
+ get justifySelfLaptop(): string | null;
79
+ set justifySelfLaptop(value: string | null);
80
+ get justifySelfDesktop(): string | null;
81
+ set justifySelfDesktop(value: string | null);
82
+ get hiddenMobile(): boolean;
83
+ set hiddenMobile(value: boolean);
84
+ get hiddenTablet(): boolean;
85
+ set hiddenTablet(value: boolean);
86
+ get hiddenLaptop(): boolean;
87
+ set hiddenLaptop(value: boolean);
88
+ get hiddenDesktop(): boolean;
89
+ set hiddenDesktop(value: boolean);
90
+ get colSpan(): string | null;
91
+ set colSpan(value: string | null);
92
+ get colSpanMobile(): string | null;
93
+ set colSpanMobile(value: string | null);
94
+ get colSpanTablet(): string | null;
95
+ set colSpanTablet(value: string | null);
96
+ get colSpanLaptop(): string | null;
97
+ set colSpanLaptop(value: string | null);
98
+ get colSpanDesktop(): string | null;
99
+ set colSpanDesktop(value: string | null);
100
+ get order(): string | null;
101
+ set order(value: string | null);
102
+ get orderMobile(): string | null;
103
+ set orderMobile(value: string | null);
104
+ get orderTablet(): string | null;
105
+ set orderTablet(value: string | null);
106
+ get orderLaptop(): string | null;
107
+ set orderLaptop(value: string | null);
108
+ get orderDesktop(): string | null;
109
+ set orderDesktop(value: string | null);
102
110
  }
103
111
  export declare abstract class PxElement<HTML_TYPE extends Element> extends WithExtraAttributes {
104
112
  static nativeName: string;
@@ -110,14 +118,14 @@ export declare abstract class PxElement<HTML_TYPE extends Element> extends WithE
110
118
  protected constructor(...adoptedStylesheets: CSSStyleSheet[]);
111
119
  enhanceWithNativeProperties(): void;
112
120
  get $el(): HTML_TYPE;
113
- protected _updateAttribute(name: string, value: string): void;
114
- protected _updateBooleanAttribute(name: string, value: boolean): void;
121
+ protected _updateAttribute(name: string, value: string | null): void;
122
+ protected _updateBooleanAttribute(name: string, value: boolean | string | null | undefined): void;
115
123
  }
116
124
  export declare class VerticallyExtendedElement<HTML_TYPE extends Element> extends PxElement<HTML_TYPE> {
117
125
  connectedCallback(): void;
118
126
  }
119
127
  export declare const gridGapValues: string[];
120
- export declare const flexboxAlignSelfValues: readonly ["", "default", "auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
128
+ export declare const flexboxAlignSelfValues: readonly ["", "default", "auto", "flex-start", "start", "flex-end", "end", "center", "baseline", "stretch"];
121
129
  export declare const cssGridAlignSelfValues: readonly ["", "default", "start", "end", "center", "stretch"];
122
130
  export declare const cssGridJustifySelfValues: readonly ["", "default", "start", "end", "center", "stretch"];
123
131
  export declare const cssGridColSpanValues: string[];
@@ -146,5 +154,16 @@ export declare const assetContainerImgWidthValues: string[];
146
154
  export declare function addGlobalStylesheet(inlineStyles: string): void;
147
155
  export declare function isFalsy(value: string | boolean): boolean;
148
156
  export declare function getViewportFormat(): "mobile" | "tablet" | "laptop";
149
- export declare function checkName(values: string[], value: string): boolean;
157
+ export declare function checkName(values: string[], value: string | null): boolean;
158
+ export declare const accessibilityAttributes: string[];
150
159
  export declare function transferAccessibilityAttributes(sourceElement: HTMLElement, targetElement: HTMLElement, applyLabelledBy?: boolean): void;
160
+ export declare function propertyToAttributeSetter(element: HTMLElement, attributeName: string, value: string | number | null | undefined): void;
161
+ /**
162
+ * Sets a boolean attribute, matching native HTML semantics: the attribute is
163
+ * present (as `""`) when the value is truthy and removed when it is falsy.
164
+ *
165
+ * As with native IDL boolean properties, the value is coerced with plain JS
166
+ * truthiness — so a non-empty string such as `'false'` counts as `true`, and
167
+ * the empty string counts as `false`.
168
+ */
169
+ export declare function booleanPropertyToAttributeSetter(element: HTMLElement, attributeName: string, value: boolean | string | null | undefined | number): void;