@indigina/ui-kit 1.0.89 → 1.0.92
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/bundles/indigina-ui-kit.umd.js +11 -7
- package/bundles/indigina-ui-kit.umd.js.map +1 -1
- package/esm2015/lib/components/kit-autocomplete/kit-autocomplete.component.js +1 -1
- package/esm2015/lib/components/kit-button/kit-button.component.js +1 -1
- package/esm2015/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.js +6 -2
- package/esm2015/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.js +2 -2
- package/esm2015/lib/components/kit-dropdown/kit-dropdown.component.js +1 -1
- package/esm2015/lib/components/kit-switch/kit-switch.component.js +1 -1
- package/esm2015/lib/components/kit-text-label/kit-text-label.component.js +1 -1
- package/fesm2015/indigina-ui-kit.js +11 -7
- package/fesm2015/indigina-ui-kit.js.map +1 -1
- package/indigina-ui-kit.metadata.json +1 -1
- package/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.d.ts +3 -1
- package/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.d.ts +2 -2
- package/package.json +1 -1
- package/styles/theming.scss +11 -0
|
@@ -127,7 +127,7 @@ KitAutocompleteComponent.decorators = [
|
|
|
127
127
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
128
128
|
multi: true,
|
|
129
129
|
}],
|
|
130
|
-
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-select{display:none}.kit-autocomplete .k-combobox{width:100%}.kit-autocomplete .k-dropdown-wrap{height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-autocomplete .k-input{padding:0 32px 0 8px;height:100%;color:#002a3a;font-size:13px}.kit-autocomplete .k-input::selection{background:#00b0ad}.kit-autocomplete .loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-dropdown-wrap{border-color:#00b0ad}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-nodata,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list-scroller{display:none}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"]
|
|
130
|
+
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-select{display:none}.kit-autocomplete .k-combobox{width:100%}.kit-autocomplete .k-dropdown-wrap{height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-autocomplete .k-input{padding:0 32px 0 8px;height:100%;color:#002a3a;font-size:13px}.kit-autocomplete .k-input::selection{background:#00b0ad}.kit-autocomplete .loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-dropdown-wrap{border-color:#00b0ad}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-nodata,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list-scroller{display:none}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"]
|
|
131
131
|
},] }
|
|
132
132
|
];
|
|
133
133
|
KitAutocompleteComponent.ctorParameters = () => [
|
|
@@ -33,7 +33,7 @@ KitButtonComponent.decorators = [
|
|
|
33
33
|
selector: 'kit-button',
|
|
34
34
|
template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n",
|
|
35
35
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
36
|
-
styles: [".kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color
|
|
36
|
+
styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;grid-gap:0;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"]
|
|
37
37
|
},] }
|
|
38
38
|
];
|
|
39
39
|
KitButtonComponent.propDecorators = {
|
package/esm2015/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.js
CHANGED
|
@@ -4,6 +4,8 @@ export class KitCtaPanelConfirmationComponent {
|
|
|
4
4
|
constructor(formBuilder) {
|
|
5
5
|
this.formBuilder = formBuilder;
|
|
6
6
|
this.confirmButtonDisabled = false;
|
|
7
|
+
this.quitText = '';
|
|
8
|
+
this.confirmText = '';
|
|
7
9
|
this.quitClicked = new EventEmitter();
|
|
8
10
|
this.confirmClicked = new EventEmitter();
|
|
9
11
|
this.form = this.formBuilder.group({
|
|
@@ -17,7 +19,7 @@ export class KitCtaPanelConfirmationComponent {
|
|
|
17
19
|
KitCtaPanelConfirmationComponent.decorators = [
|
|
18
20
|
{ type: Component, args: [{
|
|
19
21
|
selector: 'kit-cta-panel-confirmation',
|
|
20
|
-
template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n",
|
|
22
|
+
template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n",
|
|
21
23
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
22
24
|
encapsulation: ViewEncapsulation.None,
|
|
23
25
|
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"]
|
|
@@ -29,7 +31,9 @@ KitCtaPanelConfirmationComponent.ctorParameters = () => [
|
|
|
29
31
|
KitCtaPanelConfirmationComponent.propDecorators = {
|
|
30
32
|
data: [{ type: Input }],
|
|
31
33
|
confirmButtonDisabled: [{ type: Input }],
|
|
34
|
+
quitText: [{ type: Input }],
|
|
35
|
+
confirmText: [{ type: Input }],
|
|
32
36
|
quitClicked: [{ type: Output }],
|
|
33
37
|
confirmClicked: [{ type: Output }]
|
|
34
38
|
};
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsV0FBVyxFQUFhLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBbUJwRSxNQUFNLE9BQU8sZ0NBQWdDO0lBYzNDLFlBQ1UsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFiekIsMEJBQXFCLEdBQVksS0FBSyxDQUFDO1FBRXZDLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFeEIsZ0JBQVcsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzRCxtQkFBYyxHQUFvQixJQUFJLFlBQVksRUFBSyxDQUFDO1FBRXpELFNBQUksR0FBYyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUNoRCxNQUFNLEVBQUUsQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztTQUNwQyxDQUFDLENBQUM7SUFLSCxDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25ELENBQUM7OztZQTVCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtnQkFDdEMsNi9CQUEwRDtnQkFFMUQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJOzthQUN0Qzs7O1lBbEJRLFdBQVc7OzttQkFvQmpCLEtBQUs7b0NBQ0wsS0FBSzt1QkFFTCxLQUFLOzBCQUNMLEtBQUs7MEJBRUwsTUFBTTs2QkFDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtpdERyb3Bkb3duSXRlbSB9IGZyb20gJy4uL2tpdC1kcm9wZG93bi9raXQtZHJvcGRvd24uY29tcG9uZW50JztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuZXhwb3J0IGludGVyZmFjZSBLaXRDdGFQYW5lbENvbmZpcm1hdGlvbjxUPiB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBpY29uOiBLaXRTdmdJY29uO1xuICBkcm9wZG93bkxhYmVsPzogc3RyaW5nO1xuICBkcm9wZG93bkl0ZW1zPzogS2l0RHJvcGRvd25JdGVtPFQ+W107XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uQ29tcG9uZW50PFQ+IHtcbiAgQElucHV0KCkgZGF0YT86IEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uPFQ+O1xuICBASW5wdXQoKSBjb25maXJtQnV0dG9uRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBxdWl0VGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNvbmZpcm1UZXh0OiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgcXVpdENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNvbmZpcm1DbGlja2VkOiBFdmVudEVtaXR0ZXI8VD4gPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XG5cbiAgcmVhZG9ubHkgZm9ybTogRm9ybUdyb3VwID0gdGhpcy5mb3JtQnVpbGRlci5ncm91cCh7XG4gICAgcmVhc29uOiBbbnVsbCwgVmFsaWRhdG9ycy5yZXF1aXJlZF0sXG4gIH0pO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyLFxuICApIHtcbiAgfVxuXG4gIG9uQ29uZmlybUJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlybUNsaWNrZWQuZW1pdCh0aGlzLmZvcm0udmFsdWUucmVhc29uKTtcbiAgfVxufVxuIl19
|
|
@@ -16,7 +16,7 @@ export class KitCtaPanelItemComponent {
|
|
|
16
16
|
KitCtaPanelItemComponent.decorators = [
|
|
17
17
|
{ type: Component, args: [{
|
|
18
18
|
selector: 'kit-cta-panel-item',
|
|
19
|
-
template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <button class=\"panel-item-button\" (click)=\"onButtonClick()\">\n <span
|
|
19
|
+
template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <button *ngIf=\"item?.buttonText\" class=\"panel-item-button\" (click)=\"onButtonClick()\">\n <span class=\"button-label\">{{ item?.buttonText }}</span>\n <kit-svg-icon class=\"button-icon\" [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"></kit-svg-icon>\n </button>\n </div>\n </div>\n</div>\n",
|
|
20
20
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
21
21
|
encapsulation: ViewEncapsulation.None,
|
|
22
22
|
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-item{padding:15px 20px;background:#ffffff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;border:none;background:none;cursor:pointer}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:6px}.kit-cta-panel-item .button-icon{width:16px;height:16px;stroke:#56a2f7;fill:none}\n"]
|
|
@@ -26,4 +26,4 @@ KitCtaPanelItemComponent.propDecorators = {
|
|
|
26
26
|
item: [{ type: Input }],
|
|
27
27
|
clicked: [{ type: Output }]
|
|
28
28
|
};
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWN0YS1wYW5lbC1pdGVtL2tpdC1jdGEtcGFuZWwtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFpQmhFLE1BQU0sT0FBTyx3QkFBd0I7SUFQckM7UUFVWSxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFeEQsZUFBVSxHQUFzQixVQUFVLENBQUM7SUFRdEQsQ0FBQztJQU5DLGFBQWE7O1FBQ1gsSUFBSSxNQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLE1BQU0sRUFBRTtZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ3BCO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs7WUFuQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLDZtQkFBa0Q7Z0JBRWxELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7YUFDdEM7OzttQkFFRSxLQUFLO3NCQUVMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0Q3RhUGFuZWxJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgYnV0dG9uVGV4dD86IHN0cmluZztcbiAgaWNvbj86IEtpdFN2Z0ljb247XG5cbiAgYWN0aW9uPygpOiB2b2lkO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtY3RhLXBhbmVsLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWN0YS1wYW5lbC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWN0YS1wYW5lbC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRDdGFQYW5lbEl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtPzogS2l0Q3RhUGFuZWxJdGVtO1xuXG4gIEBPdXRwdXQoKSBjbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuXG4gIG9uQnV0dG9uQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXRlbT8uYWN0aW9uKSB7XG4gICAgICB0aGlzLml0ZW0uYWN0aW9uKCk7XG4gICAgfVxuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -82,7 +82,7 @@ KitDropdownComponent.decorators = [
|
|
|
82
82
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
83
83
|
multi: true,
|
|
84
84
|
}],
|
|
85
|
-
styles: ["@charset \"UTF-8\";.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input{height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .k-dropdown{width:100%;height:34px}.kit-dropdown .k-dropdown-wrap{border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .k-dropdown-wrap:hover{background-color:#fff}.kit-dropdown .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-dropdown:focus-within .k-dropdown-wrap{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none!important;border-radius:2px;color:#002a3a;line-height:1}.kit-dropdown-popup.k-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-item:hover,.kit-dropdown-popup.k-popup .k-item.k-state-focused:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-item.k-state-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-item.k-state-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"]
|
|
85
|
+
styles: ["@charset \"UTF-8\";.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input{height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .k-dropdown{width:100%;height:34px}.kit-dropdown .k-dropdown-wrap{border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .k-dropdown-wrap:hover{background-color:#fff}.kit-dropdown .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-dropdown:focus-within .k-dropdown-wrap{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none!important;border-radius:2px;color:#002a3a;line-height:1}.kit-dropdown-popup.k-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-item:hover,.kit-dropdown-popup.k-popup .k-item.k-state-focused:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-item.k-state-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-item.k-state-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"]
|
|
86
86
|
},] }
|
|
87
87
|
];
|
|
88
88
|
KitDropdownComponent.ctorParameters = () => [
|
|
@@ -74,7 +74,7 @@ KitSwitchComponent.decorators = [
|
|
|
74
74
|
template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n",
|
|
75
75
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
76
76
|
encapsulation: ViewEncapsulation.None,
|
|
77
|
-
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#ffffff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--theme-color-1, #006890);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button .icon{stroke:var(--theme-color-1, #006890);fill:none}.kit-switch .button.k-button.k-state-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--theme-color-5, #002a3a);color:#fff}.kit-switch .button.k-button.k-state-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-state-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-state-selected.k-state-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
77
|
+
styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#ffffff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--theme-color-1, #006890);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button .icon{stroke:var(--theme-color-1, #006890);fill:none}.kit-switch .button.k-button.k-state-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--theme-color-5, #002a3a);color:#fff}.kit-switch .button.k-button.k-state-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-state-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-state-selected.k-state-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
78
78
|
},] }
|
|
79
79
|
];
|
|
80
80
|
KitSwitchComponent.propDecorators = {
|
|
@@ -35,7 +35,7 @@ KitTextLabelComponent.decorators = [
|
|
|
35
35
|
template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
36
36
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
37
37
|
encapsulation: ViewEncapsulation.None,
|
|
38
|
-
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#ffffff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
38
|
+
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#ffffff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
39
39
|
},] }
|
|
40
40
|
];
|
|
41
41
|
KitTextLabelComponent.propDecorators = {
|
|
@@ -61,7 +61,7 @@ KitButtonComponent.decorators = [
|
|
|
61
61
|
selector: 'kit-button',
|
|
62
62
|
template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n",
|
|
63
63
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
64
|
-
styles: [".kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color
|
|
64
|
+
styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;grid-gap:0;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"]
|
|
65
65
|
},] }
|
|
66
66
|
];
|
|
67
67
|
KitButtonComponent.propDecorators = {
|
|
@@ -336,7 +336,7 @@ KitSwitchComponent.decorators = [
|
|
|
336
336
|
template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n",
|
|
337
337
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
338
338
|
encapsulation: ViewEncapsulation.None,
|
|
339
|
-
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#ffffff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--theme-color-1, #006890);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button .icon{stroke:var(--theme-color-1, #006890);fill:none}.kit-switch .button.k-button.k-state-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--theme-color-5, #002a3a);color:#fff}.kit-switch .button.k-button.k-state-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-state-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-state-selected.k-state-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
339
|
+
styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#ffffff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--theme-color-1, #006890);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button .icon{stroke:var(--theme-color-1, #006890);fill:none}.kit-switch .button.k-button.k-state-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--theme-color-5, #002a3a);color:#fff}.kit-switch .button.k-button.k-state-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-state-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-state-selected.k-state-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
340
340
|
},] }
|
|
341
341
|
];
|
|
342
342
|
KitSwitchComponent.propDecorators = {
|
|
@@ -728,7 +728,7 @@ KitAutocompleteComponent.decorators = [
|
|
|
728
728
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
729
729
|
multi: true,
|
|
730
730
|
}],
|
|
731
|
-
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-select{display:none}.kit-autocomplete .k-combobox{width:100%}.kit-autocomplete .k-dropdown-wrap{height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-autocomplete .k-input{padding:0 32px 0 8px;height:100%;color:#002a3a;font-size:13px}.kit-autocomplete .k-input::selection{background:#00b0ad}.kit-autocomplete .loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-dropdown-wrap{border-color:#00b0ad}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-nodata,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list-scroller{display:none}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"]
|
|
731
|
+
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-select{display:none}.kit-autocomplete .k-combobox{width:100%}.kit-autocomplete .k-dropdown-wrap{height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-autocomplete .k-input{padding:0 32px 0 8px;height:100%;color:#002a3a;font-size:13px}.kit-autocomplete .k-input::selection{background:#00b0ad}.kit-autocomplete .loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-dropdown-wrap{border-color:#00b0ad}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-nodata,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list-scroller{display:none}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"]
|
|
732
732
|
},] }
|
|
733
733
|
];
|
|
734
734
|
KitAutocompleteComponent.ctorParameters = () => [
|
|
@@ -830,7 +830,7 @@ KitDropdownComponent.decorators = [
|
|
|
830
830
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
831
831
|
multi: true,
|
|
832
832
|
}],
|
|
833
|
-
styles: ["@charset \"UTF-8\";.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input{height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .k-dropdown{width:100%;height:34px}.kit-dropdown .k-dropdown-wrap{border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .k-dropdown-wrap:hover{background-color:#fff}.kit-dropdown .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-dropdown:focus-within .k-dropdown-wrap{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none!important;border-radius:2px;color:#002a3a;line-height:1}.kit-dropdown-popup.k-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-item:hover,.kit-dropdown-popup.k-popup .k-item.k-state-focused:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-item.k-state-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-item.k-state-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"]
|
|
833
|
+
styles: ["@charset \"UTF-8\";.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input{height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .k-dropdown{width:100%;height:34px}.kit-dropdown .k-dropdown-wrap{border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .k-dropdown-wrap:hover{background-color:#fff}.kit-dropdown .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-dropdown:focus-within .k-dropdown-wrap{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .k-dropdown-wrap{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none!important;border-radius:2px;color:#002a3a;line-height:1}.kit-dropdown-popup.k-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-item:hover,.kit-dropdown-popup.k-popup .k-item.k-state-focused:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-item.k-state-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-item.k-state-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"]
|
|
834
834
|
},] }
|
|
835
835
|
];
|
|
836
836
|
KitDropdownComponent.ctorParameters = () => [
|
|
@@ -1073,7 +1073,7 @@ KitTextLabelComponent.decorators = [
|
|
|
1073
1073
|
template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
1074
1074
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1075
1075
|
encapsulation: ViewEncapsulation.None,
|
|
1076
|
-
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#ffffff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
1076
|
+
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#ffffff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"]
|
|
1077
1077
|
},] }
|
|
1078
1078
|
];
|
|
1079
1079
|
KitTextLabelComponent.propDecorators = {
|
|
@@ -2028,7 +2028,7 @@ class KitCtaPanelItemComponent {
|
|
|
2028
2028
|
KitCtaPanelItemComponent.decorators = [
|
|
2029
2029
|
{ type: Component, args: [{
|
|
2030
2030
|
selector: 'kit-cta-panel-item',
|
|
2031
|
-
template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <button class=\"panel-item-button\" (click)=\"onButtonClick()\">\n <span
|
|
2031
|
+
template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <button *ngIf=\"item?.buttonText\" class=\"panel-item-button\" (click)=\"onButtonClick()\">\n <span class=\"button-label\">{{ item?.buttonText }}</span>\n <kit-svg-icon class=\"button-icon\" [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"></kit-svg-icon>\n </button>\n </div>\n </div>\n</div>\n",
|
|
2032
2032
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2033
2033
|
encapsulation: ViewEncapsulation.None,
|
|
2034
2034
|
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-item{padding:15px 20px;background:#ffffff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;border:none;background:none;cursor:pointer}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:6px}.kit-cta-panel-item .button-icon{width:16px;height:16px;stroke:#56a2f7;fill:none}\n"]
|
|
@@ -2123,6 +2123,8 @@ class KitCtaPanelConfirmationComponent {
|
|
|
2123
2123
|
constructor(formBuilder) {
|
|
2124
2124
|
this.formBuilder = formBuilder;
|
|
2125
2125
|
this.confirmButtonDisabled = false;
|
|
2126
|
+
this.quitText = '';
|
|
2127
|
+
this.confirmText = '';
|
|
2126
2128
|
this.quitClicked = new EventEmitter();
|
|
2127
2129
|
this.confirmClicked = new EventEmitter();
|
|
2128
2130
|
this.form = this.formBuilder.group({
|
|
@@ -2136,7 +2138,7 @@ class KitCtaPanelConfirmationComponent {
|
|
|
2136
2138
|
KitCtaPanelConfirmationComponent.decorators = [
|
|
2137
2139
|
{ type: Component, args: [{
|
|
2138
2140
|
selector: 'kit-cta-panel-confirmation',
|
|
2139
|
-
template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n",
|
|
2141
|
+
template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n",
|
|
2140
2142
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2141
2143
|
encapsulation: ViewEncapsulation.None,
|
|
2142
2144
|
styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"]
|
|
@@ -2148,6 +2150,8 @@ KitCtaPanelConfirmationComponent.ctorParameters = () => [
|
|
|
2148
2150
|
KitCtaPanelConfirmationComponent.propDecorators = {
|
|
2149
2151
|
data: [{ type: Input }],
|
|
2150
2152
|
confirmButtonDisabled: [{ type: Input }],
|
|
2153
|
+
quitText: [{ type: Input }],
|
|
2154
|
+
confirmText: [{ type: Input }],
|
|
2151
2155
|
quitClicked: [{ type: Output }],
|
|
2152
2156
|
confirmClicked: [{ type: Output }]
|
|
2153
2157
|
};
|