@tedi-design-system/angular 6.3.0-rc.7 → 6.3.0-rc.8
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/community/components/form/checkbox/checkbox/checkbox.component.d.ts +3 -0
- package/community/components/form/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
- package/community/components/form/checkbox/checkbox-card-group/checkbox-card-group.component.d.ts +3 -0
- package/community/components/form/checkbox/checkbox-card-group/checkbox-card-group.component.d.ts.map +1 -1
- package/community/components/form/checkbox/checkbox-group/checkbox-group.component.d.ts +3 -0
- package/community/components/form/checkbox/checkbox-group/checkbox-group.component.d.ts.map +1 -1
- package/community/components/form/radio/radio/radio.component.d.ts +3 -0
- package/community/components/form/radio/radio/radio.component.d.ts.map +1 -1
- package/community/components/form/radio/radio-card-group/radio-card-group.component.d.ts +3 -0
- package/community/components/form/radio/radio-card-group/radio-card-group.component.d.ts.map +1 -1
- package/community/components/form/radio/radio-group/radio-group.component.d.ts +3 -0
- package/community/components/form/radio/radio-group/radio-group.component.d.ts.map +1 -1
- package/fesm2022/tedi-design-system-angular-community.mjs +18 -0
- package/fesm2022/tedi-design-system-angular-community.mjs.map +1 -1
- package/fesm2022/tedi-design-system-angular-tedi.mjs +87 -3
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/package.json +1 -1
- package/tedi/components/form/index.d.ts +4 -0
- package/tedi/components/form/index.d.ts.map +1 -1
- package/tedi/components/form/radio/radio.component.d.ts +17 -0
- package/tedi/components/form/radio/radio.component.d.ts.map +1 -0
- package/tedi/components/form/radio-card/radio-card.component.d.ts +23 -0
- package/tedi/components/form/radio-card/radio-card.component.d.ts.map +1 -0
- package/tedi/components/form/radio-card-group/radio-card-group.component.d.ts +6 -0
- package/tedi/components/form/radio-card-group/radio-card-group.component.d.ts.map +1 -0
- package/tedi/components/form/radio-group/radio-group.component.d.ts +16 -0
- package/tedi/components/form/radio-group/radio-group.component.d.ts.map +1 -0
|
@@ -3,6 +3,9 @@ import { ComponentInputs, FeedbackTextComponent } from "@tedi-design-system/angu
|
|
|
3
3
|
import { ControlValueAccessor } from "@angular/forms";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export type CheckboxSize = "default" | "large";
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
|
|
8
|
+
*/
|
|
6
9
|
export declare class CheckboxComponent implements ControlValueAccessor, OnInit {
|
|
7
10
|
inputId: import("@angular/core").InputSignal<string>;
|
|
8
11
|
checked: import("@angular/core").ModelSignal<boolean | null>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/checkbox/checkbox/checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,MAAM,EAGP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EAEf,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;;AAIzE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,qBAqBa,iBAAkB,YAAW,oBAAoB,EAAE,MAAM;IAIpE,OAAO,8CAA4B;IAInC,OAAO,sDAA+B;IAItC,aAAa,2DAAoB;IAIjC,KAAK,0DAAmB;IAIxB,QAAQ,2DAAoB;IAI5B,IAAI,gEAAyB;IAI7B,QAAQ,2DAAoB;IAC5B;;OAEG;IACH,YAAY,0FAAmD;IAE/D,OAAO,CAAC,QAAQ,CAA6D;IAC7E,OAAO,CAAC,aAAa,CAAsD;IAC3E,OAAO,CAAC,iBAAiB,CAEtB;IAEH,OAAO,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/checkbox/checkbox/checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,MAAM,EAGP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EAEf,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;;AAIzE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C;;GAEG;AACH,qBAqBa,iBAAkB,YAAW,oBAAoB,EAAE,MAAM;IAIpE,OAAO,8CAA4B;IAInC,OAAO,sDAA+B;IAItC,aAAa,2DAAoB;IAIjC,KAAK,0DAAmB;IAIxB,QAAQ,2DAAoB;IAI5B,IAAI,gEAAyB;IAI7B,QAAQ,2DAAoB;IAC5B;;OAEG;IACH,YAAY,0FAAmD;IAE/D,OAAO,CAAC,QAAQ,CAA6D;IAC7E,OAAO,CAAC,aAAa,CAAsD;IAC3E,OAAO,CAAC,iBAAiB,CAEtB;IAEH,OAAO,CAAC,SAAS,CAAqC;IACtD,UAAU,EAAE,MAAM,IAAI,CAAa;IAEnC,cAAc,qDAKX;IAEH,aAAa,iEAQV;IAEH,YAAY,2DAET;IAEH,QAAQ,0CAEL;IAEH,gBAAgB,sDAEb;IAEH,KAAK;IAIL,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI;IAIvC,gBAAgB,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAIlD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI3C,aAAa,CAAC,KAAK,EAAE,KAAK;IAQ1B,QAAQ;yCApGG,iBAAiB;2CAAjB,iBAAiB;CAyG7B"}
|
package/community/components/form/checkbox/checkbox-card-group/checkbox-card-group.component.d.ts
CHANGED
|
@@ -2,6 +2,9 @@ import { ControlValueAccessor } from "@angular/forms";
|
|
|
2
2
|
import { CheckboxGroupComponent } from "../checkbox-group/checkbox-group.component";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../choicegroup/choicegroup.directive";
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated Use Checkbox with CheckboxCard label from TEDI-ready instead. This component will be removed from future versions.
|
|
7
|
+
*/
|
|
5
8
|
export declare class CheckboxCardGroupComponent extends CheckboxGroupComponent implements ControlValueAccessor {
|
|
6
9
|
direction: import("@angular/core").InputSignal<"row" | "column">;
|
|
7
10
|
value: import("@angular/core").ModelSignal<string[]>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-card-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/checkbox/checkbox-card-group/checkbox-card-group.component.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;;;AAGpF,qBA6Ba,0BACX,SAAQ,sBACR,YAAW,oBAAoB;IAItB,SAAS,wDAAkC;IAIpD,KAAK,gDAAuB;IAE5B,UAAU,iDAKR;IACF,OAAO,CAAC,gBAAgB,CAA0B;IAElD,OAAO,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"checkbox-card-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/checkbox/checkbox-card-group/checkbox-card-group.component.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;;;AAGpF;;GAEG;AACH,qBA6Ba,0BACX,SAAQ,sBACR,YAAW,oBAAoB;IAItB,SAAS,wDAAkC;IAIpD,KAAK,gDAAuB;IAE5B,UAAU,iDAKR;IACF,OAAO,CAAC,gBAAgB,CAA0B;IAElD,OAAO,CAAC,SAAS,CAAsC;IACvD,OAAO,CAAC,UAAU,CAAqC;IAE9C,aAAa,0CAEnB;IAEH,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAIjC,gBAAgB,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,IAAI;IAGnD,iBAAiB,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAGnD,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI3C,OAAO,CAAC,qBAAqB;IAQ7B,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;yCAjDrC,0BAA0B;2CAA1B,0BAA0B;CA2DtC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { CheckboxSize } from "../checkbox/checkbox.component";
|
|
2
2
|
import { ComponentInputs, FeedbackTextComponent } from "@tedi-design-system/angular/tedi";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
|
|
6
|
+
*/
|
|
4
7
|
export declare class CheckboxGroupComponent {
|
|
5
8
|
/**
|
|
6
9
|
* Checkbox group label.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/checkbox/checkbox-group/checkbox-group.component.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EACL,eAAe,EAEf,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;;AAG1C,qBAca,sBAAsB;IACjC;;OAEG;IACH,KAAK,0DAAmB;IAIxB,QAAQ,2DAAoB;IAI5B,QAAQ,2DAAoB;IAI5B,IAAI,gEAAyB;IAI7B,SAAS,wDAAqC;IAK9C,OAAO,8CAAoB;IAC3B;;OAEG;IACH,YAAY,0FAAmD;IAE/D,OAAO,qDAKJ;IAEH,aAAa,sDAAmC;yCAtCrC,sBAAsB;2CAAtB,sBAAsB;CAuClC"}
|
|
1
|
+
{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/checkbox/checkbox-group/checkbox-group.component.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EACL,eAAe,EAEf,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;;AAG1C;;GAEG;AACH,qBAca,sBAAsB;IACjC;;OAEG;IACH,KAAK,0DAAmB;IAIxB,QAAQ,2DAAoB;IAI5B,QAAQ,2DAAoB;IAI5B,IAAI,gEAAyB;IAI7B,SAAS,wDAAqC;IAK9C,OAAO,8CAAoB;IAC3B;;OAEG;IACH,YAAY,0FAAmD;IAE/D,OAAO,qDAKJ;IAEH,aAAa,sDAAmC;yCAtCrC,sBAAsB;2CAAtB,sBAAsB;CAuClC"}
|
|
@@ -2,6 +2,9 @@ import { OnInit } from "@angular/core";
|
|
|
2
2
|
import { ComponentInputs, FeedbackTextComponent } from "@tedi-design-system/angular/tedi";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export type RadioValue = string;
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
|
|
7
|
+
*/
|
|
5
8
|
export declare class RadioComponent implements OnInit {
|
|
6
9
|
inputId: import("@angular/core").InputSignal<string>;
|
|
7
10
|
checked: import("@angular/core").ModelSignal<boolean | undefined>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/radio/radio/radio.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,MAAM,EAGP,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,eAAe,EACf,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;;AAG1C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,qBAaa,cAAe,YAAW,MAAM;IAI3C,OAAO,8CAA4B;IAInC,OAAO,2DAAoB;IAI3B,KAAK,8CAA4B;IAIjC,QAAQ,2DAAoB;IAI5B,QAAQ,2DAAoB;IAC5B;;OAEG;IACH,YAAY,0FAAmD;IAE/D,OAAO,CAAC,QAAQ,CAA6D;IAC7E,OAAO,CAAC,UAAU,CAAmD;IAErE,aAAa,sDAEV;IAEH,SAAS,qDAEN;IAEH,YAAY,sDAET;IAEH,cAAc,qDAKX;IAEH,KAAK;IAIL,aAAa,CAAC,KAAK,EAAE,KAAK;IAK1B,QAAQ;yCAzDG,cAAc;2CAAd,cAAc;CA8D1B"}
|
|
1
|
+
{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/radio/radio/radio.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,MAAM,EAGP,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,eAAe,EACf,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;;AAG1C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC;;GAEG;AACH,qBAaa,cAAe,YAAW,MAAM;IAI3C,OAAO,8CAA4B;IAInC,OAAO,2DAAoB;IAI3B,KAAK,8CAA4B;IAIjC,QAAQ,2DAAoB;IAI5B,QAAQ,2DAAoB;IAC5B;;OAEG;IACH,YAAY,0FAAmD;IAE/D,OAAO,CAAC,QAAQ,CAA6D;IAC7E,OAAO,CAAC,UAAU,CAAmD;IAErE,aAAa,sDAEV;IAEH,SAAS,qDAEN;IAEH,YAAY,sDAET;IAEH,cAAc,qDAKX;IAEH,KAAK;IAIL,aAAa,CAAC,KAAK,EAAE,KAAK;IAK1B,QAAQ;yCAzDG,cAAc;2CAAd,cAAc;CA8D1B"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { RadioGroupComponent } from "../radio-group/radio-group.component";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../choicegroup/choicegroup.directive";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use Radio with RadioCard label from TEDI-ready instead. This component will be removed from future versions.
|
|
6
|
+
*/
|
|
4
7
|
export declare class RadioCardGroupComponent extends RadioGroupComponent {
|
|
5
8
|
direction: import("@angular/core").InputSignal<"row" | "column">;
|
|
6
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioCardGroupComponent, never>;
|
package/community/components/form/radio/radio-card-group/radio-card-group.component.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-card-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/radio/radio-card-group/radio-card-group.component.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;;;
|
|
1
|
+
{"version":3,"file":"radio-card-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/radio/radio-card-group/radio-card-group.component.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;;;AAE3E;;GAEG;AACH,qBA8Ba,uBAAwB,SAAQ,mBAAmB;IAIrD,SAAS,wDAAkC;yCAJzC,uBAAuB;2CAAvB,uBAAuB;CAKnC"}
|
|
@@ -3,6 +3,9 @@ import { RadioValue } from "../radio/radio.component";
|
|
|
3
3
|
import { ComponentInputs, FeedbackTextComponent } from "@tedi-design-system/angular/tedi";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export type RadioGroupSize = "default" | "large";
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
|
|
8
|
+
*/
|
|
6
9
|
export declare class RadioGroupComponent implements ControlValueAccessor {
|
|
7
10
|
name: import("@angular/core").InputSignal<string>;
|
|
8
11
|
id: import("@angular/core").InputSignal<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/radio/radio-group/radio-group.component.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAkB,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;;AAE1G,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjD,qBAoBa,mBAAoB,YAAW,oBAAoB;IAI9D,IAAI,8CAA4B;IAIhC,EAAE,8CAA4B;IAC9B;;OAEG;IACH,KAAK,0DAAmB;IAIxB,QAAQ,2DAAoB;IAI5B,QAAQ,2DAAoB;IAI5B,IAAI,sDAAoC;IAIxC,SAAS,wDAAqC;IAK9C,OAAO,8CAAoB;IAC3B;;OAEG;IACH,YAAY,0FAAmD;IAM/D,MAAM,mDAAwB;IAE9B,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,gBAAgB,CAA0B;IAElD,aAAa,0CAEV;IACH,UAAU,gDAA4B;IAEtC,OAAO,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"radio-group.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/form/radio/radio-group/radio-group.component.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAkB,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;;AAE1G,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjD;;GAEG;AACH,qBAoBa,mBAAoB,YAAW,oBAAoB;IAI9D,IAAI,8CAA4B;IAIhC,EAAE,8CAA4B;IAC9B;;OAEG;IACH,KAAK,0DAAmB;IAIxB,QAAQ,2DAAoB;IAI5B,QAAQ,2DAAoB;IAI5B,IAAI,sDAAoC;IAIxC,SAAS,wDAAqC;IAK9C,OAAO,8CAAoB;IAC3B;;OAEG;IACH,YAAY,0FAAmD;IAM/D,MAAM,mDAAwB;IAE9B,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,gBAAgB,CAA0B;IAElD,aAAa,0CAEV;IACH,UAAU,gDAA4B;IAEtC,OAAO,CAAC,SAAS,CAAwC;IACzD,OAAO,CAAC,UAAU,CAAqC;IAEvD,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI;IAG1C,gBAAgB,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI;IAGrD,iBAAiB,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAGnD,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI3C,WAAW,CAAC,KAAK,EAAE,MAAM;yCArEd,mBAAmB;2CAAnB,mBAAmB;CAyE/B"}
|
|
@@ -495,6 +495,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
495
495
|
}]
|
|
496
496
|
}] });
|
|
497
497
|
|
|
498
|
+
/**
|
|
499
|
+
* @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
|
|
500
|
+
*/
|
|
498
501
|
class CheckboxGroupComponent {
|
|
499
502
|
/**
|
|
500
503
|
* Checkbox group label.
|
|
@@ -544,6 +547,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
544
547
|
}, template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"] }]
|
|
545
548
|
}] });
|
|
546
549
|
|
|
550
|
+
/**
|
|
551
|
+
* @deprecated Use Checkbox with CheckboxCard label from TEDI-ready instead. This component will be removed from future versions.
|
|
552
|
+
*/
|
|
547
553
|
class CheckboxCardGroupComponent extends CheckboxGroupComponent {
|
|
548
554
|
/*
|
|
549
555
|
* Direction in which checkboxes flow.
|
|
@@ -626,6 +632,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
626
632
|
], template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-default-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-selected-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-hover-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-disabled-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var( --form-checkbox-radio-default-border-selected-inverted );--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-group )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-default-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-selected-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-hover-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-disabled-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-default-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-selected-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-hover-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-disabled-border )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n", ".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"] }]
|
|
627
633
|
}] });
|
|
628
634
|
|
|
635
|
+
/**
|
|
636
|
+
* @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
|
|
637
|
+
*/
|
|
629
638
|
class CheckboxComponent {
|
|
630
639
|
/*
|
|
631
640
|
* unique id.
|
|
@@ -825,6 +834,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
825
834
|
args: [{ selector: "tedi-input-group", standalone: true, encapsulation: ViewEncapsulation.None, imports: [FeedbackTextComponent, LabelComponent], template: "<div class=\"tedi-input-group\">\n @if (label()) {\n <label tedi-label [for]=\"labelID()\">\n <div class=\"tedi-input-group__label\">{{ label() }}</div>\n </label>\n }\n\n <div\n [class]=\"{\n 'tedi-input-group__container': true,\n 'tedi-input-group__container--disabled': disabled(),\n }\"\n >\n <div class=\"tedi-input-group__prefix\">\n <ng-content select=\"[prefix-slot]\" />\n </div>\n <div class=\"tedi-input-group__center\">\n <ng-content />\n </div>\n <div class=\"tedi-input-group__suffix\">\n <ng-content select=\"[suffix-slot]\" />\n </div>\n </div>\n @if (feedback(); as feedbackResult) {\n <tedi-feedback-text\n [text]=\"feedbackResult.text\"\n [type]=\"feedbackResult.type\"\n [position]=\"feedbackResult.position\"\n />\n }\n</div>\n", styles: [".tedi-input-group__container{--_input-group-rounded: var(--radius-02-default);--_input-group-background-color: var(--form-input-background-default);--_input-group-min-height: var(--dimensions-14);--_input-group-text-color: var(--general-text-secondary);--_input-group-border-width: var(--borders-01);--_input-group-border-color: var(--form-input-border-default);--_input-group-side-background-color: var( --form-general-background-action-background );--_input-group-border: var(--_input-group-border-width) solid var(--_input-group-border-color);--_input-group-input-border-radius: var(0);--_input-group-disabled-border-color: var(--tedi-neutral-350);--_input-group-disabled-background-color: var(--tedi-neutral-300);--_input-group-text-disabled-color: var(--tedi-neutral-450);--_input-group-select-padding: 0;--_input-group-select-border: 0;--_input-group-share-border-size: 0;--_input-group-padding-x: var(--form-field-padding-x-md-default);--_input-group-padding-y: var(--form-field-padding-y-md-default);display:flex;background-color:transparent;color:var(--_input-group-text-color);min-height:var(--_input-group-min-height);overflow:hidden}.tedi-input-group__container input.tedi-input{margin:0;width:100%}.tedi-input-group__container .tedi-input-group__prefix .tedi-input:focus{z-index:1000;overflow:visible}.tedi-input-group__container:has(.tedi-input-group__prefix:empty){border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__prefix:empty) input.tedi-input{border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty){border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty) input.tedi-input{border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:hover{border-right:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:hover{border-left:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container:has(.tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__prefix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-left:var(--_input-group-share-border-size)}.tedi-input-group__container:has(.tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__suffix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-right:var(--_input-group-share-border-size)}.tedi-input-group__center .tedi-input{border-radius:var(--_input-group-input-border-radius)}.tedi-input-group__container--disabled{--_input-group-text-color: var(--_input-group-text-disabled-color);--_input-group-border-color: var(--_input-group-disabled-border-color);--_input-group-background-color: var( --_input-group-disabled-background-color );--_input-group-side-background-color: var( --_input-group-disabled-background-color )}.tedi-input-group__prefix,.tedi-input-group__suffix{display:flex;align-items:center;flex-shrink:0;background:var(--_input-group-side-background-color);border:var(--_input-group-border);padding:var(--_input-group-padding-y) var(--_input-group-padding-x)}.tedi-input-group__prefix:has(tedi-select),.tedi-input-group__suffix:has(tedi-select){--_input-group-border: var(--_input-group-select-border);padding:var(--_input-group-select-padding);background-color:transparent}.tedi-input-group__prefix tedi-select .tedi-select__trigger,.tedi-input-group__suffix tedi-select .tedi-select__trigger{background:var(--_input-group-side-background-color);height:100%;margin:0}.tedi-input-group__prefix:empty,.tedi-input-group__suffix:empty{display:none}.tedi-input-group__prefix .tedi-select__arrow,.tedi-input-group__suffix .tedi-select__arrow{margin:0;padding:0}.tedi-input-group__prefix{border-right:0;border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__prefix tedi-select .tedi-select__trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.tedi-input-group__suffix{border-left:0;border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__suffix tedi-select .tedi-select__trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}\n"] }]
|
|
826
835
|
}] });
|
|
827
836
|
|
|
837
|
+
/**
|
|
838
|
+
* @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
|
|
839
|
+
*/
|
|
828
840
|
class RadioGroupComponent {
|
|
829
841
|
/*
|
|
830
842
|
* Radio group name
|
|
@@ -915,6 +927,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
915
927
|
}, template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n"] }]
|
|
916
928
|
}] });
|
|
917
929
|
|
|
930
|
+
/**
|
|
931
|
+
* @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
|
|
932
|
+
*/
|
|
918
933
|
class RadioComponent {
|
|
919
934
|
/*
|
|
920
935
|
* unique id.
|
|
@@ -981,6 +996,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
981
996
|
}, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-checkbox-radio-default-background-default);--_radio-border: var(--form-checkbox-radio-default-border-default);--_radio-label-color: var(--general-text-primary);--_radio-dot-bg: var(--_radio-border);--_radio-dot-size: 12px;--_radio-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_radio-size: var(--form-checkbox-radio-size-responsive);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-radio__input-area{position:relative;grid-area:input-area}.tedi-radio__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-radio__indicator{position:relative;width:var(--_radio-size);height:var(--_radio-size);border-radius:50%;border:1px solid var(--_radio-border);background:var(--_radio-bg);margin-right:var(--_radio-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-radio__indicator:after{content:\"\";border-radius:50%;display:none;background:var(--_radio-dot-bg);height:var(--_radio-dot-size);width:var(--_radio-dot-size)}.tedi-radio__label{color:var(--_radio-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-radio:has(input:checked) .tedi-radio__indicator:after{display:block}.tedi-radio:has(input:checked){--_radio-border: var(--form-checkbox-radio-default-border-selected)}.tedi-radio:has(input:hover,input:focus-visible) .tedi-radio__indicator{outline:1px solid var(--_radio-border)}.tedi-radio:has(input:hover,input:focus-visible){--_radio-border: var(--form-checkbox-radio-default-border-hover)}.tedi-radio:has(input:active){--_radio-border: var(--form-checkbox-radio-default-border-active)}.tedi-radio:has(input:disabled){pointer-events:none;--_radio-label-color: var(--general-text-disabled);--_radio-bg: var(--form-input-background-disabled);--_radio-border: var(--form-input-border-disabled)}.tedi-radio:has(input:disabled:checked){--_radio-dot-bg: var( --form-checkbox-radio-default-background-selected-disabled );--_radio-border: var( --form-checkbox-radio-default-border-selected-disabled )}.tedi-radio--error{--_radio-bg: var(--form-checkbox-radio-default-background-error);--_radio-border: var(--form-general-feedback-error-border)}.tedi-radio--large{--_radio-dot-size: 16px;--_radio-size: var(--form-checkbox-radio-size-large)}.tedi-radio .tedi-feedback-text{grid-area:feedback}\n"] }]
|
|
982
997
|
}] });
|
|
983
998
|
|
|
999
|
+
/**
|
|
1000
|
+
* @deprecated Use Radio with RadioCard label from TEDI-ready instead. This component will be removed from future versions.
|
|
1001
|
+
*/
|
|
984
1002
|
class RadioCardGroupComponent extends RadioGroupComponent {
|
|
985
1003
|
/*
|
|
986
1004
|
* Direction in which radios flow.
|