@kms-ngx-ui/presentational 18.0.5 → 18.0.6-beta.1
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/esm2022/assets/icons.json +1 -1
- package/esm2022/lib/ui/kms-accordion-item/kms-accordion-item.component.mjs +5 -3
- package/esm2022/lib/ui/radiobutton/radiobutton.component.mjs +8 -3
- package/fesm2022/kms-ngx-ui-presentational.mjs +10 -4
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/ui/kms-accordion-item/kms-accordion-item.component.d.ts +2 -0
- package/lib/ui/radiobutton/radiobutton.component.d.ts +2 -0
- package/package.json +1 -1
- package/src/assets/icons.json +1 -1
- package/src/assets/sprite.svg +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
["alert-outline", "arrow-down", "arrow-left", "arrow-right-left", "arrow-right", "arrow-top", "arrows-left", "calendar", "camera", "cardealer", "checkbox_active", "checkbox_inactive", "checkbox_inner", "checkmark-circle", "checkmark-filled", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "circle", "clock", "close-circle", "close", "cog", "collapse-right", "create", "credit", "diamond", "download", "drag1", "edit-circle", "efficiency", "electro-cable", "ellipse", "end", "export-all", "facebook", "file-download", "file-upload", "floating_button", "floating_button_clear", "ic-invoice", "ic-policy", "ic_GEZ", "ic_abbrechen-filled", "ic_abbrechen", "ic_back", "ic_bereifung", "ic_bezeichnung", "ic_booking", "ic_cancel_form", "ic_car", "ic_check", "ic_check_form", "ic_co2", "ic_credit-card", "ic_edit", "ic_equipment", "ic_eye", "ic_eye_active", "ic_filter", "ic_form_error", "ic_form_finished", "ic_gkm", "ic_heart", "ic_heart_filled", "ic_historie", "ic_home", "ic_home_new", "ic_inclusivekm", "ic_info", "ic_kraftstoff", "ic_language", "ic_last", "ic_laufleistung", "ic_left", "ic_lkm", "ic_lock", "ic_menu", "ic_minus", "ic_new-car", "ic_pickup", "ic_pin", "ic_plus-circle", "ic_plus", "ic_radiobutton_active", "ic_radiobutton_inactive", "ic_redirect", "ic_return", "ic_schaltung", "ic_settings", "ic_shops", "ic_side_front", "ic_side_front_left", "ic_side_front_left_tire", "ic_side_front_right", "ic_side_front_right_tire", "ic_side_front_zoomed", "ic_side_rear", "ic_side_rear_left", "ic_side_rear_left_tire", "ic_side_rear_right", "ic_side_rear_right_tire", "ic_slider", "ic_spezification", "ic_steuer_versicherung", "ic_tool", "ic_tooltip_drag", "ic_used-car", "ic_vertrag", "ic_wartung_verschleiss", "ic_zulassung", "image", "instagram", "kms-logo-white", "kms-logo", "linkedin", "mail", "map", "mileage", "move-list-left", "move-list-right", "palette", "pdf", "polestar", "position", "price-tag", "profile-filled", "profile", "profile2", "question-circle", "question-filled", "question", "rent", "search", "security", "special_entry", "star-outline", "star", "start", "submenu-dots", "subscription", "support", "trash", "tumblr", "twitter", "tyre", "upload", "user-circle", "users", "water", "whatsapp", "width", "xing", "youtube", "zahlung_active", "zahlungsanforderung"]
|
|
1
|
+
["alert-outline", "arrow-down", "arrow-left", "arrow-right-left", "arrow-right", "arrow-top", "arrows-left", "calendar", "camera", "cardealer", "checkbox_active", "checkbox_inactive", "checkbox_inner", "checkmark-circle", "checkmark-filled", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "circle", "clock", "close-circle", "close", "cog", "collapse-right", "create", "credit", "diamond", "download", "drag1", "edit-circle", "efficiency", "electro-cable", "ellipse", "end", "export-all", "facebook", "file-download", "file-upload", "floating_button", "floating_button_clear", "ic-invoice", "ic-policy", "ic_GEZ", "ic_abbrechen-filled", "ic_abbrechen", "ic_back", "ic_bereifung", "ic_bezeichnung", "ic_booking", "ic_cancel_form", "ic_car", "ic_check", "ic_check_form", "ic_co2", "ic_credit-card", "ic_edit", "ic_equipment", "ic_extras", "ic_eye", "ic_eye_active", "ic_filter", "ic_form_error", "ic_form_finished", "ic_gkm", "ic_heart", "ic_heart_filled", "ic_historie", "ic_home", "ic_home_new", "ic_inclusivekm", "ic_info", "ic_kraftstoff", "ic_language", "ic_last", "ic_laufleistung", "ic_left", "ic_lkm", "ic_lock", "ic_menu", "ic_minus", "ic_new-car", "ic_pickup", "ic_pin", "ic_plus-circle", "ic_plus", "ic_radiobutton_active", "ic_radiobutton_inactive", "ic_redirect", "ic_return", "ic_schaltung", "ic_settings", "ic_shops", "ic_side_front", "ic_side_front_left", "ic_side_front_left_tire", "ic_side_front_right", "ic_side_front_right_tire", "ic_side_front_zoomed", "ic_side_rear", "ic_side_rear_left", "ic_side_rear_left_tire", "ic_side_rear_right", "ic_side_rear_right_tire", "ic_slider", "ic_spezification", "ic_steuer_versicherung", "ic_tool", "ic_tooltip_drag", "ic_used-car", "ic_vertrag", "ic_wartung_verschleiss", "ic_zulassung", "image", "instagram", "kms-logo-white", "kms-logo", "linkedin", "mail", "map", "mileage", "move-list-left", "move-list-right", "palette", "pdf", "polestar", "position", "price-tag", "profile-filled", "profile", "profile2", "question-circle", "question-filled", "question", "rent", "search", "security", "special_entry", "star-outline", "star", "start", "submenu-dots", "subscription", "support", "trash", "tumblr", "twitter", "tyre", "upload", "user-circle", "users", "water", "whatsapp", "width", "xing", "youtube", "zahlung_active", "zahlungsanforderung"]
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* @copyright KMS GmbH
|
|
3
3
|
*/
|
|
4
4
|
import { Component, Input } from '@angular/core';
|
|
5
|
+
import { Color } from '../../enums/colors.enum';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
import * as i1 from "@angular/platform-browser";
|
|
7
8
|
import * as i2 from "@angular/common";
|
|
@@ -20,15 +21,16 @@ export class KMSAccordionItemComponent {
|
|
|
20
21
|
this.showAsCard = false;
|
|
21
22
|
this.isSmall = false;
|
|
22
23
|
this.expanded = false;
|
|
24
|
+
this.Color = Color;
|
|
23
25
|
this.panelOpenState = false;
|
|
24
26
|
}
|
|
25
27
|
ngOnInit() { }
|
|
26
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KMSAccordionItemComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KMSAccordionItemComponent, selector: "kms-accordion-item", inputs: { showAsCard: "showAsCard", isSmall: "isSmall", expanded: "expanded", itemTitle: "itemTitle" }, ngImport: i0, template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KMSAccordionItemComponent, selector: "kms-accordion-item", inputs: { showAsCard: "showAsCard", isSmall: "isSmall", expanded: "expanded", itemTitle: "itemTitle" }, ngImport: i0, template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n <kms-icon\n *ngIf=\"panelOpenState\"\n icon=\"ic_minus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n </div>\n </mat-expansion-panel-header>\n <ng-content></ng-content>\n</mat-expansion-panel>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4.SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "component", type: i5.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
|
|
28
30
|
}
|
|
29
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KMSAccordionItemComponent, decorators: [{
|
|
30
32
|
type: Component,
|
|
31
|
-
args: [{ selector: 'kms-accordion-item', template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n
|
|
33
|
+
args: [{ selector: 'kms-accordion-item', template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n <kms-icon\n *ngIf=\"panelOpenState\"\n icon=\"ic_minus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n </div>\n </mat-expansion-panel-header>\n <ng-content></ng-content>\n</mat-expansion-panel>\n" }]
|
|
32
34
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { showAsCard: [{
|
|
33
35
|
type: Input
|
|
34
36
|
}], isSmall: [{
|
|
@@ -38,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
38
40
|
}], itemTitle: [{
|
|
39
41
|
type: Input
|
|
40
42
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia21zLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9rbXMtYWNjb3JkaW9uLWl0ZW0va21zLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9rbXMtYWNjb3JkaW9uLWl0ZW0va21zLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7O0FBRWhEOztHQUVHO0FBTUgsTUFBTSxPQUFPLHlCQUF5QjtJQUtwQyxJQUNXLFNBQVMsQ0FBQyxHQUFXO1FBQzlCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFLRCxZQUE2QixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBWHBDLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBTWpDLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxtQkFBYyxHQUFHLEtBQUssQ0FBQztJQUVnQyxDQUFDO0lBRXhELFFBQVEsS0FBSSxDQUFDOytHQWZGLHlCQUF5QjttR0FBekIseUJBQXlCLGtLQ2hCdEMsK2hDQWlDQTs7NEZEakJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0I7aUZBTWQsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBRUssU0FBUztzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGNvcHlyaWdodCBLTVMgR21iSFxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi8uLi9lbnVtcy9jb2xvcnMuZW51bSc7XG5cbi8qKlxuICogQSBnZW5lcmljIGRpYWxvZyBjb21wb25lbnRcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna21zLWFjY29yZGlvbi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ttcy1hY2NvcmRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ttcy1hY2NvcmRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBLTVNBY2NvcmRpb25JdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIGl0ZW1UaXRsZVRydXN0SHRtbDogU2FmZUh0bWwgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaG93QXNDYXJkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc1NtYWxsID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBleHBhbmRlZCA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGl0ZW1UaXRsZSh2YWw6IHN0cmluZykge1xuICAgIHRoaXMuaXRlbVRpdGxlVHJ1c3RIdG1sID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwodmFsKTtcbiAgfVxuXG4gIENvbG9yID0gQ29sb3I7XG4gIHBhbmVsT3BlblN0YXRlID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICBuZ09uSW5pdCgpIHt9XG59XG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbFxuICBjbGFzcz1cImttcy1hY2NvcmRpb25cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2ttcy1hY2NvcmRpb24tLWZsYXQnOiAhc2hvd0FzQ2FyZCxcbiAgICAna21zLWFjY29yZGlvbi0tc21hbGwnOiBpc1NtYWxsXG4gIH1cIlxuICAob3BlbmVkKT1cInBhbmVsT3BlblN0YXRlID0gdHJ1ZVwiXG4gIChjbG9zZWQpPVwicGFuZWxPcGVuU3RhdGUgPSBmYWxzZVwiXG4gIFtleHBhbmRlZF09XCJleHBhbmRlZFwiXG4gIGhpZGVUb2dnbGU9XCJ0cnVlXCJcbj5cbiAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyIGNsYXNzPVwia21zLWFjY29yZGlvbl9faGVhZGVyXCI+XG4gICAgPG1hdC1wYW5lbC10aXRsZSBjbGFzcz1cIm1hdC1zdWJoZWFkaW5nLTIga21zLWFjY29yZGlvbl9fdGl0bGVcIj5cbiAgICAgIDxkaXYgW2lubmVySHRtbF09XCJpdGVtVGl0bGVUcnVzdEh0bWxcIj48L2Rpdj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpdGVtVGl0bGVFbGVtZW50XVwiPjwvbmctY29udGVudD5cbiAgICA8L21hdC1wYW5lbC10aXRsZT5cbiAgICA8ZGl2IGNsYXNzPVwia21zLWFjY29yZGlvbl9faGVhZGVyLWljb24td3JhcHBlclwiPlxuICAgICAgPGttcy1pY29uXG4gICAgICAgICpuZ0lmPVwiIXBhbmVsT3BlblN0YXRlXCJcbiAgICAgICAgaWNvbj1cImljX3BsdXNcIlxuICAgICAgICBbY29sb3JdPVwiQ29sb3IuUFJJTUFSWVwiXG4gICAgICAgIFtzaXplXT1cImlzU21hbGwgPyAxNiA6IDIyXCJcbiAgICAgID48L2ttcy1pY29uPlxuICAgICAgPGttcy1pY29uXG4gICAgICAgICpuZ0lmPVwicGFuZWxPcGVuU3RhdGVcIlxuICAgICAgICBpY29uPVwiaWNfbWludXNcIlxuICAgICAgICBbY29sb3JdPVwiQ29sb3IuUFJJTUFSWVwiXG4gICAgICAgIFtzaXplXT1cImlzU21hbGwgPyAxNiA6IDIyXCJcbiAgICAgID48L2ttcy1pY29uPlxuICAgIDwvZGl2PlxuICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L21hdC1leHBhbnNpb24tcGFuZWw+XG4iXX0=
|
|
@@ -15,18 +15,23 @@ export class RadioButtonComponent {
|
|
|
15
15
|
this.size = 'medium';
|
|
16
16
|
this.color = 'primary';
|
|
17
17
|
this.onChange = new EventEmitter();
|
|
18
|
+
this._onChange = (_) => { };
|
|
19
|
+
this._onTouched = () => { };
|
|
18
20
|
}
|
|
19
21
|
onRadioChange(event) {
|
|
22
|
+
this.checked = true;
|
|
23
|
+
this._onChange(this.value);
|
|
24
|
+
this._onTouched();
|
|
20
25
|
this.onChange.emit(event);
|
|
21
26
|
}
|
|
22
27
|
writeValue(value) {
|
|
23
28
|
this.checked = value === this.value;
|
|
24
29
|
}
|
|
25
30
|
registerOnChange(fn) {
|
|
26
|
-
this.
|
|
31
|
+
this._onChange = fn;
|
|
27
32
|
}
|
|
28
33
|
registerOnTouched(fn) {
|
|
29
|
-
this.
|
|
34
|
+
this._onTouched = fn;
|
|
30
35
|
}
|
|
31
36
|
setDisabledState(isDisabled) {
|
|
32
37
|
this.disabled = isDisabled;
|
|
@@ -64,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
64
69
|
}], onChange: [{
|
|
65
70
|
type: Output
|
|
66
71
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW9idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL3JhZGlvYnV0dG9uL3JhZGlvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9yYWRpb2J1dHRvbi9yYWRpb2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFjekUsTUFBTSxPQUFPLG9CQUFvQjtJQVpqQztRQWFXLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzlDLFVBQUssR0FBa0MsU0FBUyxDQUFDO1FBRWhELGFBQVEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUxRCxjQUFTLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUMzQixlQUFVLEdBQUcsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBd0IvQjtJQXRCQyxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7K0dBbENVLG9CQUFvQjttR0FBcEIsb0JBQW9CLGlNQVJwQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ25ELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkN0QkgsME9BV0E7OzRGRGFhLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFHaEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna21zLXJhZGlvYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBSYWRpb0J1dHRvbkNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHZhbHVlOiBhbnk7XG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICdhY2NlbnQnIHwgJ3dhcm4nID0gJ3ByaW1hcnknO1xuXG4gIEBPdXRwdXQoKSBvbkNoYW5nZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHByaXZhdGUgX29uQ2hhbmdlID0gKF86IGFueSkgPT4ge307XG4gIHByaXZhdGUgX29uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIG9uUmFkaW9DaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZCA9IHRydWU7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5fb25Ub3VjaGVkKCk7XG4gICAgdGhpcy5vbkNoYW5nZS5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZCA9IHZhbHVlID09PSB0aGlzLnZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5fb25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLl9vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG59XG4iLCI8bWF0LXJhZGlvLWJ1dHRvblxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgW25nQ2xhc3NdPVwic2l6ZVwiXG4gIFtjb2xvcl09XCJjb2xvclwiXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gIChjaGFuZ2UpPVwib25DaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgbmdEZWZhdWx0Q29udHJvbFxuPlxuICB7eyBsYWJlbCB9fVxuPC9tYXQtcmFkaW8tYnV0dG9uPlxuIl19
|
|
@@ -1233,15 +1233,16 @@ class KMSAccordionItemComponent {
|
|
|
1233
1233
|
this.showAsCard = false;
|
|
1234
1234
|
this.isSmall = false;
|
|
1235
1235
|
this.expanded = false;
|
|
1236
|
+
this.Color = Color;
|
|
1236
1237
|
this.panelOpenState = false;
|
|
1237
1238
|
}
|
|
1238
1239
|
ngOnInit() { }
|
|
1239
1240
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KMSAccordionItemComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1240
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KMSAccordionItemComponent, selector: "kms-accordion-item", inputs: { showAsCard: "showAsCard", isSmall: "isSmall", expanded: "expanded", itemTitle: "itemTitle" }, ngImport: i0, template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n
|
|
1241
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KMSAccordionItemComponent, selector: "kms-accordion-item", inputs: { showAsCard: "showAsCard", isSmall: "isSmall", expanded: "expanded", itemTitle: "itemTitle" }, ngImport: i0, template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n <kms-icon\n *ngIf=\"panelOpenState\"\n icon=\"ic_minus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n </div>\n </mat-expansion-panel-header>\n <ng-content></ng-content>\n</mat-expansion-panel>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
|
|
1241
1242
|
}
|
|
1242
1243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KMSAccordionItemComponent, decorators: [{
|
|
1243
1244
|
type: Component,
|
|
1244
|
-
args: [{ selector: 'kms-accordion-item', template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n
|
|
1245
|
+
args: [{ selector: 'kms-accordion-item', template: "<mat-expansion-panel\n class=\"kms-accordion\"\n [ngClass]=\"{\n 'kms-accordion--flat': !showAsCard,\n 'kms-accordion--small': isSmall\n }\"\n (opened)=\"panelOpenState = true\"\n (closed)=\"panelOpenState = false\"\n [expanded]=\"expanded\"\n hideToggle=\"true\"\n>\n <mat-expansion-panel-header class=\"kms-accordion__header\">\n <mat-panel-title class=\"mat-subheading-2 kms-accordion__title\">\n <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n <ng-content select=\"[itemTitleElement]\"></ng-content>\n </mat-panel-title>\n <div class=\"kms-accordion__header-icon-wrapper\">\n <kms-icon\n *ngIf=\"!panelOpenState\"\n icon=\"ic_plus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n <kms-icon\n *ngIf=\"panelOpenState\"\n icon=\"ic_minus\"\n [color]=\"Color.PRIMARY\"\n [size]=\"isSmall ? 16 : 22\"\n ></kms-icon>\n </div>\n </mat-expansion-panel-header>\n <ng-content></ng-content>\n</mat-expansion-panel>\n" }]
|
|
1245
1246
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { showAsCard: [{
|
|
1246
1247
|
type: Input
|
|
1247
1248
|
}], isSmall: [{
|
|
@@ -1386,18 +1387,23 @@ class RadioButtonComponent {
|
|
|
1386
1387
|
this.size = 'medium';
|
|
1387
1388
|
this.color = 'primary';
|
|
1388
1389
|
this.onChange = new EventEmitter();
|
|
1390
|
+
this._onChange = (_) => { };
|
|
1391
|
+
this._onTouched = () => { };
|
|
1389
1392
|
}
|
|
1390
1393
|
onRadioChange(event) {
|
|
1394
|
+
this.checked = true;
|
|
1395
|
+
this._onChange(this.value);
|
|
1396
|
+
this._onTouched();
|
|
1391
1397
|
this.onChange.emit(event);
|
|
1392
1398
|
}
|
|
1393
1399
|
writeValue(value) {
|
|
1394
1400
|
this.checked = value === this.value;
|
|
1395
1401
|
}
|
|
1396
1402
|
registerOnChange(fn) {
|
|
1397
|
-
this.
|
|
1403
|
+
this._onChange = fn;
|
|
1398
1404
|
}
|
|
1399
1405
|
registerOnTouched(fn) {
|
|
1400
|
-
this.
|
|
1406
|
+
this._onTouched = fn;
|
|
1401
1407
|
}
|
|
1402
1408
|
setDisabledState(isDisabled) {
|
|
1403
1409
|
this.disabled = isDisabled;
|