@origostudio/origo-design 0.0.35 → 0.0.37
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/CHANGELOG.md +2 -2
- package/dist/packages/angular-renderer/CHANGELOG.md +21 -0
- package/dist/packages/angular-renderer/package.json +3 -3
- package/dist/packages/angular-renderer/src/components/primitives/button/button.component.js +13 -2
- package/dist/packages/angular-renderer/src/components/primitives/button/button.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.d.ts +2 -0
- package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js +10 -2
- package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/chip/chip.component.d.ts +22 -0
- package/dist/packages/angular-renderer/src/components/primitives/chip/chip.component.js +79 -0
- package/dist/packages/angular-renderer/src/components/primitives/chip/chip.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.d.ts +4 -0
- package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.js +16 -1
- package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/hbox/hbox.component.d.ts +4 -0
- package/dist/packages/angular-renderer/src/components/primitives/hbox/hbox.component.js +15 -1
- package/dist/packages/angular-renderer/src/components/primitives/hbox/hbox.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/label/label.component.d.ts +2 -0
- package/dist/packages/angular-renderer/src/components/primitives/label/label.component.js +10 -2
- package/dist/packages/angular-renderer/src/components/primitives/label/label.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.d.ts +2 -1
- package/dist/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.js +11 -5
- package/dist/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/switch/switch.component.d.ts +22 -0
- package/dist/packages/angular-renderer/src/components/primitives/switch/switch.component.js +80 -0
- package/dist/packages/angular-renderer/src/components/primitives/switch/switch.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/text-input/text-input.component.d.ts +0 -1
- package/dist/packages/angular-renderer/src/components/primitives/text-input/text-input.component.js +14 -5
- package/dist/packages/angular-renderer/src/components/primitives/text-input/text-input.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/vbox/vbox.component.d.ts +4 -0
- package/dist/packages/angular-renderer/src/components/primitives/vbox/vbox.component.js +15 -1
- package/dist/packages/angular-renderer/src/components/primitives/vbox/vbox.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js +4 -0
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js.map +1 -1
- package/dist/packages/cli/CHANGELOG.md +8 -0
- package/dist/packages/cli/package.json +2 -2
- package/dist/packages/cli/package.json.bak +2 -2
- package/dist/packages/core/CHANGELOG.md +8 -0
- package/dist/packages/core/package.json +1 -1
- package/dist/packages/core/package.json.bak +1 -1
- package/dist/packages/design-tokens/CHANGELOG.md +8 -0
- package/dist/packages/design-tokens/package.json +1 -1
- package/dist/packages/playground/browser/{chunk-CVJk2D1R.js → chunk-94bHXqp1.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Dx7lJ4Em.js → chunk-B0HlAWSR.js} +1 -1
- package/dist/packages/playground/browser/{chunk-1BPuEyON.js → chunk-BI1AmKI_.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BB6BGIio.js → chunk-BkTn1FbH.js} +1 -1
- package/dist/packages/playground/browser/{chunk-9WsVM2Jr.js → chunk-BxusNwwt.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Dys-y4r2.js → chunk-CXHFI87Z.js} +1 -1
- package/dist/packages/playground/browser/{chunk-r7FVf56g.js → chunk-D2bm1B8y.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DOAdNQyb.js → chunk-DT7GQcHj.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CTnGRYtS.js → chunk-DXxUFvGw.js} +1 -1
- package/dist/packages/playground/browser/{chunk-2UNSqVln.js → chunk-DbylCYBP.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CKqlZgol.js → chunk-Dd9ht4SU.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BfpxpuVT.js → chunk-ZeGfaGFy.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DNTfJ2xw.js → chunk-iSLqhP12.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CKyrqF9T.js → chunk-rK1aqCb7.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Ym0QZNDJ.js → chunk-zg5PqW0l.js} +1 -1
- package/dist/packages/playground/browser/index.html +1 -1
- package/dist/packages/playground/browser/{main-JTGXHRFU.js → main-BBGOLU74.js} +85 -85
- package/package.json +1 -1
- package/packages/angular-renderer/CHANGELOG.md +21 -0
- package/packages/angular-renderer/package.json +3 -3
- package/packages/angular-renderer/src/components/primitives/button/button.component.ts +13 -4
- package/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.html +1 -0
- package/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.ts +11 -2
- package/packages/angular-renderer/src/components/primitives/chip/chip.component.html +12 -0
- package/packages/angular-renderer/src/components/primitives/chip/chip.component.scss +40 -0
- package/packages/angular-renderer/src/components/primitives/chip/chip.component.ts +85 -0
- package/packages/angular-renderer/src/components/primitives/form-field/form-field.component.ts +18 -1
- package/packages/angular-renderer/src/components/primitives/hbox/hbox.component.ts +18 -1
- package/packages/angular-renderer/src/components/primitives/label/label.component.html +5 -1
- package/packages/angular-renderer/src/components/primitives/label/label.component.ts +11 -2
- package/packages/angular-renderer/src/components/primitives/primitives.a11y.pw.ts +125 -6
- package/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.html +1 -1
- package/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.ts +12 -7
- package/packages/angular-renderer/src/components/primitives/switch/switch.component.html +16 -0
- package/packages/angular-renderer/src/components/primitives/switch/switch.component.scss +66 -0
- package/packages/angular-renderer/src/components/primitives/switch/switch.component.ts +86 -0
- package/packages/angular-renderer/src/components/primitives/text-input/text-input.component.ts +14 -8
- package/packages/angular-renderer/src/components/primitives/vbox/vbox.component.ts +18 -1
- package/packages/angular-renderer/src/lib/primitives.provider.ts +4 -1
- package/packages/cli/CHANGELOG.md +8 -0
- package/packages/cli/package.json +2 -2
- package/packages/core/CHANGELOG.md +8 -0
- package/packages/core/package.json +1 -1
- package/packages/design-tokens/CHANGELOG.md +8 -0
- package/packages/design-tokens/package.json +1 -1
- package/packages/devtools/CHANGELOG.md +8 -0
- package/packages/devtools/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/packages/devtools/package.json +1 -1
- package/packages/playground/CHANGELOG.md +8 -0
- package/packages/playground/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/packages/playground/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
## 0.0.
|
|
1
|
+
## 0.0.37 (2026-09-24)
|
|
2
2
|
|
|
3
3
|
### 🚀 Features
|
|
4
4
|
|
|
5
|
-
-
|
|
5
|
+
- implement switch and chip form primitives in angular-renderer ([2067756](https://github.com/OrigoStudio/origo-design/commit/2067756))
|
|
6
6
|
|
|
7
7
|
### ❤️ Thank You
|
|
8
8
|
|
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
## 0.0.37 (2026-09-24)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- implement switch and chip form primitives in angular-renderer ([2067756](https://github.com/OrigoStudio/origo-design/commit/2067756))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Hardik Patel @hardikpatelse
|
|
10
|
+
|
|
11
|
+
## 0.0.36 (2026-09-23)
|
|
12
|
+
|
|
13
|
+
### 🚀 Features
|
|
14
|
+
|
|
15
|
+
- **angular-renderer:** add primitive UI components and their unit tests ([e2418b1](https://github.com/OrigoStudio/origo-design/commit/e2418b1))
|
|
16
|
+
- implement primitive UI components and accessibility tests for angular-renderer ([c584dad](https://github.com/OrigoStudio/origo-design/commit/c584dad))
|
|
17
|
+
|
|
18
|
+
### ❤️ Thank You
|
|
19
|
+
|
|
20
|
+
- Hardik Patel @hardikpatelse
|
|
21
|
+
|
|
1
22
|
## 0.0.35 (2026-09-22)
|
|
2
23
|
|
|
3
24
|
### 🚀 Features
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "angular-renderer",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.37",
|
|
4
4
|
"private": true,
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@origo/core": "0.0.
|
|
10
|
-
"@origo/design-tokens": "0.0.
|
|
9
|
+
"@origo/core": "0.0.37",
|
|
10
|
+
"@origo/design-tokens": "0.0.37",
|
|
11
11
|
"tslib": "^2.3.0",
|
|
12
12
|
"@axe-core/playwright": "^4.13.0",
|
|
13
13
|
"@playwright/test": "^1.36.0"
|
|
@@ -14,6 +14,7 @@ let ButtonComponent = (() => {
|
|
|
14
14
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
15
15
|
host: {
|
|
16
16
|
'[class.origo-button]': 'true',
|
|
17
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
17
18
|
},
|
|
18
19
|
})];
|
|
19
20
|
let _classDescriptor;
|
|
@@ -40,8 +41,18 @@ let ButtonComponent = (() => {
|
|
|
40
41
|
const type = this.contract().props?.type;
|
|
41
42
|
return type === 'button' || type === 'submit' || type === 'reset' ? type : 'button';
|
|
42
43
|
});
|
|
43
|
-
computedAriaLabel = (0, core_1.computed)(() =>
|
|
44
|
-
|
|
44
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
45
|
+
const label = this.contract().props?.['aria-label'];
|
|
46
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
47
|
+
? String(label)
|
|
48
|
+
: undefined;
|
|
49
|
+
});
|
|
50
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
51
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
52
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
53
|
+
? String(desc)
|
|
54
|
+
: undefined;
|
|
55
|
+
});
|
|
45
56
|
action = (0, core_1.output)();
|
|
46
57
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
47
58
|
onClick() {
|
package/dist/packages/angular-renderer/src/components/primitives/button/button.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/button/button.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AAGvB,iGAA+F;
|
|
1
|
+
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/button/button.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AAGvB,iGAA+F;IAsBlF,eAAe;4BAZ3B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,cAAc;YACxB,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,yBAAyB;YACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;YACtC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,sBAAsB,EAAE,MAAM;gBAC9B,oBAAoB,EAAE,qBAAqB;aAC5C;SACF,CAAC;;;;;;;;YACF,qLA0CC;;;;QAzCC,MAAM,CAAU,cAAc,GAAG;YAC/B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,SAAS;YACnB,IAAI,EAAE,QAAQ;SACf,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAoC,CAAC;QAE9D,aAAa,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC;QACzE,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrE,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;QACtF,CAAC,CAAC,CAAC;QACH,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC;YACpD,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACzE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACf,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,uBAAuB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAC;YACzD,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACtE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACd,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,MAAM,GAAG,IAAA,aAAM,GAAQ,CAAC;QAEhB,iBAAiB,GAAG,IAAA,aAAM,EAAC,wDAA2B,CAAC,CAAC;QAEhE,OAAO;YACL,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBAAE,OAAO;YAEpC,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,EAAE;gBAAE,OAAO;YAEhB,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;YACvD,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACrB,CAAC;;YAzCU,+DAAe;;;;;AAAf,0CAAe"}
|
package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export interface CheckboxProps {
|
|
|
5
5
|
label?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
'aria-label'?: string;
|
|
8
|
+
'aria-describedby'?: string;
|
|
8
9
|
required?: boolean;
|
|
9
10
|
}
|
|
10
11
|
export declare class CheckboxComponent implements OrigoAdapter<CheckboxProps> {
|
|
@@ -21,6 +22,7 @@ export declare class CheckboxComponent implements OrigoAdapter<CheckboxProps> {
|
|
|
21
22
|
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
22
23
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
23
24
|
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
25
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
24
26
|
private experienceAdapter;
|
|
25
27
|
constructor();
|
|
26
28
|
onChange(event: Event): void;
|
package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js
CHANGED
|
@@ -14,7 +14,7 @@ let CheckboxComponent = (() => {
|
|
|
14
14
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
15
15
|
host: {
|
|
16
16
|
'[class.origo-checkbox]': 'true',
|
|
17
|
-
'[attr.data-testid]': 'contract().id',
|
|
17
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
18
18
|
},
|
|
19
19
|
})];
|
|
20
20
|
let _classDescriptor;
|
|
@@ -42,7 +42,15 @@ let CheckboxComponent = (() => {
|
|
|
42
42
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
43
43
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
44
44
|
const label = this.contract().props?.['aria-label'];
|
|
45
|
-
return label !== undefined && label !== null
|
|
45
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
46
|
+
? String(label)
|
|
47
|
+
: undefined;
|
|
48
|
+
});
|
|
49
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
50
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
51
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
52
|
+
? String(desc)
|
|
53
|
+
: undefined;
|
|
46
54
|
});
|
|
47
55
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
48
56
|
constructor() {
|
package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.ts"],"names":[],"mappings":";;;;AAAA,wCAUuB;AAGvB,iGAA+F;
|
|
1
|
+
{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { InteractionContract } from '@origo/core';
|
|
2
|
+
import { OrigoAdapter } from '../../../adapters/web/adapter';
|
|
3
|
+
export interface ChipProps {
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
'aria-label'?: string;
|
|
8
|
+
'aria-describedby'?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare class ChipComponent implements OrigoAdapter<ChipProps> {
|
|
11
|
+
static readonly contractSchema: Record<string, 'string' | 'number' | 'boolean' | 'object' | 'array'>;
|
|
12
|
+
static readonly strictContract = false;
|
|
13
|
+
contract: import("@angular/core").InputSignal<InteractionContract<ChipProps>>;
|
|
14
|
+
selected: import("@angular/core").ModelSignal<boolean>;
|
|
15
|
+
computedLabel: import("@angular/core").Signal<string>;
|
|
16
|
+
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
17
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
18
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
19
|
+
private experienceAdapter;
|
|
20
|
+
constructor();
|
|
21
|
+
onClick(): void;
|
|
22
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ChipComponent = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const core_1 = require("@angular/core");
|
|
6
|
+
const adapter_1 = require("../../../adapters/web/adapter");
|
|
7
|
+
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
8
|
+
let ChipComponent = (() => {
|
|
9
|
+
let _classDecorators = [(0, core_1.Component)({
|
|
10
|
+
selector: 'origo-chip',
|
|
11
|
+
standalone: true,
|
|
12
|
+
templateUrl: './chip.component.html',
|
|
13
|
+
styleUrls: ['./chip.component.scss'],
|
|
14
|
+
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
|
|
15
|
+
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
16
|
+
host: {
|
|
17
|
+
'[class.origo-chip]': 'true',
|
|
18
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
19
|
+
},
|
|
20
|
+
})];
|
|
21
|
+
let _classDescriptor;
|
|
22
|
+
let _classExtraInitializers = [];
|
|
23
|
+
let _classThis;
|
|
24
|
+
var ChipComponent = class {
|
|
25
|
+
static { _classThis = this; }
|
|
26
|
+
static {
|
|
27
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
28
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
29
|
+
ChipComponent = _classThis = _classDescriptor.value;
|
|
30
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
31
|
+
}
|
|
32
|
+
static contractSchema = {
|
|
33
|
+
selected: 'boolean',
|
|
34
|
+
label: 'string',
|
|
35
|
+
disabled: 'boolean',
|
|
36
|
+
};
|
|
37
|
+
static strictContract = false;
|
|
38
|
+
contract = core_1.input.required();
|
|
39
|
+
selected = (0, core_1.model)(false);
|
|
40
|
+
computedLabel = (0, core_1.computed)(() => this.contract().props?.label ?? '');
|
|
41
|
+
computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
|
|
42
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
43
|
+
const v = this.contract().props?.['aria-label'];
|
|
44
|
+
return v !== undefined && v !== null && String(v).trim() !== '' ? String(v) : undefined;
|
|
45
|
+
});
|
|
46
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
47
|
+
const v = this.contract().props?.['aria-describedby'];
|
|
48
|
+
return v !== undefined && v !== null && String(v).trim() !== '' ? String(v) : undefined;
|
|
49
|
+
});
|
|
50
|
+
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
51
|
+
constructor() {
|
|
52
|
+
(0, core_1.effect)(() => {
|
|
53
|
+
const props = this.contract().props;
|
|
54
|
+
const coerced = props
|
|
55
|
+
? (0, adapter_1.coerceContractProps)(props, ChipComponent.contractSchema)
|
|
56
|
+
: {};
|
|
57
|
+
const contractVal = coerced['selected'] !== undefined ? !!coerced['selected'] : this.selected();
|
|
58
|
+
(0, core_1.untracked)(() => {
|
|
59
|
+
if (contractVal === this.selected())
|
|
60
|
+
return;
|
|
61
|
+
this.selected.set(contractVal);
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
onClick() {
|
|
66
|
+
if (this.computedDisabled() || !this.contract().id)
|
|
67
|
+
return;
|
|
68
|
+
const nextSelected = !this.selected();
|
|
69
|
+
this.selected.set(nextSelected);
|
|
70
|
+
this.experienceAdapter.updateState(this.contract().id, 'selected', nextSelected);
|
|
71
|
+
}
|
|
72
|
+
static {
|
|
73
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
return ChipComponent = _classThis;
|
|
77
|
+
})();
|
|
78
|
+
exports.ChipComponent = ChipComponent;
|
|
79
|
+
//# sourceMappingURL=chip.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/chip/chip.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ export interface FormFieldProps {
|
|
|
7
7
|
error?: string;
|
|
8
8
|
hint?: string;
|
|
9
9
|
required?: boolean;
|
|
10
|
+
'aria-label'?: string;
|
|
11
|
+
'aria-describedby'?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare class FormFieldComponent implements OrigoAdapter<FormFieldProps>, ContainerComponent {
|
|
12
14
|
static readonly contractSchema: {
|
|
@@ -22,5 +24,7 @@ export declare class FormFieldComponent implements OrigoAdapter<FormFieldProps>,
|
|
|
22
24
|
computedError: import("@angular/core").Signal<string | undefined>;
|
|
23
25
|
computedHint: import("@angular/core").Signal<string | undefined>;
|
|
24
26
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
27
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
28
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
25
29
|
labelContract: import("@angular/core").Signal<InteractionContract<LabelProps>>;
|
|
26
30
|
}
|
package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.js
CHANGED
|
@@ -16,7 +16,10 @@ let FormFieldComponent = (() => {
|
|
|
16
16
|
host: {
|
|
17
17
|
'[class.origo-form-field]': 'true',
|
|
18
18
|
'[class.has-error]': '!!computedError()',
|
|
19
|
-
'[attr.data-testid]': 'contract().id',
|
|
19
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
20
|
+
'[attr.role]': 'computedAriaLabel() ? "group" : null',
|
|
21
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
22
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
20
23
|
},
|
|
21
24
|
})];
|
|
22
25
|
let _classDescriptor;
|
|
@@ -43,6 +46,18 @@ let FormFieldComponent = (() => {
|
|
|
43
46
|
computedError = (0, core_1.computed)(() => this.contract().props?.error);
|
|
44
47
|
computedHint = (0, core_1.computed)(() => this.contract().props?.hint);
|
|
45
48
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
49
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
50
|
+
const label = this.contract().props?.['aria-label'];
|
|
51
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
52
|
+
? String(label)
|
|
53
|
+
: undefined;
|
|
54
|
+
});
|
|
55
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
56
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
57
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
58
|
+
? String(desc)
|
|
59
|
+
: undefined;
|
|
60
|
+
});
|
|
46
61
|
labelContract = (0, core_1.computed)(() => {
|
|
47
62
|
const parentId = this.contract().id;
|
|
48
63
|
const childId = this.contract().children?.[0]?.id;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/form-field/form-field.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AAGvB,8DAAsE;
|
|
1
|
+
{"version":3,"file":"form-field.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/form-field/form-field.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ export interface HBoxProps {
|
|
|
5
5
|
gap?: number | string;
|
|
6
6
|
alignment?: 'start' | 'center' | 'end' | 'stretch';
|
|
7
7
|
padding?: number | string;
|
|
8
|
+
'aria-label'?: string;
|
|
9
|
+
'aria-describedby'?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare class HBoxComponent implements OrigoAdapter<HBoxProps>, ContainerComponent {
|
|
10
12
|
static readonly contractSchema: {
|
|
@@ -18,4 +20,6 @@ export declare class HBoxComponent implements OrigoAdapter<HBoxProps>, Container
|
|
|
18
20
|
computedGap: import("@angular/core").Signal<string | undefined>;
|
|
19
21
|
computedAlignment: import("@angular/core").Signal<"center" | "stretch" | "flex-start" | "flex-end">;
|
|
20
22
|
computedPadding: import("@angular/core").Signal<string | undefined>;
|
|
23
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
24
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
21
25
|
}
|
|
@@ -13,11 +13,13 @@ let HBoxComponent = (() => {
|
|
|
13
13
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
14
14
|
host: {
|
|
15
15
|
'[class.origo-hbox]': 'true',
|
|
16
|
-
'[attr.data-testid]': 'contract().id',
|
|
16
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
17
17
|
'[style.gap]': 'computedGap()',
|
|
18
18
|
'[style.align-items]': 'computedAlignment()',
|
|
19
19
|
'[style.padding-inline]': 'computedPadding()',
|
|
20
20
|
'[style.padding-block]': 'computedPadding()',
|
|
21
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
22
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
21
23
|
},
|
|
22
24
|
})];
|
|
23
25
|
let _classDescriptor;
|
|
@@ -68,6 +70,18 @@ let HBoxComponent = (() => {
|
|
|
68
70
|
const num = Number(padding);
|
|
69
71
|
return !isNaN(num) ? `${num}px` : String(padding);
|
|
70
72
|
});
|
|
73
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
74
|
+
const label = this.contract().props?.['aria-label'];
|
|
75
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
76
|
+
? String(label)
|
|
77
|
+
: undefined;
|
|
78
|
+
});
|
|
79
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
80
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
81
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
82
|
+
? String(desc)
|
|
83
|
+
: undefined;
|
|
84
|
+
});
|
|
71
85
|
static {
|
|
72
86
|
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
73
87
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/hbox/hbox.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;
|
|
1
|
+
{"version":3,"file":"hbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/hbox/hbox.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ export interface LabelProps {
|
|
|
5
5
|
for?: string;
|
|
6
6
|
required?: boolean;
|
|
7
7
|
'aria-label'?: string;
|
|
8
|
+
'aria-describedby'?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare class LabelComponent implements OrigoAdapter<LabelProps> {
|
|
10
11
|
static readonly contractSchema: {
|
|
@@ -18,4 +19,5 @@ export declare class LabelComponent implements OrigoAdapter<LabelProps> {
|
|
|
18
19
|
computedFor: import("@angular/core").Signal<string | undefined>;
|
|
19
20
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
20
21
|
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
22
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
21
23
|
}
|
|
@@ -13,7 +13,7 @@ let LabelComponent = (() => {
|
|
|
13
13
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
14
14
|
host: {
|
|
15
15
|
'[class.origo-label]': 'true',
|
|
16
|
-
'[attr.data-testid]': 'contract().id',
|
|
16
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
17
17
|
},
|
|
18
18
|
})];
|
|
19
19
|
let _classDescriptor;
|
|
@@ -42,7 +42,15 @@ let LabelComponent = (() => {
|
|
|
42
42
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
43
43
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
44
44
|
const label = this.contract().props?.['aria-label'];
|
|
45
|
-
return label !== undefined && label !== null
|
|
45
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
46
|
+
? String(label)
|
|
47
|
+
: undefined;
|
|
48
|
+
});
|
|
49
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
50
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
51
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
52
|
+
? String(desc)
|
|
53
|
+
: undefined;
|
|
46
54
|
});
|
|
47
55
|
static {
|
|
48
56
|
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
package/dist/packages/angular-renderer/src/components/primitives/label/label.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/label/label.component.ts"],"names":[],"mappings":";;;;AAAA,wCAMuB;
|
|
1
|
+
{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/label/label.component.ts"],"names":[],"mappings":";;;;AAAA,wCAMuB;IAwBV,cAAc;4BAZ1B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,aAAa;YACvB,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,wBAAwB;YACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;YACrC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,qBAAqB,EAAE,MAAM;gBAC7B,oBAAoB,EAAE,qBAAqB;aAC5C;SACF,CAAC;;;;;;;;YACF,qLA4BC;;;;QA3BC,MAAM,CAAU,cAAc,GAAG;YAC/B,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;YACb,QAAQ,EAAE,SAAS;SACpB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAmC,CAAC;QAE7D,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;QACjE,WAAW,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC;YACrC,OAAO,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/D,CAAC,CAAC,CAAC;QACH,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrE,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC;YACpD,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACzE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACf,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,uBAAuB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAC;YACzD,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACtE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACd,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;;YA3BQ,+DAAc;;;;;AAAd,wCAAc"}
|
|
@@ -8,6 +8,7 @@ export interface RadioGroupProps {
|
|
|
8
8
|
value?: string;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
'aria-label'?: string;
|
|
11
|
+
'aria-describedby'?: string;
|
|
11
12
|
required?: boolean;
|
|
12
13
|
}
|
|
13
14
|
export declare class RadioGroupComponent implements OrigoAdapter<RadioGroupProps> {
|
|
@@ -27,8 +28,8 @@ export declare class RadioGroupComponent implements OrigoAdapter<RadioGroupProps
|
|
|
27
28
|
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
28
29
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
29
30
|
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
31
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
30
32
|
private experienceAdapter;
|
|
31
|
-
private sanitizer;
|
|
32
33
|
constructor();
|
|
33
34
|
onChange(event: Event): void;
|
|
34
35
|
}
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.RadioGroupComponent = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const core_1 = require("@angular/core");
|
|
6
|
-
const platform_browser_1 = require("@angular/platform-browser");
|
|
7
6
|
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
8
7
|
let RadioGroupComponent = (() => {
|
|
9
8
|
let _classDecorators = [(0, core_1.Component)({
|
|
@@ -15,7 +14,7 @@ let RadioGroupComponent = (() => {
|
|
|
15
14
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
16
15
|
host: {
|
|
17
16
|
'[class.origo-radio-group]': 'true',
|
|
18
|
-
'[attr.data-testid]': 'contract().id',
|
|
17
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
19
18
|
},
|
|
20
19
|
})];
|
|
21
20
|
let _classDescriptor;
|
|
@@ -46,10 +45,17 @@ let RadioGroupComponent = (() => {
|
|
|
46
45
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
47
46
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
48
47
|
const label = this.contract().props?.['aria-label'];
|
|
49
|
-
return label !== undefined && label !== null
|
|
48
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
49
|
+
? String(label)
|
|
50
|
+
: undefined;
|
|
51
|
+
});
|
|
52
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
53
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
54
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
55
|
+
? String(desc)
|
|
56
|
+
: undefined;
|
|
50
57
|
});
|
|
51
58
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
52
|
-
sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
|
|
53
59
|
constructor() {
|
|
54
60
|
(0, core_1.effect)(() => {
|
|
55
61
|
const contractVal = this.contract().props?.value;
|
|
@@ -66,7 +72,7 @@ let RadioGroupComponent = (() => {
|
|
|
66
72
|
if (!target || !target.checked || this.computedDisabled())
|
|
67
73
|
return;
|
|
68
74
|
const rawValue = target.value;
|
|
69
|
-
const sanitizedValue =
|
|
75
|
+
const sanitizedValue = String(rawValue);
|
|
70
76
|
this.value.set(sanitizedValue);
|
|
71
77
|
this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);
|
|
72
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { InteractionContract } from '@origo/core';
|
|
2
|
+
import { OrigoAdapter } from '../../../adapters/web/adapter';
|
|
3
|
+
export interface SwitchProps {
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
'aria-label'?: string;
|
|
8
|
+
'aria-describedby'?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare class SwitchComponent implements OrigoAdapter<SwitchProps> {
|
|
11
|
+
static readonly contractSchema: Record<string, 'string' | 'number' | 'boolean' | 'object' | 'array'>;
|
|
12
|
+
static readonly strictContract = false;
|
|
13
|
+
contract: import("@angular/core").InputSignal<InteractionContract<SwitchProps>>;
|
|
14
|
+
checked: import("@angular/core").ModelSignal<boolean>;
|
|
15
|
+
computedLabel: import("@angular/core").Signal<string>;
|
|
16
|
+
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
17
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
18
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
19
|
+
private experienceAdapter;
|
|
20
|
+
constructor();
|
|
21
|
+
onChange(event: Event): void;
|
|
22
|
+
}
|