@indigina/ui-kit 1.1.35 → 1.1.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/caret-up.svg +3 -0
- package/assets/icons/check-circle.svg +3 -2
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/kit-button/kit-button.component.mjs +2 -2
- package/esm2022/lib/components/kit-card/kit-card.component.mjs +89 -0
- package/esm2022/lib/components/kit-card/kit-card.const.mjs +11 -0
- package/esm2022/lib/components/kit-card/kit-card.model.mjs +2 -0
- package/esm2022/lib/components/kit-card/kit-card.module.mjs +41 -0
- package/esm2022/lib/components/kit-input-label/kit-input-label.component.mjs +6 -3
- package/esm2022/lib/components/kit-input-label/kit-input-label.module.mjs +7 -3
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +2 -1
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2022/lib/components/kit-switch/kit-switch.component.mjs +2 -2
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +2 -2
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +4 -4
- package/esm2022/public-api.mjs +5 -1
- package/fesm2022/indigina-ui-kit.mjs +208 -81
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-card/kit-card.component.d.ts +36 -0
- package/lib/components/kit-card/kit-card.const.d.ts +9 -0
- package/lib/components/kit-card/kit-card.model.d.ts +16 -0
- package/lib/components/kit-card/kit-card.module.d.ts +12 -0
- package/lib/components/kit-input-label/kit-input-label.component.d.ts +2 -0
- package/lib/components/kit-input-label/kit-input-label.module.d.ts +2 -1
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
- package/styles/components/tooltip.scss +21 -7
- package/styles/theming.scss +6 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.36851 11.3125L13.631 11.3125C13.9388 11.3125 14.1107 10.9875 13.9201 10.7656L8.78882 4.81562C8.64195 4.64531 8.35914 4.64531 8.2107 4.81562L3.07945 10.7656C2.88882 10.9875 3.0607 11.3125 3.36851 11.3125Z"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path
|
|
1
|
+
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M19.8437 9.03027H18.378C18.0593 9.03027 17.7562 9.1834 17.5687 9.4459L12.6562 16.2584L10.4312 13.1709C10.2437 12.9115 9.94366 12.7553 9.62178 12.7553H8.15616C7.95303 12.7553 7.83428 12.9865 7.95303 13.1521L11.8468 18.5521C11.9388 18.6805 12.06 18.7851 12.2005 18.8573C12.341 18.9295 12.4967 18.9671 12.6546 18.9671C12.8125 18.9671 12.9682 18.9295 13.1087 18.8573C13.2492 18.7851 13.3704 18.6805 13.4624 18.5521L20.0437 9.42715C20.1655 9.26152 20.0468 9.03027 19.8437 9.03027Z" />
|
|
3
|
+
<path d="M14 0C6.26875 0 0 6.26875 0 14C0 21.7313 6.26875 28 14 28C21.7313 28 28 21.7313 28 14C28 6.26875 21.7313 0 14 0ZM14 25.625C7.58125 25.625 2.375 20.4188 2.375 14C2.375 7.58125 7.58125 2.375 14 2.375C20.4188 2.375 25.625 7.58125 25.625 14C25.625 20.4188 20.4188 25.625 14 25.625Z" />
|
|
3
4
|
</svg>
|
|
@@ -133,7 +133,7 @@ export class KitAutocompleteComponent {
|
|
|
133
133
|
provide: NG_VALUE_ACCESSOR,
|
|
134
134
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
135
135
|
multi: true,
|
|
136
|
-
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], 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 @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"combobox\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n 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 <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible) {\n <kit-loader class=\"popup-loader\"\n ></kit-loader>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\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-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #
|
|
136
|
+
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], 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 @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"combobox\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n 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 <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible) {\n <kit-loader class=\"popup-loader\"\n ></kit-loader>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\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-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #3678c3;--ui-kit-color-focus: #56a2f733;--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-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.kit-autocomplete .label{display:block;margin-bottom:4px}.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:#fff}.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.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i2.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i3.KitLoaderComponent, selector: "kit-loader" }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
137
137
|
}
|
|
138
138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
|
|
139
139
|
type: Component,
|
|
@@ -141,7 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
141
141
|
provide: NG_VALUE_ACCESSOR,
|
|
142
142
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
143
143
|
multi: true,
|
|
144
|
-
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"combobox\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n 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 <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible) {\n <kit-loader class=\"popup-loader\"\n ></kit-loader>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\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-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #
|
|
144
|
+
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"combobox\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n 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 <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible) {\n <kit-loader class=\"popup-loader\"\n ></kit-loader>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\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-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #3678c3;--ui-kit-color-focus: #56a2f733;--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-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.kit-autocomplete .label{display:block;margin-bottom:4px}.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:#fff}.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.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"] }]
|
|
145
145
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
|
|
146
146
|
type: Input
|
|
147
147
|
}], placeholder: [{
|
|
@@ -36,11 +36,11 @@ export class KitButtonComponent {
|
|
|
36
36
|
this.clicked = new EventEmitter();
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n </button>\n</div>\n", styles: [".kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button-icon{display:block;fill:none}.kit-button .k-button{font-weight:400;border:1px solid transparent;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-button .primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .primary:hover{background:var(--ui-kit-color-hover)}.kit-button .primary:active{background:var(--ui-kit-color-
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n </button>\n</div>\n", styles: [".kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button-icon{display:block;fill:none}.kit-button .k-button{font-weight:400;border:1px solid transparent;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-button .primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .primary:hover{background:var(--ui-kit-color-hover)}.kit-button .primary:active{background:var(--ui-kit-color-main)}.kit-button .primary .kit-button-icon{stroke:var(--ui-kit-color-white)}.kit-button .ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .ghost:hover .kit-button-icon{stroke:var(--ui-kit-color-hover)}.kit-button .ghost:active{color:var(--ui-kit-color-active);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .ghost:active .kit-button-icon{stroke:var(--ui-kit-color-active)}.kit-button .ghost .kit-button-icon{stroke:var(--ui-kit-color-grey-10)}.kit-button .text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .text:disabled{border:none;background:none}.kit-button .text:hover,.kit-button .text:active{background:var(--ui-kit-color-grey-13)}.kit-button .text .kit-button-icon{stroke:var(--ui-kit-color-grey-10)}.kit-button .link{color:var(--ui-kit-color-main);background:none}.kit-button .link:disabled{border:none;background:none}.kit-button .link:hover{color:var(--ui-kit-color-hover)}.kit-button .link:hover .kit-button-icon{stroke:var(--ui-kit-color-hover)}.kit-button .link:active{color:var(--ui-kit-color-main)}.kit-button .link:active .kit-button-icon,.kit-button .link .kit-button-icon{stroke:var(--ui-kit-color-main)}.kit-button .dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .dashed:disabled{border-style:dashed}.kit-button .dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .dashed:hover .kit-button-icon{stroke:var(--ui-kit-color-hover)}.kit-button .dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .dashed:active .kit-button-icon,.kit-button .dashed .kit-button-icon{stroke:var(--ui-kit-color-main)}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitButtonComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n </button>\n</div>\n", styles: [".kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button-icon{display:block;fill:none}.kit-button .k-button{font-weight:400;border:1px solid transparent;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-button .primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .primary:hover{background:var(--ui-kit-color-hover)}.kit-button .primary:active{background:var(--ui-kit-color-
|
|
43
|
+
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n </button>\n</div>\n", styles: [".kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button-icon{display:block;fill:none}.kit-button .k-button{font-weight:400;border:1px solid transparent;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-button .primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .primary:hover{background:var(--ui-kit-color-hover)}.kit-button .primary:active{background:var(--ui-kit-color-main)}.kit-button .primary .kit-button-icon{stroke:var(--ui-kit-color-white)}.kit-button .ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .ghost:hover .kit-button-icon{stroke:var(--ui-kit-color-hover)}.kit-button .ghost:active{color:var(--ui-kit-color-active);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .ghost:active .kit-button-icon{stroke:var(--ui-kit-color-active)}.kit-button .ghost .kit-button-icon{stroke:var(--ui-kit-color-grey-10)}.kit-button .text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .text:disabled{border:none;background:none}.kit-button .text:hover,.kit-button .text:active{background:var(--ui-kit-color-grey-13)}.kit-button .text .kit-button-icon{stroke:var(--ui-kit-color-grey-10)}.kit-button .link{color:var(--ui-kit-color-main);background:none}.kit-button .link:disabled{border:none;background:none}.kit-button .link:hover{color:var(--ui-kit-color-hover)}.kit-button .link:hover .kit-button-icon{stroke:var(--ui-kit-color-hover)}.kit-button .link:active{color:var(--ui-kit-color-main)}.kit-button .link:active .kit-button-icon,.kit-button .link .kit-button-icon{stroke:var(--ui-kit-color-main)}.kit-button .dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .dashed:disabled{border-style:dashed}.kit-button .dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .dashed:hover .kit-button-icon{stroke:var(--ui-kit-color-hover)}.kit-button .dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .dashed:active .kit-button-icon,.kit-button .dashed .kit-button-icon{stroke:var(--ui-kit-color-main)}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n"] }]
|
|
44
44
|
}], propDecorators: { disabled: [{
|
|
45
45
|
type: Input
|
|
46
46
|
}], label: [{
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
|
+
import { KitButtonKind, KitButtonType } from '../kit-button/kit-button.const';
|
|
4
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
5
|
+
import { KitTooltipPosition } from '../../directives/kit-tooltip/kit-tooltip.directive';
|
|
6
|
+
import { KitCardTheme } from './kit-card.const';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "../kit-svg-icon/kit-svg-icon.component";
|
|
10
|
+
import * as i3 from "../kit-button/kit-button.component";
|
|
11
|
+
import * as i4 from "@angular/router";
|
|
12
|
+
import * as i5 from "../../directives/kit-tooltip/kit-tooltip.directive";
|
|
13
|
+
export class KitCardComponent {
|
|
14
|
+
constructor() {
|
|
15
|
+
/**
|
|
16
|
+
* Defines card data
|
|
17
|
+
*/
|
|
18
|
+
this.data = null;
|
|
19
|
+
/**
|
|
20
|
+
* Defines card color theme
|
|
21
|
+
*/
|
|
22
|
+
this.theme = KitCardTheme.DEFAULT;
|
|
23
|
+
/**
|
|
24
|
+
* Defines whether the items list will be expanded
|
|
25
|
+
*/
|
|
26
|
+
this.itemsExpanded = false;
|
|
27
|
+
/**
|
|
28
|
+
* An action which is emitted when action button clicked
|
|
29
|
+
*/
|
|
30
|
+
this.buttonClicked = new EventEmitter();
|
|
31
|
+
/**
|
|
32
|
+
* An action which is emitted when toggle button clicked
|
|
33
|
+
*/
|
|
34
|
+
this.toggleClicked = new EventEmitter();
|
|
35
|
+
this.KitSvgIcon = KitSvgIcon;
|
|
36
|
+
this.KitButtonType = KitButtonType;
|
|
37
|
+
this.KitButtonKind = KitButtonKind;
|
|
38
|
+
this.KitTooltipPosition = KitTooltipPosition;
|
|
39
|
+
}
|
|
40
|
+
toggleList() {
|
|
41
|
+
this.itemsExpanded = !this.itemsExpanded;
|
|
42
|
+
this.toggleClicked.emit(this.itemsExpanded);
|
|
43
|
+
}
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitCardComponent, selector: "kit-card", inputs: { data: "data", theme: "theme", itemsExpanded: "itemsExpanded" }, outputs: { buttonClicked: "buttonClicked", toggleClicked: "toggleClicked" }, ngImport: i0, template: "@if (data) {\n <div class=\"kit-card {{ theme }}-theme\">\n <div class=\"kit-card-head\">\n <kit-svg-icon class=\"head-icon\"\n [icon]=\"data.titleIcon\"\n [ngClass]=\"data?.titleIconType\"\n ></kit-svg-icon>\n <div class=\"head-title\">{{ data.title }}</div>\n </div>\n <div class=\"kit-card-content\">\n <div class=\"card-count\">{{ data.count }}</div>\n <div class=\"card-label\">{{ data.label }}</div>\n @if (data.items.length) {\n <div class=\"card-items\"\n [@expandCollapse]=\"itemsExpanded\">\n @for (item of data.items; track item) {\n <a class=\"card-item\" [routerLink]=\"item.link\">\n <div class=\"card-item-count\">{{ item.count }}</div>\n <div class=\"card-item-text\">{{ item.label }}</div>\n @if (item.tooltip) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".card-item-icon\"\n class=\"card-item-icon\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.tooltip\"\n [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n ></kit-svg-icon>\n }\n </a>\n }\n </div>\n }\n @if (data.items.length > 1) {\n <button class=\"toggle-btn\"\n (click)=\"toggleList()\">\n @if(itemsExpanded) {\n <span class=\"toggle-btn-label\">Show less</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_UP\"\n ></kit-svg-icon>\n } @else {\n <span class=\"toggle-btn-label\">Show more</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n }\n </button>\n }\n </div>\n <div class=\"kit-card-action\">\n <kit-button class=\"action-button\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.MEDIUM\"\n [label]=\"data.buttonLabel\"\n (clicked)=\"buttonClicked.emit()\"\n ></kit-button>\n </div>\n </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:28px;height:28px;fill:var(--ui-kit-color-main);stroke:none}.kit-card .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card .head-title{font-size:18px;text-transform:uppercase}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover{color:var(--ui-kit-color-hover)}.kit-card .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);stroke:none}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);stroke:none}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3)}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink)}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple)}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal)}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10)}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange)}.kit-card.orange-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange)}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i3.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition", "buttonClass"], outputs: ["clicked"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], animations: [
|
|
46
|
+
trigger('expandCollapse', [
|
|
47
|
+
state('true', style({ height: '*' })),
|
|
48
|
+
state('false', style({
|
|
49
|
+
height: '18px',
|
|
50
|
+
minHeight: '18px',
|
|
51
|
+
})),
|
|
52
|
+
transition('true => false', [
|
|
53
|
+
animate('0.2s ease-out'),
|
|
54
|
+
]),
|
|
55
|
+
transition('false => true', [
|
|
56
|
+
animate('0.2s ease-in'),
|
|
57
|
+
]),
|
|
58
|
+
]),
|
|
59
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
|
+
}
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCardComponent, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{ selector: 'kit-card', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
64
|
+
trigger('expandCollapse', [
|
|
65
|
+
state('true', style({ height: '*' })),
|
|
66
|
+
state('false', style({
|
|
67
|
+
height: '18px',
|
|
68
|
+
minHeight: '18px',
|
|
69
|
+
})),
|
|
70
|
+
transition('true => false', [
|
|
71
|
+
animate('0.2s ease-out'),
|
|
72
|
+
]),
|
|
73
|
+
transition('false => true', [
|
|
74
|
+
animate('0.2s ease-in'),
|
|
75
|
+
]),
|
|
76
|
+
]),
|
|
77
|
+
], template: "@if (data) {\n <div class=\"kit-card {{ theme }}-theme\">\n <div class=\"kit-card-head\">\n <kit-svg-icon class=\"head-icon\"\n [icon]=\"data.titleIcon\"\n [ngClass]=\"data?.titleIconType\"\n ></kit-svg-icon>\n <div class=\"head-title\">{{ data.title }}</div>\n </div>\n <div class=\"kit-card-content\">\n <div class=\"card-count\">{{ data.count }}</div>\n <div class=\"card-label\">{{ data.label }}</div>\n @if (data.items.length) {\n <div class=\"card-items\"\n [@expandCollapse]=\"itemsExpanded\">\n @for (item of data.items; track item) {\n <a class=\"card-item\" [routerLink]=\"item.link\">\n <div class=\"card-item-count\">{{ item.count }}</div>\n <div class=\"card-item-text\">{{ item.label }}</div>\n @if (item.tooltip) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".card-item-icon\"\n class=\"card-item-icon\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.tooltip\"\n [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n ></kit-svg-icon>\n }\n </a>\n }\n </div>\n }\n @if (data.items.length > 1) {\n <button class=\"toggle-btn\"\n (click)=\"toggleList()\">\n @if(itemsExpanded) {\n <span class=\"toggle-btn-label\">Show less</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_UP\"\n ></kit-svg-icon>\n } @else {\n <span class=\"toggle-btn-label\">Show more</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n }\n </button>\n }\n </div>\n <div class=\"kit-card-action\">\n <kit-button class=\"action-button\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.MEDIUM\"\n [label]=\"data.buttonLabel\"\n (clicked)=\"buttonClicked.emit()\"\n ></kit-button>\n </div>\n </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:28px;height:28px;fill:var(--ui-kit-color-main);stroke:none}.kit-card .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card .head-title{font-size:18px;text-transform:uppercase}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover{color:var(--ui-kit-color-hover)}.kit-card .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);stroke:none}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);stroke:none}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3)}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink)}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple)}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal)}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10)}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange)}.kit-card.orange-theme .card-item:hover .card-item-icon{fill:var(--ui-kit-color-hover)}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange)}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange)}\n"] }]
|
|
78
|
+
}], propDecorators: { data: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], theme: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], itemsExpanded: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], buttonClicked: [{
|
|
85
|
+
type: Output
|
|
86
|
+
}], toggleClicked: [{
|
|
87
|
+
type: Output
|
|
88
|
+
}] } });
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY2FyZC9raXQtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jYXJkL2tpdC1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFOUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7Ozs7QUF1QmhELE1BQU0sT0FBTyxnQkFBZ0I7SUFyQjdCO1FBc0JFOztXQUVHO1FBQ00sU0FBSSxHQUFtQixJQUFJLENBQUM7UUFFckM7O1dBRUc7UUFDTSxVQUFLLEdBQWlCLFlBQVksQ0FBQyxPQUFPLENBQUM7UUFFcEQ7O1dBRUc7UUFDTSxrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUV4Qzs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdkU7O1dBRUc7UUFDTyxrQkFBYSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXBFLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLGtCQUFhLEdBQXlCLGFBQWEsQ0FBQztRQUNwRCxrQkFBYSxHQUF5QixhQUFhLENBQUM7UUFDcEQsdUJBQWtCLEdBQThCLGtCQUFrQixDQUFDO0tBTTdFO0lBSkMsVUFBVTtRQUNSLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM5QyxDQUFDOzhHQWxDVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQix1TUM3QjdCLHd4RUEyREEsNHZMRDlDYztZQUNWLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTtnQkFDeEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDckMsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7b0JBQ25CLE1BQU0sRUFBRSxNQUFNO29CQUNkLFNBQVMsRUFBRSxNQUFNO2lCQUNsQixDQUFDLENBQUM7Z0JBQ0gsVUFBVSxDQUFDLGVBQWUsRUFBRTtvQkFDMUIsT0FBTyxDQUFDLGVBQWUsQ0FBQztpQkFDekIsQ0FBQztnQkFDRixVQUFVLENBQUMsZUFBZSxFQUFFO29CQUMxQixPQUFPLENBQUMsY0FBYyxDQUFDO2lCQUN4QixDQUFDO2FBQ0gsQ0FBQztTQUNIOzsyRkFFVSxnQkFBZ0I7a0JBckI1QixTQUFTOytCQUNFLFVBQVUsbUJBR0gsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVixPQUFPLENBQUMsZ0JBQWdCLEVBQUU7NEJBQ3hCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7NEJBQ3JDLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNuQixNQUFNLEVBQUUsTUFBTTtnQ0FDZCxTQUFTLEVBQUUsTUFBTTs2QkFDbEIsQ0FBQyxDQUFDOzRCQUNILFVBQVUsQ0FBQyxlQUFlLEVBQUU7Z0NBQzFCLE9BQU8sQ0FBQyxlQUFlLENBQUM7NkJBQ3pCLENBQUM7NEJBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQ0FDMUIsT0FBTyxDQUFDLGNBQWMsQ0FBQzs2QkFDeEIsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIOzhCQU1RLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFLSSxhQUFhO3NCQUF0QixNQUFNO2dCQUtHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IEtpdEJ1dHRvbktpbmQsIEtpdEJ1dHRvblR5cGUgfSBmcm9tICcuLi9raXQtYnV0dG9uL2tpdC1idXR0b24uY29uc3QnO1xuaW1wb3J0IHsgS2l0Q2FyZCB9IGZyb20gJy4va2l0LWNhcmQubW9kZWwnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBLaXRUb29sdGlwUG9zaXRpb24gfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2tpdC10b29sdGlwL2tpdC10b29sdGlwLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBLaXRDYXJkVGhlbWUgfSBmcm9tICcuL2tpdC1jYXJkLmNvbnN0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LWNhcmQuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2V4cGFuZENvbGxhcHNlJywgW1xuICAgICAgc3RhdGUoJ3RydWUnLCBzdHlsZSh7IGhlaWdodDogJyonIH0pKSxcbiAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHtcbiAgICAgICAgaGVpZ2h0OiAnMThweCcsXG4gICAgICAgIG1pbkhlaWdodDogJzE4cHgnLFxuICAgICAgfSkpLFxuICAgICAgdHJhbnNpdGlvbigndHJ1ZSA9PiBmYWxzZScsIFtcbiAgICAgICAgYW5pbWF0ZSgnMC4ycyBlYXNlLW91dCcpLFxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCdmYWxzZSA9PiB0cnVlJywgW1xuICAgICAgICBhbmltYXRlKCcwLjJzIGVhc2UtaW4nKSxcbiAgICAgIF0pLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRDYXJkQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgY2FyZCBkYXRhXG4gICAqL1xuICBASW5wdXQoKSBkYXRhOiBLaXRDYXJkIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgY2FyZCBjb2xvciB0aGVtZVxuICAgKi9cbiAgQElucHV0KCkgdGhlbWU6IEtpdENhcmRUaGVtZSA9IEtpdENhcmRUaGVtZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHdoZXRoZXIgdGhlIGl0ZW1zIGxpc3Qgd2lsbCBiZSBleHBhbmRlZFxuICAgKi9cbiAgQElucHV0KCkgaXRlbXNFeHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIGFjdGlvbiBidXR0b24gY2xpY2tlZFxuICAgKi9cbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0b2dnbGUgYnV0dG9uIGNsaWNrZWRcbiAgICovXG4gIEBPdXRwdXQoKSB0b2dnbGVDbGlja2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRCdXR0b25UeXBlOiB0eXBlb2YgS2l0QnV0dG9uVHlwZSA9IEtpdEJ1dHRvblR5cGU7XG4gIHJlYWRvbmx5IEtpdEJ1dHRvbktpbmQ6IHR5cGVvZiBLaXRCdXR0b25LaW5kID0gS2l0QnV0dG9uS2luZDtcbiAgcmVhZG9ubHkgS2l0VG9vbHRpcFBvc2l0aW9uOiB0eXBlb2YgS2l0VG9vbHRpcFBvc2l0aW9uID0gS2l0VG9vbHRpcFBvc2l0aW9uO1xuXG4gIHRvZ2dsZUxpc3QoKTogdm9pZCB7XG4gICAgdGhpcy5pdGVtc0V4cGFuZGVkID0gIXRoaXMuaXRlbXNFeHBhbmRlZDtcbiAgICB0aGlzLnRvZ2dsZUNsaWNrZWQuZW1pdCh0aGlzLml0ZW1zRXhwYW5kZWQpO1xuICB9XG59XG4iLCJAaWYgKGRhdGEpIHtcbiAgPGRpdiBjbGFzcz1cImtpdC1jYXJkIHt7IHRoZW1lIH19LXRoZW1lXCI+XG4gICAgPGRpdiBjbGFzcz1cImtpdC1jYXJkLWhlYWRcIj5cbiAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJoZWFkLWljb25cIlxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJkYXRhLnRpdGxlSWNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImRhdGE/LnRpdGxlSWNvblR5cGVcIlxuICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgPGRpdiBjbGFzcz1cImhlYWQtdGl0bGVcIj57eyBkYXRhLnRpdGxlIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImtpdC1jYXJkLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWNvdW50XCI+e3sgZGF0YS5jb3VudCB9fTwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImNhcmQtbGFiZWxcIj57eyBkYXRhLmxhYmVsIH19PC9kaXY+XG4gICAgICBAaWYgKGRhdGEuaXRlbXMubGVuZ3RoKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWl0ZW1zXCJcbiAgICAgICAgICAgICBbQGV4cGFuZENvbGxhcHNlXT1cIml0ZW1zRXhwYW5kZWRcIj5cbiAgICAgICAgICBAZm9yIChpdGVtIG9mIGRhdGEuaXRlbXM7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgICAgIDxhIGNsYXNzPVwiY2FyZC1pdGVtXCIgW3JvdXRlckxpbmtdPVwiaXRlbS5saW5rXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWl0ZW0tY291bnRcIj57eyBpdGVtLmNvdW50IH19PC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWl0ZW0tdGV4dFwiPnt7IGl0ZW0ubGFiZWwgfX08L2Rpdj5cbiAgICAgICAgICAgICAgQGlmIChpdGVtLnRvb2x0aXApIHtcbiAgICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGtpdFRvb2x0aXBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtpdFRvb2x0aXBGaWx0ZXI9XCIuY2FyZC1pdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjYXJkLWl0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBba2l0VG9vbHRpcFBvc2l0aW9uXT1cIktpdFRvb2x0aXBQb3NpdGlvbi5SSUdIVFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiaXRlbS50b29sdGlwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uSU5GT19DSVJDTEVcIlxuICAgICAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgICBAaWYgKGRhdGEuaXRlbXMubGVuZ3RoID4gMSkge1xuICAgICAgICA8YnV0dG9uIGNsYXNzPVwidG9nZ2xlLWJ0blwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUxpc3QoKVwiPlxuICAgICAgICAgIEBpZihpdGVtc0V4cGFuZGVkKSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRvZ2dsZS1idG4tbGFiZWxcIj5TaG93IGxlc3M8L3NwYW4+XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwidG9nZ2xlLWJ0bi1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5DQVJFVF9VUFwiXG4gICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRvZ2dsZS1idG4tbGFiZWxcIj5TaG93IG1vcmU8L3NwYW4+XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwidG9nZ2xlLWJ0bi1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5DQVJFVF9ET1dOXCJcbiAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJraXQtY2FyZC1hY3Rpb25cIj5cbiAgICAgIDxraXQtYnV0dG9uIGNsYXNzPVwiYWN0aW9uLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICBbdHlwZV09XCJLaXRCdXR0b25UeXBlLkdIT1NUXCJcbiAgICAgICAgICAgICAgICAgIFtraW5kXT1cIktpdEJ1dHRvbktpbmQuTUVESVVNXCJcbiAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJkYXRhLmJ1dHRvbkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cImJ1dHRvbkNsaWNrZWQuZW1pdCgpXCJcbiAgICAgID48L2tpdC1idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxufVxuIl19
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export var KitCardTheme;
|
|
2
|
+
(function (KitCardTheme) {
|
|
3
|
+
KitCardTheme["DEFAULT"] = "default";
|
|
4
|
+
KitCardTheme["GREEN"] = "green";
|
|
5
|
+
KitCardTheme["PINK"] = "pink";
|
|
6
|
+
KitCardTheme["PURPLE"] = "purple";
|
|
7
|
+
KitCardTheme["ORANGE"] = "orange";
|
|
8
|
+
KitCardTheme["TEAL"] = "teal";
|
|
9
|
+
KitCardTheme["GREY"] = "grey";
|
|
10
|
+
})(KitCardTheme || (KitCardTheme = {}));
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNhcmQuY29uc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jYXJkL2tpdC1jYXJkLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFlBUVg7QUFSRCxXQUFZLFlBQVk7SUFDdEIsbUNBQW1CLENBQUE7SUFDbkIsK0JBQWUsQ0FBQTtJQUNmLDZCQUFhLENBQUE7SUFDYixpQ0FBaUIsQ0FBQTtJQUNqQixpQ0FBaUIsQ0FBQTtJQUNqQiw2QkFBYSxDQUFBO0lBQ2IsNkJBQWEsQ0FBQTtBQUNmLENBQUMsRUFSVyxZQUFZLEtBQVosWUFBWSxRQVF2QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdENhcmRUaGVtZSB7XG4gIERFRkFVTFQgPSAnZGVmYXVsdCcsXG4gIEdSRUVOID0gJ2dyZWVuJyxcbiAgUElOSyA9ICdwaW5rJyxcbiAgUFVSUExFID0gJ3B1cnBsZScsXG4gIE9SQU5HRSA9ICdvcmFuZ2UnLFxuICBURUFMID0gJ3RlYWwnLFxuICBHUkVZID0gJ2dyZXknLFxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNhcmQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jYXJkL2tpdC1jYXJkLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBLaXRTdmdJY29uLCBLaXRTdmdJY29uVHlwZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEtpdENhcmQge1xuICB0aXRsZTogc3RyaW5nO1xuICB0aXRsZUljb246IEtpdFN2Z0ljb247XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvdW50OiBudW1iZXI7XG4gIGJ1dHRvbkxhYmVsOiBzdHJpbmc7XG4gIGl0ZW1zOiBLaXRDYXJkSXRlbVtdO1xuICB0aXRsZUljb25UeXBlPzogS2l0U3ZnSWNvblR5cGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0Q2FyZEl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb3VudDogbnVtYmVyO1xuICBsaW5rOiBzdHJpbmcgfCBudWxsIHwgKHN0cmluZyB8IG51bWJlcilbXTtcbiAgdG9vbHRpcD86IHN0cmluZztcbn1cbiJdfQ==
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule, NgClass } from '@angular/common';
|
|
3
|
+
import { KitCardComponent } from './kit-card.component';
|
|
4
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
5
|
+
import { KitButtonModule } from '../kit-button/kit-button.module';
|
|
6
|
+
import { RouterLink } from '@angular/router';
|
|
7
|
+
import { KitTooltipModule } from '../../directives/kit-tooltip/kit-tooltip.module';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class KitCardModule {
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitCardModule, declarations: [KitCardComponent], imports: [CommonModule,
|
|
12
|
+
KitSvgIconModule,
|
|
13
|
+
KitButtonModule,
|
|
14
|
+
RouterLink,
|
|
15
|
+
KitTooltipModule,
|
|
16
|
+
NgClass], exports: [KitCardComponent] }); }
|
|
17
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCardModule, imports: [CommonModule,
|
|
18
|
+
KitSvgIconModule,
|
|
19
|
+
KitButtonModule,
|
|
20
|
+
KitTooltipModule] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCardModule, decorators: [{
|
|
23
|
+
type: NgModule,
|
|
24
|
+
args: [{
|
|
25
|
+
declarations: [
|
|
26
|
+
KitCardComponent,
|
|
27
|
+
],
|
|
28
|
+
imports: [
|
|
29
|
+
CommonModule,
|
|
30
|
+
KitSvgIconModule,
|
|
31
|
+
KitButtonModule,
|
|
32
|
+
RouterLink,
|
|
33
|
+
KitTooltipModule,
|
|
34
|
+
NgClass,
|
|
35
|
+
],
|
|
36
|
+
exports: [
|
|
37
|
+
KitCardComponent,
|
|
38
|
+
],
|
|
39
|
+
}]
|
|
40
|
+
}] });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY2FyZC9raXQtY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saURBQWlELENBQUM7O0FBa0JuRixNQUFNLE9BQU8sYUFBYTs4R0FBYixhQUFhOytHQUFiLGFBQWEsaUJBZHRCLGdCQUFnQixhQUdoQixZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixVQUFVO1lBQ1YsZ0JBQWdCO1lBQ2hCLE9BQU8sYUFHUCxnQkFBZ0I7K0dBR1AsYUFBYSxZQVh0QixZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLGVBQWU7WUFFZixnQkFBZ0I7OzJGQU9QLGFBQWE7a0JBaEJ6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixVQUFVO3dCQUNWLGdCQUFnQjt3QkFDaEIsT0FBTztxQkFDUjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUsIE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0Q2FyZENvbXBvbmVudCB9IGZyb20gJy4va2l0LWNhcmQuY29tcG9uZW50JztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBLaXRCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9raXQtYnV0dG9uL2tpdC1idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgS2l0VG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMva2l0LXRvb2x0aXAva2l0LXRvb2x0aXAubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0Q2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBLaXRTdmdJY29uTW9kdWxlLFxuICAgIEtpdEJ1dHRvbk1vZHVsZSxcbiAgICBSb3V0ZXJMaW5rLFxuICAgIEtpdFRvb2x0aXBNb2R1bGUsXG4gICAgTmdDbGFzcyxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdENhcmRNb2R1bGUge1xufVxuIl19
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
2
|
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
|
+
import { KitTooltipPosition } from '../../directives/kit-tooltip/kit-tooltip.directive';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@progress/kendo-angular-label";
|
|
5
6
|
import * as i2 from "../kit-svg-icon/kit-svg-icon.component";
|
|
7
|
+
import * as i3 from "../../directives/kit-tooltip/kit-tooltip.directive";
|
|
6
8
|
export class KitInputLabelComponent {
|
|
7
9
|
constructor() {
|
|
8
10
|
this.KitSvgIcon = KitSvgIcon;
|
|
11
|
+
this.KitTooltipPosition = KitTooltipPosition;
|
|
9
12
|
}
|
|
10
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitInputLabelComponent, selector: "kit-input-label", inputs: { text: "text", for: "for", tooltip: "tooltip" }, ngImport: i0, template: "<div class=\"kit-input-label\">\n <kendo-label class=\"kit-input-label-text\"\n [text]=\"text\"\n [for]=\"for\"\n ></kendo-label>\n\n @if (tooltip) {\n <div class=\"kit-input-label-tooltip\">\n <kit-svg-icon class=\"kit-input-label-icon\"\n [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n ></kit-svg-icon>\n </div>\n }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitInputLabelComponent, selector: "kit-input-label", inputs: { text: "text", for: "for", tooltip: "tooltip" }, ngImport: i0, template: "<div class=\"kit-input-label\">\n <kendo-label class=\"kit-input-label-text\"\n [text]=\"text\"\n [for]=\"for\"\n ></kendo-label>\n\n @if (tooltip) {\n <div class=\"kit-input-label-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-input-label-tooltip\"\n [kitTooltipPosition]=\"KitTooltipPosition.TOP\"\n [title]=\"tooltip\">\n <kit-svg-icon class=\"kit-input-label-icon\"\n [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n ></kit-svg-icon>\n </div>\n }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i3.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
15
|
}
|
|
13
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelComponent, decorators: [{
|
|
14
17
|
type: Component,
|
|
15
|
-
args: [{ selector: 'kit-input-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-input-label\">\n <kendo-label class=\"kit-input-label-text\"\n [text]=\"text\"\n [for]=\"for\"\n ></kendo-label>\n\n @if (tooltip) {\n <div class=\"kit-input-label-tooltip\">\n <kit-svg-icon class=\"kit-input-label-icon\"\n [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n ></kit-svg-icon>\n </div>\n }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"] }]
|
|
18
|
+
args: [{ selector: 'kit-input-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-input-label\">\n <kendo-label class=\"kit-input-label-text\"\n [text]=\"text\"\n [for]=\"for\"\n ></kendo-label>\n\n @if (tooltip) {\n <div class=\"kit-input-label-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-input-label-tooltip\"\n [kitTooltipPosition]=\"KitTooltipPosition.TOP\"\n [title]=\"tooltip\">\n <kit-svg-icon class=\"kit-input-label-icon\"\n [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n ></kit-svg-icon>\n </div>\n }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"] }]
|
|
16
19
|
}], propDecorators: { text: [{
|
|
17
20
|
type: Input
|
|
18
21
|
}], for: [{
|
|
@@ -20,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
20
23
|
}], tooltip: [{
|
|
21
24
|
type: Input
|
|
22
25
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWlucHV0LWxhYmVsL2tpdC1pbnB1dC1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1pbnB1dC1sYWJlbC9raXQtaW5wdXQtbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDOzs7OztBQVF4RixNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBc0JXLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLHVCQUFrQixHQUE4QixrQkFBa0IsQ0FBQztLQUM3RTs4R0FsQlksc0JBQXNCO2tHQUF0QixzQkFBc0IsaUhDVm5DLDBpQkFrQkE7OzJGRFJhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsSUFBSTtzQkFBWixLQUFLO2dCQUtHLEdBQUc7c0JBQVgsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0VG9vbHRpcFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9raXQtdG9vbHRpcC9raXQtdG9vbHRpcC5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtaW5wdXQtbGFiZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1pbnB1dC1sYWJlbC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRJbnB1dExhYmVsQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRleHQgY29udGVudCBvZiB0aGUgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIHRleHQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEFzc29jaWF0ZXMgdGhlIGxhYmVsIHdpdGggYSBjb21wb25lbnQgYnkgYSB0ZW1wbGF0ZSByZWZlcmVuY2VcbiAgICovXG4gIEBJbnB1dCgpIGZvcj86IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRvb2x0aXAgdGV4dFxuICAgKi9cbiAgQElucHV0KCkgdG9vbHRpcD86IHN0cmluZztcblxuICByZWFkb25seSBLaXRTdmdJY29uOiB0eXBlb2YgS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb247XG4gIHJlYWRvbmx5IEtpdFRvb2x0aXBQb3NpdGlvbjogdHlwZW9mIEtpdFRvb2x0aXBQb3NpdGlvbiA9IEtpdFRvb2x0aXBQb3NpdGlvbjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtaW5wdXQtbGFiZWxcIj5cbiAgPGtlbmRvLWxhYmVsIGNsYXNzPVwia2l0LWlucHV0LWxhYmVsLXRleHRcIlxuICAgICAgICAgICAgICAgW3RleHRdPVwidGV4dFwiXG4gICAgICAgICAgICAgICBbZm9yXT1cImZvclwiXG4gID48L2tlbmRvLWxhYmVsPlxuXG4gIEBpZiAodG9vbHRpcCkge1xuICAgIDxkaXYgY2xhc3M9XCJraXQtaW5wdXQtbGFiZWwtdG9vbHRpcFwiXG4gICAgICAgICBraXRUb29sdGlwXG4gICAgICAgICBraXRUb29sdGlwRmlsdGVyPVwiLmtpdC1pbnB1dC1sYWJlbC10b29sdGlwXCJcbiAgICAgICAgIFtraXRUb29sdGlwUG9zaXRpb25dPVwiS2l0VG9vbHRpcFBvc2l0aW9uLlRPUFwiXG4gICAgICAgICBbdGl0bGVdPVwidG9vbHRpcFwiPlxuICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImtpdC1pbnB1dC1sYWJlbC1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5RVUVTVElPTl9DSVJDTEVcIlxuICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3,15 +3,18 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { KitInputLabelComponent } from './kit-input-label.component';
|
|
4
4
|
import { LabelModule } from '@progress/kendo-angular-label';
|
|
5
5
|
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
6
|
+
import { KitTooltipModule } from '../../directives/kit-tooltip/kit-tooltip.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class KitInputLabelModule {
|
|
8
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
10
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, declarations: [KitInputLabelComponent], imports: [CommonModule,
|
|
10
11
|
LabelModule,
|
|
11
|
-
KitSvgIconModule
|
|
12
|
+
KitSvgIconModule,
|
|
13
|
+
KitTooltipModule], exports: [KitInputLabelComponent] }); }
|
|
12
14
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, imports: [CommonModule,
|
|
13
15
|
LabelModule,
|
|
14
|
-
KitSvgIconModule
|
|
16
|
+
KitSvgIconModule,
|
|
17
|
+
KitTooltipModule] }); }
|
|
15
18
|
}
|
|
16
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, decorators: [{
|
|
17
20
|
type: NgModule,
|
|
@@ -23,10 +26,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
23
26
|
CommonModule,
|
|
24
27
|
LabelModule,
|
|
25
28
|
KitSvgIconModule,
|
|
29
|
+
KitTooltipModule,
|
|
26
30
|
],
|
|
27
31
|
exports: [
|
|
28
32
|
KitInputLabelComponent,
|
|
29
33
|
],
|
|
30
34
|
}]
|
|
31
35
|
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWlucHV0LWxhYmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWlucHV0LWxhYmVsL2tpdC1pbnB1dC1sYWJlbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQWdCbkYsTUFBTSxPQUFPLG1CQUFtQjs4R0FBbkIsbUJBQW1COytHQUFuQixtQkFBbUIsaUJBWjVCLHNCQUFzQixhQUd0QixZQUFZO1lBQ1osV0FBVztZQUNYLGdCQUFnQjtZQUNoQixnQkFBZ0IsYUFHaEIsc0JBQXNCOytHQUdiLG1CQUFtQixZQVQ1QixZQUFZO1lBQ1osV0FBVztZQUNYLGdCQUFnQjtZQUNoQixnQkFBZ0I7OzJGQU1QLG1CQUFtQjtrQkFkL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0SW5wdXRMYWJlbENvbXBvbmVudCB9IGZyb20gJy4va2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYWJlbE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWxhYmVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBLaXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9raXQtdG9vbHRpcC9raXQtdG9vbHRpcC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXRJbnB1dExhYmVsQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIExhYmVsTW9kdWxlLFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gICAgS2l0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdElucHV0TGFiZWxDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdElucHV0TGFiZWxNb2R1bGUge1xufVxuIl19
|
|
@@ -81,6 +81,7 @@ export var KitSvgIcon;
|
|
|
81
81
|
KitSvgIcon["BACK_ARROW"] = "back-arrow";
|
|
82
82
|
KitSvgIcon["USER"] = "user";
|
|
83
83
|
KitSvgIcon["CARET_DOWN"] = "caret-down";
|
|
84
|
+
KitSvgIcon["CARET_UP"] = "caret-up";
|
|
84
85
|
KitSvgIcon["INFO_CIRCLE"] = "info-circle";
|
|
85
86
|
KitSvgIcon["CHECK_CIRCLE_FILLED"] = "check-circle-filled";
|
|
86
87
|
KitSvgIcon["WARNING_CIRCLE_FILLED"] = "warning-circle-filled";
|
|
@@ -93,4 +94,4 @@ export var KitSvgIconType;
|
|
|
93
94
|
KitSvgIconType["FILL"] = "fill";
|
|
94
95
|
KitSvgIconType["STROKE"] = "stroke";
|
|
95
96
|
})(KitSvgIconType || (KitSvgIconType = {}));
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBeUZYO0FBekZELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7SUFDakMsdUNBQXlCLENBQUE7SUFDekIsMkJBQWEsQ0FBQTtJQUNiLHVDQUF5QixDQUFBO0lBQ3pCLG1DQUFxQixDQUFBO0lBQ3JCLHlDQUEyQixDQUFBO0lBQzNCLHlEQUEyQyxDQUFBO0lBQzNDLDZEQUErQyxDQUFBO0lBQy9DLHlEQUEyQyxDQUFBO0lBQzNDLGlEQUFtQyxDQUFBO0lBQ25DLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBekZXLFVBQVUsS0FBVixVQUFVLFFBeUZyQjtBQUVELE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIsK0JBQWEsQ0FBQTtJQUNiLG1DQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFN2Z0ljb24ge1xuICBMT0dPID0gJ2xvZ28nLFxuICBDSEVWUk9OX0RPV04gPSAnY2hldnJvbi1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9SSUdIVCA9ICdjaGV2cm9uLXJpZ2h0JyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQ0FMRU5EQVIgPSAnY2FsZW5kYXInLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIEVZRSA9ICdleWUnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgRURJVCA9ICdlZGl0JyxcbiAgTE9DQVRJT04gPSAnbG9jYXRpb24nLFxuICBDUk9TUyA9ICdjcm9zcycsXG4gIENIRUNLID0gJ2NoZWNrJyxcbiAgQ0hFQ0tfQ0lSQ0xFID0gJ2NoZWNrLWNpcmNsZScsXG4gIERJU0tFVFRFID0gJ2Rpc2tldHRlJyxcbiAgQ0xJUEJPQVJEID0gJ2NsaXBib2FyZCcsXG4gIExBWUVSUyA9ICdsYXllcnMnLFxuICBLTkFVRiA9ICdrbmF1Zi1sb2dvJyxcbiAgSE9NRSA9ICdob21lJyxcbiAgRE9VQkxFX0NJUkNMRSA9ICdkb3VibGUtY2lyY2xlJyxcbiAgUEVOQ0lMID0gJ3BlbmNpbCcsXG4gIE9SREVSID0gJ29yZGVyJyxcbiAgUkVTRVQgPSAncmVzZXQnLFxuICBDSVJDTEVfQ1JPU1MgPSAnY2lyY2xlLWNyb3NzJyxcbiAgVFJVQ0sgPSAndHJ1Y2snLFxuICBERUxJVkVSRUQgPSAnZGVsaXZlcmVkJyxcbiAgRlRMID0gJ2Z0bCcsXG4gIExUTCA9ICdsdGwnLFxuICBPUkcgPSAnb3JnJyxcbiAgQVJDSElWRSA9ICdhcmNoaXZlJyxcbiAgTE9HT1VUID0gJ2xvZ291dCcsXG4gIENPTlRBSU5FUiA9ICdjb250YWluZXInLFxuICBDQVJSSUVSID0gJ2NhcnJpZXInLFxuICBFWFBPUlQgPSAnZXhwb3J0JyxcbiAgR0VBUiA9ICdnZWFyJyxcbiAgU1RPQ0sgPSAnc3RvY2snLFxuICBTVEFUVVMgPSAnc3RhdHVzJyxcbiAgQ0xPU0VfU0lHTiA9ICdjbG9zZS1zaWduJyxcbiAgQ0xPU0VfU0lHTl9SRUQgPSAnY2xvc2Utc2lnbi1yZWQnLFxuICBPUEVOX1NJR05fR1JFRU4gPSAnb3Blbi1zaWduLWdyZWVuJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG4gIFRJTUUgPSAndGltZScsXG4gIFdBUk5JTkdfREVGQVVMVCA9ICd3YXJuaW5nLWRlZmF1bHQnLFxuICBST1RBVEVfTEVGVCA9ICdyb3RhdGUtbGVmdCcsXG4gIERPV05MT0FEID0gJ2Rvd25sb2FkJyxcbiAgRklMRV9URVhUID0gJ2ZpbGUtdGV4dCcsXG4gIEFSUk9XX1VQX1JJR0hUX0ZST01fU1FVQVJFID0gJ2Fycm93LXVwLXJpZ2h0LWZyb20tc3F1YXJlJyxcbiAgQ0lSQ0xFX0VYQ0xBTUFUSU9OID0gJ2NpcmNsZS1leGNsYW1hdGlvbicsXG4gIFRSSUFOR0xFX0VYQ0xBTUFUSU9OID0gJ3RyaWFuZ2xlLWV4Y2xhbWF0aW9uJyxcbiAgU0hJUCA9ICdzaGlwJyxcbiAgQ0xPQ0sgPSAnY2xvY2snLFxuICBGQUNUT1JZID0gJ2ZhY3RvcnknLFxuICBDT1BZID0gJ2NvcHknLFxuICBHRUFSXzEgPSAnZ2Vhci0xJyxcbiAgSE9VU0UgPSAnaG91c2UnLFxuICBDSEFSVCA9ICdjaGFydCcsXG4gIENMSVAgPSAnY2xpcCcsXG4gIE1BSUwgPSAnbWFpbCcsXG4gIE1FTlUgPSAnbWVudScsXG4gIE1FU1NBR0UgPSAnbWVzc2FnZScsXG4gIFJFTE9BRCA9ICdyZWxvYWQnLFxuICBXSU5ET1dfUkVTVE9SRSA9ICd3aW5kb3ctcmVzdG9yZScsXG4gIEJBQ0tfQVJST1cgPSAnYmFjay1hcnJvdycsXG4gIFVTRVIgPSAndXNlcicsXG4gIENBUkVUX0RPV04gPSAnY2FyZXQtZG93bicsXG4gIENBUkVUX1VQID0gJ2NhcmV0LXVwJyxcbiAgSU5GT19DSVJDTEUgPSAnaW5mby1jaXJjbGUnLFxuICBDSEVDS19DSVJDTEVfRklMTEVEID0gJ2NoZWNrLWNpcmNsZS1maWxsZWQnLFxuICBXQVJOSU5HX0NJUkNMRV9GSUxMRUQgPSAnd2FybmluZy1jaXJjbGUtZmlsbGVkJyxcbiAgQ0xPU0VfQ0lSQ0xFX0ZJTExFRCA9ICdjbG9zZS1jaXJjbGUtZmlsbGVkJyxcbiAgUVVFU1RJT05fQ0lSQ0xFID0gJ3F1ZXN0aW9uLWNpcmNsZScsXG4gIFNUQVIgPSAnc3RhcicsXG59XG5cbmV4cG9ydCBlbnVtIEtpdFN2Z0ljb25UeXBlIHtcbiAgRklMTCA9ICdmaWxsJyxcbiAgU1RST0tFID0gJ3N0cm9rZScsXG59XG4iXX0=
|