@indigina/ui-kit 1.0.135 → 1.0.138
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/assets/icons/wrench.svg +3 -0
- package/esm2020/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +2 -2
- package/esm2020/lib/components/kit-button/kit-button.component.mjs +2 -2
- package/esm2020/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.mjs +2 -2
- package/esm2020/lib/components/kit-dialog/kit-dialog.component.mjs +12 -0
- package/esm2020/lib/components/kit-dialog/kit-dialog.module.mjs +36 -0
- package/esm2020/lib/components/kit-dialog/kit-dialog.service.mjs +35 -0
- package/esm2020/lib/components/kit-dialog-actions/kit-dialog-actions.component.mjs +12 -0
- package/esm2020/lib/components/kit-dialog-actions/kit-dialog-actions.module.mjs +26 -0
- package/esm2020/lib/components/kit-dropdown/kit-dropdown.component.mjs +2 -2
- package/esm2020/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +2 -1
- package/esm2020/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2020/lib/components/kit-switch/kit-switch.component.mjs +2 -2
- package/esm2020/lib/components/kit-text-label/kit-text-label.component.mjs +2 -2
- package/esm2020/lib/components/kit-toggle/kit-toggle.component.mjs +16 -4
- package/esm2020/public-api.mjs +8 -7
- package/fesm2015/indigina-ui-kit.mjs +102 -81
- package/fesm2015/indigina-ui-kit.mjs.map +1 -1
- package/fesm2020/indigina-ui-kit.mjs +102 -81
- package/fesm2020/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-dialog/kit-dialog.component.d.ts +5 -0
- package/lib/components/kit-dialog/kit-dialog.module.d.ts +9 -0
- package/lib/components/kit-dialog/kit-dialog.service.d.ts +18 -0
- package/lib/components/kit-dialog-actions/kit-dialog-actions.component.d.ts +5 -0
- package/lib/components/kit-dialog-actions/kit-dialog-actions.module.d.ts +8 -0
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +2 -1
- package/lib/components/kit-toggle/kit-toggle.component.d.ts +9 -1
- package/package.json +2 -1
- package/public-api.d.ts +5 -4
- package/styles/styles.scss +1 -0
- package/styles/theming.scss +0 -2
- package/esm2020/lib/components/kit-modal/kit-modal.component.mjs +0 -27
- package/esm2020/lib/components/kit-modal/kit-modal.module.mjs +0 -34
- package/esm2020/lib/components/kit-modal-actions/kit-modal-actions.component.mjs +0 -25
- package/esm2020/lib/components/kit-modal-actions/kit-modal-actions.module.mjs +0 -30
- package/lib/components/kit-modal/kit-modal.component.d.ts +0 -17
- package/lib/components/kit-modal/kit-modal.module.d.ts +0 -10
- package/lib/components/kit-modal-actions/kit-modal-actions.component.d.ts +0 -24
- package/lib/components/kit-modal-actions/kit-modal-actions.module.d.ts +0 -9
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M 11.911,6.97745 11.4672,5.58091 13.0026,4.05126 c 1e-4,-5e-5 1e-4,-1.1e-4 2e-4,-1.7e-4 0.224,-0.22315 0.2971,-0.55531 0.1892,-0.85101 l -5e-4,-0.00125 C 13.0827,2.90313 12.813,2.69755 12.4992,2.67052 l -10e-5,-10e-6 C 11.2893,2.56667 10.1021,2.99723 9.2438,3.85238 8.15387,4.9383 7.80729,6.48626 8.19958,7.8663 l -5.77003,5.4242 -3e-5,-10e-5 -0.00376,0.0036 -0.00226,0.002 -0.0107,0.0107 c -0.88375,0.8805 -0.88371,2.3126 -3e-5,3.1932 h 8e-5 c 0.88444,0.881 2.3075,0.868 3.18737,-0.0042 0.00932,-0.009 0.01875,-0.0187 0.02825,-0.0291 l 5.39223,-5.7877 c 1.431372,0.09346 3.032233,-0.09071 4.238015,-1.2271463 C 16.354554,8.418936 16.639657,6.1256996 16.32463,5.8317564 16.016718,5.2914816 15.360648,5.3790845 15.08629,5.6513908 l -1.707155,1.6943894 z m -7.89332,8.07385 -8e-5,10e-5 c -0.05813,0.0579 -0.15305,0.0581 -0.21146,-10e-5 -0.05689,-0.0566 -0.057,-0.1479 -2e-5,-0.2048 0.05826,-0.058 0.15328,-0.058 0.2116,10e-5 0.05696,0.0568 0.05684,0.1481 -4e-5,0.2047 z"/>
|
|
3
|
+
</svg>
|
|
@@ -128,14 +128,14 @@ KitAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
128
128
|
provide: NG_VALUE_ACCESSOR,
|
|
129
129
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
130
130
|
multi: true,
|
|
131
|
-
}], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\"\n >\n <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0
|
|
131
|
+
}], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\"\n >\n <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.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-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.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-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-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-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["focusableId", "allowCustom", "valueNormalizer", "placeholder", "listHeight", "suggest", "clearButton", "disabled", "readonly", "tabindex", "filterable", "data", "value", "valuePrimitive", "popupSettings", "itemDisabled", "tabIndex", "virtual", "size", "rounded", "fillMode", "loading", "textField", "valueField", "iconClass"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { type: i3.KitLoaderComponent, selector: "kit-loader" }, { type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i5.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["filterable", "data", "kendoDropDownFilter"] }, { type: i2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { type: i2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
132
132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
|
|
133
133
|
type: Component,
|
|
134
134
|
args: [{ selector: 'kit-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
135
135
|
provide: NG_VALUE_ACCESSOR,
|
|
136
136
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
137
137
|
multi: true,
|
|
138
|
-
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\"\n >\n <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0
|
|
138
|
+
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\"\n >\n <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.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-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.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-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-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-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"] }]
|
|
139
139
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
|
|
140
140
|
type: Input
|
|
141
141
|
}], placeholder: [{
|
|
@@ -33,10 +33,10 @@ export class KitButtonComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
KitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition" }, outputs: { clicked: "clicked" }, ngImport: i0, 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", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0
|
|
36
|
+
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition" }, outputs: { clicked: "clicked" }, ngImport: i0, 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", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.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;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;line-height:1;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"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "role", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitButtonComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
|
-
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, 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", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0
|
|
39
|
+
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, 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", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.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;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;line-height:1;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"] }]
|
|
40
40
|
}], propDecorators: { disabled: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], label: [{
|
|
@@ -16,10 +16,10 @@ export class KitCtaPanelActionComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
KitCtaPanelActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
KitCtaPanelActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: { disabled: "disabled", confirmText: "confirmText", quitText: "quitText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"], components: [{ type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
19
|
+
KitCtaPanelActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: { disabled: "disabled", confirmText: "confirmText", quitText: "quitText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"], components: [{ type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelActionComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'kit-cta-panel-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"] }]
|
|
22
|
+
args: [{ selector: 'kit-cta-panel-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"] }]
|
|
23
23
|
}], propDecorators: { disabled: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], confirmText: [{
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@progress/kendo-angular-dialog";
|
|
4
|
+
export class KitDialogComponent {
|
|
5
|
+
}
|
|
6
|
+
KitDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
KitDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-close,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-close{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"], directives: [{ type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-close,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-close{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"] }]
|
|
11
|
+
}] });
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2cva2l0LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2cva2l0LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRbkUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtEQ1IvQix1SUFLQTsyRkRHYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXREaWFsb2dDb21wb25lbnQge1xufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1kaWFsb2dcIj5cbiAgPGRpdiBjbGFzcz1cImtpdC1kaWFsb2ctY29udGFpbmVyXCIga2VuZG9EaWFsb2dDb250YWluZXJcbiAgICAgICBbaGlkZGVuXT1cInRydWVcIlxuICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { KitDialogComponent } from './kit-dialog.component';
|
|
3
|
+
import { KitDialogService } from './kit-dialog.service';
|
|
4
|
+
import { DialogModule } from '@progress/kendo-angular-dialog';
|
|
5
|
+
import { ButtonModule } from '@progress/kendo-angular-buttons';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class KitDialogModule {
|
|
8
|
+
}
|
|
9
|
+
KitDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
KitDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogModule, declarations: [KitDialogComponent], imports: [DialogModule,
|
|
11
|
+
ButtonModule], exports: [KitDialogComponent] });
|
|
12
|
+
KitDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogModule, providers: [
|
|
13
|
+
KitDialogService,
|
|
14
|
+
], imports: [[
|
|
15
|
+
DialogModule,
|
|
16
|
+
ButtonModule,
|
|
17
|
+
]] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogModule, decorators: [{
|
|
19
|
+
type: NgModule,
|
|
20
|
+
args: [{
|
|
21
|
+
declarations: [
|
|
22
|
+
KitDialogComponent,
|
|
23
|
+
],
|
|
24
|
+
exports: [
|
|
25
|
+
KitDialogComponent,
|
|
26
|
+
],
|
|
27
|
+
providers: [
|
|
28
|
+
KitDialogService,
|
|
29
|
+
],
|
|
30
|
+
imports: [
|
|
31
|
+
DialogModule,
|
|
32
|
+
ButtonModule,
|
|
33
|
+
],
|
|
34
|
+
}]
|
|
35
|
+
}] });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRpYWxvZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2cva2l0LWRpYWxvZy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQWlCL0QsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkFieEIsa0JBQWtCLGFBU2xCLFlBQVk7UUFDWixZQUFZLGFBUFosa0JBQWtCOzZHQVVULGVBQWUsYUFSZjtRQUNULGdCQUFnQjtLQUNqQixZQUNRO1lBQ1AsWUFBWTtZQUNaLFlBQVk7U0FDYjsyRkFFVSxlQUFlO2tCQWYzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7cUJBQ25CO29CQUNELFNBQVMsRUFBRTt3QkFDVCxnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0RGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLaXREaWFsb2dTZXJ2aWNlIH0gZnJvbSAnLi9raXQtZGlhbG9nLnNlcnZpY2UnO1xuaW1wb3J0IHsgRGlhbG9nTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItZGlhbG9nJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWJ1dHRvbnMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXREaWFsb2dDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXREaWFsb2dDb21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIEtpdERpYWxvZ1NlcnZpY2UsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBEaWFsb2dNb2R1bGUsXG4gICAgQnV0dG9uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXREaWFsb2dNb2R1bGUge1xufVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { EventEmitter, Injectable, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@progress/kendo-angular-dialog";
|
|
4
|
+
export class KitDialogService {
|
|
5
|
+
constructor(dialogService) {
|
|
6
|
+
this.dialogService = dialogService;
|
|
7
|
+
this.opened = new EventEmitter();
|
|
8
|
+
this.closed = new EventEmitter();
|
|
9
|
+
this.dialogRef = null;
|
|
10
|
+
}
|
|
11
|
+
openDialog(dialog) {
|
|
12
|
+
this.dialogRef = this.dialogService.open({
|
|
13
|
+
title: dialog.title,
|
|
14
|
+
content: dialog.component,
|
|
15
|
+
});
|
|
16
|
+
this.opened.emit(this.dialogRef);
|
|
17
|
+
}
|
|
18
|
+
closeDialog() {
|
|
19
|
+
if (!this.dialogRef) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
this.dialogRef.close();
|
|
23
|
+
this.closed.emit(this.dialogRef);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
KitDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogService, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
27
|
+
KitDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogService });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogService, decorators: [{
|
|
29
|
+
type: Injectable
|
|
30
|
+
}], ctorParameters: function () { return [{ type: i1.DialogService }]; }, propDecorators: { opened: [{
|
|
31
|
+
type: Output
|
|
32
|
+
}], closed: [{
|
|
33
|
+
type: Output
|
|
34
|
+
}] } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRpYWxvZy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtZGlhbG9nL2tpdC1kaWFsb2cuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWEsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQXFCLE1BQU0sZUFBZSxDQUFDOzs7QUFTL0YsTUFBTSxPQUFPLGdCQUFnQjtJQU0zQixZQUNVLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBTjVCLFdBQU0sR0FBNEIsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUNoRSxXQUFNLEdBQTRCLElBQUksWUFBWSxFQUFhLENBQUM7UUFFMUUsY0FBUyxHQUFxQixJQUFJLENBQUM7SUFLbkMsQ0FBQztJQUVELFVBQVUsQ0FBSSxNQUFvQjtRQUNoQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDO1lBQ3ZDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztZQUNuQixPQUFPLEVBQXFDLE1BQU0sQ0FBQyxTQUFTO1NBQzdELENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ25CLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ25DLENBQUM7OzZHQTNCVSxnQkFBZ0I7aUhBQWhCLGdCQUFnQjsyRkFBaEIsZ0JBQWdCO2tCQUQ1QixVQUFVO29HQUVDLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5qZWN0YWJsZSwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlhbG9nUmVmLCBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItZGlhbG9nJztcblxuZXhwb3J0IGludGVyZmFjZSBLaXREaWFsb2c8Qz4ge1xuICB0aXRsZTogc3RyaW5nO1xuICBjb21wb25lbnQ6IFR5cGU8Qz47XG59XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBLaXREaWFsb2dTZXJ2aWNlIHtcbiAgQE91dHB1dCgpIG9wZW5lZDogRXZlbnRFbWl0dGVyPERpYWxvZ1JlZj4gPSBuZXcgRXZlbnRFbWl0dGVyPERpYWxvZ1JlZj4oKTtcbiAgQE91dHB1dCgpIGNsb3NlZDogRXZlbnRFbWl0dGVyPERpYWxvZ1JlZj4gPSBuZXcgRXZlbnRFbWl0dGVyPERpYWxvZ1JlZj4oKTtcblxuICBkaWFsb2dSZWY6IERpYWxvZ1JlZiB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZSxcbiAgKSB7XG4gIH1cblxuICBvcGVuRGlhbG9nPEM+KGRpYWxvZzogS2l0RGlhbG9nPEM+KTogdm9pZCB7XG4gICAgdGhpcy5kaWFsb2dSZWYgPSB0aGlzLmRpYWxvZ1NlcnZpY2Uub3Blbih7XG4gICAgICB0aXRsZTogZGlhbG9nLnRpdGxlLFxuICAgICAgY29udGVudDogPFRlbXBsYXRlUmVmPENvbXBvbmVudD4+IDx1bmtub3duPiBkaWFsb2cuY29tcG9uZW50LFxuICAgIH0pO1xuXG4gICAgdGhpcy5vcGVuZWQuZW1pdCh0aGlzLmRpYWxvZ1JlZik7XG4gIH1cblxuICBjbG9zZURpYWxvZygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlhbG9nUmVmKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgICB0aGlzLmNsb3NlZC5lbWl0KHRoaXMuZGlhbG9nUmVmKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@progress/kendo-angular-dialog";
|
|
4
|
+
export class KitDialogActionsComponent {
|
|
5
|
+
}
|
|
6
|
+
KitDialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
KitDialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitDialogActionsComponent, selector: "kit-dialog-actions", ngImport: i0, template: "<kendo-dialog-actions class=\"kit-dialog-actions d-flex flex-justify-content-end\" layout=\"normal\">\n <ng-content\n ></ng-content>\n</kendo-dialog-actions>\n", styles: ["::ng-deep .kit-dialog-actions{margin-top:10px;padding:20px 0 0;border:0;border-top:6px solid var(--ui-kit-color-grey-3)}\n"], components: [{ type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["layout", "actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogActionsComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'kit-dialog-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-dialog-actions class=\"kit-dialog-actions d-flex flex-justify-content-end\" layout=\"normal\">\n <ng-content\n ></ng-content>\n</kendo-dialog-actions>\n", styles: ["::ng-deep .kit-dialog-actions{margin-top:10px;padding:20px 0 0;border:0;border-top:6px solid var(--ui-kit-color-grey-3)}\n"] }]
|
|
11
|
+
}] });
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRpYWxvZy1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRpYWxvZy1hY3Rpb25zL2tpdC1kaWFsb2ctYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2ctYWN0aW9ucy9raXQtZGlhbG9nLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUW5FLE1BQU0sT0FBTyx5QkFBeUI7O3NIQUF6Qix5QkFBeUI7MEdBQXpCLHlCQUF5QiwwRENSdEMsbUtBSUE7MkZESWEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZGlhbG9nLWFjdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWRpYWxvZy1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWRpYWxvZy1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXREaWFsb2dBY3Rpb25zQ29tcG9uZW50IHtcbn1cbiIsIjxrZW5kby1kaWFsb2ctYWN0aW9ucyBjbGFzcz1cImtpdC1kaWFsb2ctYWN0aW9ucyBkLWZsZXggZmxleC1qdXN0aWZ5LWNvbnRlbnQtZW5kXCIgbGF5b3V0PVwibm9ybWFsXCI+XG4gIDxuZy1jb250ZW50XG4gID48L25nLWNvbnRlbnQ+XG48L2tlbmRvLWRpYWxvZy1hY3Rpb25zPlxuIl19
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { KitDialogActionsComponent } from './kit-dialog-actions.component';
|
|
3
|
+
import { WindowModule } from '@progress/kendo-angular-dialog';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class KitDialogActionsModule {
|
|
6
|
+
}
|
|
7
|
+
KitDialogActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
KitDialogActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogActionsModule, declarations: [KitDialogActionsComponent], imports: [WindowModule], exports: [KitDialogActionsComponent] });
|
|
9
|
+
KitDialogActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogActionsModule, imports: [[
|
|
10
|
+
WindowModule,
|
|
11
|
+
]] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDialogActionsModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [
|
|
16
|
+
KitDialogActionsComponent,
|
|
17
|
+
],
|
|
18
|
+
exports: [
|
|
19
|
+
KitDialogActionsComponent,
|
|
20
|
+
],
|
|
21
|
+
imports: [
|
|
22
|
+
WindowModule,
|
|
23
|
+
],
|
|
24
|
+
}]
|
|
25
|
+
}] });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRpYWxvZy1hY3Rpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRpYWxvZy1hY3Rpb25zL2tpdC1kaWFsb2ctYWN0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBYTlELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQixpQkFUL0IseUJBQXlCLGFBTXpCLFlBQVksYUFIWix5QkFBeUI7b0hBTWhCLHNCQUFzQixZQUp4QjtZQUNQLFlBQVk7U0FDYjsyRkFFVSxzQkFBc0I7a0JBWGxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0RGlhbG9nQWN0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4va2l0LWRpYWxvZy1hY3Rpb25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBXaW5kb3dNb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1kaWFsb2cnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXREaWFsb2dBY3Rpb25zQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgS2l0RGlhbG9nQWN0aW9uc0NvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIFdpbmRvd01vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0RGlhbG9nQWN0aW9uc01vZHVsZSB7XG59XG4iXX0=
|
|
@@ -87,14 +87,14 @@ KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
87
87
|
provide: NG_VALUE_ACCESSOR,
|
|
88
88
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
89
89
|
multi: true,
|
|
90
|
-
}], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0
|
|
90
|
+
}], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.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-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{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-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
91
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDropdownComponent, decorators: [{
|
|
92
92
|
type: Component,
|
|
93
93
|
args: [{ selector: 'kit-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
94
94
|
provide: NG_VALUE_ACCESSOR,
|
|
95
95
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
96
96
|
multi: true,
|
|
97
|
-
}], template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0
|
|
97
|
+
}], template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.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-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{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-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"] }]
|
|
98
98
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
99
99
|
type: Input
|
|
100
100
|
}], selectedItem: [{
|
|
@@ -55,5 +55,6 @@ export var KitSvgIcon;
|
|
|
55
55
|
KitSvgIcon["CIRCLE_PULSE"] = "circle-pulse";
|
|
56
56
|
KitSvgIcon["CIRCLE_CROSS_THIN"] = "circle-cross-thin";
|
|
57
57
|
KitSvgIcon["TRASH"] = "trash";
|
|
58
|
+
KitSvgIcon["WRENCH"] = "wrench";
|
|
58
59
|
})(KitSvgIcon || (KitSvgIcon = {}));
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBeURYO0FBekRELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQXpEVyxVQUFVLEtBQVYsVUFBVSxRQXlEckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBLaXRTdmdJY29uIHtcbiAgTE9HTyA9ICdsb2dvJyxcbiAgQ0hFVlJPTl9ET1dOID0gJ2NoZXZyb24tZG93bicsXG4gIENIRVZST05fVVAgPSAnY2hldnJvbi11cCcsXG4gIENIRVZST05fUklHSFQgPSAnY2hldnJvbi1yaWdodCcsXG4gIFBMVVMgPSAncGx1cycsXG4gIElORk8gPSAnaW5mbycsXG4gIENBTEVOREFSID0gJ2NhbGVuZGFyJyxcbiAgV0FSTklORyA9ICd3YXJuaW5nJyxcbiAgRVJST1IgPSAnZXJyb3InLFxuICBTVUNDRVNTID0gJ3N1Y2Nlc3MnLFxuICBFWUUgPSAnZXllJyxcbiAgU0VBUkNIID0gJ3NlYXJjaCcsXG4gIEVESVQgPSAnZWRpdCcsXG4gIExPQ0FUSU9OID0gJ2xvY2F0aW9uJyxcbiAgQ1JPU1MgPSAnY3Jvc3MnLFxuICBDSEVDSyA9ICdjaGVjaycsXG4gIENIRUNLX0NJUkNMRSA9ICdjaGVjay1jaXJjbGUnLFxuICBESVNLRVRURSA9ICdkaXNrZXR0ZScsXG4gIENMSVBCT0FSRCA9ICdjbGlwYm9hcmQnLFxuICBMQVlFUlMgPSAnbGF5ZXJzJyxcbiAgS05BVUYgPSAna25hdWYtbG9nbycsXG4gIEhPTUUgPSAnaG9tZScsXG4gIERPVUJMRV9DSVJDTEUgPSAnZG91YmxlLWNpcmNsZScsXG4gIFBFTkNJTCA9ICdwZW5jaWwnLFxuICBPUkRFUiA9ICdvcmRlcicsXG4gIFJFU0VUID0gJ3Jlc2V0JyxcbiAgQ0lSQ0xFX0NST1NTID0gJ2NpcmNsZS1jcm9zcycsXG4gIFRSVUNLID0gJ3RydWNrJyxcbiAgREVMSVZFUkVEID0gJ2RlbGl2ZXJlZCcsXG4gIEZUTCA9ICdmdGwnLFxuICBMVEwgPSAnbHRsJyxcbiAgT1JHID0gJ29yZycsXG4gIEFSQ0hJVkUgPSAnYXJjaGl2ZScsXG4gIExPR09VVCA9ICdsb2dvdXQnLFxuICBDT05UQUlORVIgPSAnY29udGFpbmVyJyxcbiAgQ0FSUklFUiA9ICdjYXJyaWVyJyxcbiAgRVhQT1JUID0gJ2V4cG9ydCcsXG4gIEdFQVIgPSAnZ2VhcicsXG4gIFNUT0NLID0gJ3N0b2NrJyxcbiAgU1RBVFVTID0gJ3N0YXR1cycsXG4gIENMT1NFX1NJR04gPSAnY2xvc2Utc2lnbicsXG4gIENMT1NFX1NJR05fUkVEID0gJ2Nsb3NlLXNpZ24tcmVkJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG59XG4iXX0=
|