@indigina/ui-kit 1.1.102 → 1.1.104
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/diskette.svg +2 -4
- package/assets/icons/warning-circle-filled.svg +2 -2
- package/fesm2022/indigina-ui-kit.mjs +556 -539
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-autocomplete/kit-autocomplete.component.d.ts +23 -22
- package/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.d.ts +1 -1
- package/lib/components/kit-notification/kit-notification.component.d.ts +4 -5
- package/lib/components/kit-popup/kit-popup.component.d.ts +3 -2
- package/lib/components/kit-popup/kit-popup.model.d.ts +4 -0
- package/lib/components/kit-skeleton/kit-skeleton.component.d.ts +4 -4
- package/package.json +30 -32
- package/public-api.d.ts +1 -0
- package/styles/components/toastr.scss +3 -4
- package/styles/kendo.scss +20 -0
- package/styles/styles.scss +6 -26
- package/styles/theming.scss +1 -2
- package/esm2022/indigina-ui-kit.mjs +0 -5
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +0 -170
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.directive.mjs +0 -25
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.module.mjs +0 -60
- package/esm2022/lib/components/kit-avatar/kit-avatar.component.mjs +0 -32
- package/esm2022/lib/components/kit-avatar/kit-avatar.const.mjs +0 -7
- package/esm2022/lib/components/kit-avatar/kit-avatar.module.mjs +0 -28
- package/esm2022/lib/components/kit-breadcrumbs/kit-breadcrumbs.component.mjs +0 -20
- package/esm2022/lib/components/kit-breadcrumbs/kit-breadcrumbs.model.mjs +0 -2
- package/esm2022/lib/components/kit-breadcrumbs/kit-breadcrumbs.module.mjs +0 -27
- package/esm2022/lib/components/kit-button/kit-button.component.mjs +0 -71
- package/esm2022/lib/components/kit-button/kit-button.const.mjs +0 -20
- package/esm2022/lib/components/kit-button/kit-button.module.mjs +0 -32
- package/esm2022/lib/components/kit-card/kit-card.component.mjs +0 -89
- package/esm2022/lib/components/kit-card/kit-card.const.mjs +0 -11
- package/esm2022/lib/components/kit-card/kit-card.model.mjs +0 -2
- package/esm2022/lib/components/kit-card/kit-card.module.mjs +0 -41
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.component.mjs +0 -111
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.module.mjs +0 -44
- package/esm2022/lib/components/kit-copy-text/kit-copy-text.component.mjs +0 -67
- package/esm2022/lib/components/kit-copy-text/kit-copy-text.module.mjs +0 -28
- package/esm2022/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.mjs +0 -29
- package/esm2022/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.module.mjs +0 -32
- package/esm2022/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.mjs +0 -34
- package/esm2022/lib/components/kit-cta-panel-action/kit-cta-panel-action.module.mjs +0 -28
- package/esm2022/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.mjs +0 -25
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +0 -51
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.model.mjs +0 -2
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.module.mjs +0 -53
- package/esm2022/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.mjs +0 -35
- package/esm2022/lib/components/kit-cta-panel-item/kit-cta-panel-item.model.mjs +0 -6
- package/esm2022/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.mjs +0 -36
- package/esm2022/lib/components/kit-data-field/kit-data-field.component.mjs +0 -22
- package/esm2022/lib/components/kit-datepicker/kit-datepicker.component.mjs +0 -114
- package/esm2022/lib/components/kit-datepicker/kit-datepicker.module.mjs +0 -40
- package/esm2022/lib/components/kit-daterange/kit-daterange.component.mjs +0 -127
- package/esm2022/lib/components/kit-daterange/kit-daterange.module.mjs +0 -46
- package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +0 -136
- package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.module.mjs +0 -41
- package/esm2022/lib/components/kit-dialog/kit-dialog.component.mjs +0 -12
- package/esm2022/lib/components/kit-dialog/kit-dialog.module.mjs +0 -34
- package/esm2022/lib/components/kit-dialog/kit-dialog.service.mjs +0 -35
- package/esm2022/lib/components/kit-dialog-actions/kit-dialog-actions.component.mjs +0 -12
- package/esm2022/lib/components/kit-dialog-actions/kit-dialog-actions.module.mjs +0 -24
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.component.mjs +0 -162
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.const.mjs +0 -8
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.module.mjs +0 -47
- package/esm2022/lib/components/kit-empty-section/kit-empty-section.component.mjs +0 -22
- package/esm2022/lib/components/kit-entity-section/kit-entity-section.component.mjs +0 -11
- package/esm2022/lib/components/kit-entity-section-container/kit-entity-section-container.component.mjs +0 -11
- package/esm2022/lib/components/kit-entity-title/kit-entity-title.component.mjs +0 -11
- package/esm2022/lib/components/kit-entity-title/kit-entity-title.module.mjs +0 -24
- package/esm2022/lib/components/kit-file-card/kit-file-card-messages.component.mjs +0 -41
- package/esm2022/lib/components/kit-file-card/kit-file-card.component.mjs +0 -93
- package/esm2022/lib/components/kit-file-card/kit-file-card.const.mjs +0 -55
- package/esm2022/lib/components/kit-file-card/kit-file-card.module.mjs +0 -39
- package/esm2022/lib/components/kit-file-upload/kit-file-upload.component.mjs +0 -94
- package/esm2022/lib/components/kit-file-upload/kit-file-upload.model.mjs +0 -2
- package/esm2022/lib/components/kit-file-upload/kit-file-upload.module.mjs +0 -36
- package/esm2022/lib/components/kit-grid/kit-grid-cell-template.directive.mjs +0 -14
- package/esm2022/lib/components/kit-grid/kit-grid-column/kit-grid-column.component.mjs +0 -56
- package/esm2022/lib/components/kit-grid/kit-grid-detail-template.directive.mjs +0 -14
- package/esm2022/lib/components/kit-grid/kit-grid.component.mjs +0 -195
- package/esm2022/lib/components/kit-grid/kit-grid.const.mjs +0 -6
- package/esm2022/lib/components/kit-grid/kit-grid.model.mjs +0 -2
- package/esm2022/lib/components/kit-grid/kit-grid.module.mjs +0 -53
- package/esm2022/lib/components/kit-input-label/kit-input-label.component.mjs +0 -26
- package/esm2022/lib/components/kit-input-label/kit-input-label.module.mjs +0 -36
- package/esm2022/lib/components/kit-input-message/kit-input-message.component.mjs +0 -22
- package/esm2022/lib/components/kit-input-message/kit-input-message.module.mjs +0 -28
- package/esm2022/lib/components/kit-loader/kit-loader.component.mjs +0 -19
- package/esm2022/lib/components/kit-loader/kit-loader.module.mjs +0 -24
- package/esm2022/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +0 -28
- package/esm2022/lib/components/kit-location-stepper/kit-location-stepper.module.mjs +0 -32
- package/esm2022/lib/components/kit-multiselect/kit-multiselect.component.mjs +0 -99
- package/esm2022/lib/components/kit-multiselect/kit-multiselect.model.mjs +0 -2
- package/esm2022/lib/components/kit-multiselect/kit-multiselect.module.mjs +0 -47
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu-submenu/kit-navigation-menu-submenu.component.mjs +0 -54
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu-submenu/kit-navigation-menu-submenu.module.mjs +0 -32
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.component.mjs +0 -123
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.model.mjs +0 -2
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.module.mjs +0 -46
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.service.mjs +0 -26
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.util.mjs +0 -17
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.mjs +0 -39
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.const.mjs +0 -6
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.model.mjs +0 -2
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.module.mjs +0 -32
- package/esm2022/lib/components/kit-note/kit-note.component.mjs +0 -11
- package/esm2022/lib/components/kit-note/kit-note.module.mjs +0 -20
- package/esm2022/lib/components/kit-notification/kit-notification.animation.mjs +0 -12
- package/esm2022/lib/components/kit-notification/kit-notification.component.mjs +0 -60
- package/esm2022/lib/components/kit-notification/kit-notification.const.mjs +0 -8
- package/esm2022/lib/components/kit-notification/kit-notification.service.mjs +0 -35
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +0 -118
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.const.mjs +0 -8
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs +0 -41
- package/esm2022/lib/components/kit-pill/kit-pill.component.mjs +0 -73
- package/esm2022/lib/components/kit-pill/kit-pill.const.mjs +0 -6
- package/esm2022/lib/components/kit-popup/kit-popup.component.mjs +0 -104
- package/esm2022/lib/components/kit-popup/kit-popup.model.mjs +0 -13
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.component.mjs +0 -53
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.model.mjs +0 -2
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.component.mjs +0 -103
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.const.mjs +0 -6
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.model.mjs +0 -2
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.module.mjs +0 -36
- package/esm2022/lib/components/kit-scroll-navigation/kit-scroll-navigation-section/kit-scroll-navigation-section.component.mjs +0 -27
- package/esm2022/lib/components/kit-scroll-navigation/kit-scroll-navigation.component.mjs +0 -70
- package/esm2022/lib/components/kit-scroll-navigation/kit-scroll-navigation.module.mjs +0 -37
- package/esm2022/lib/components/kit-search-bar/kit-search-bar.component.mjs +0 -76
- package/esm2022/lib/components/kit-search-bar/kit-search-bar.module.mjs +0 -32
- package/esm2022/lib/components/kit-skeleton/kit-skeleton.component.mjs +0 -49
- package/esm2022/lib/components/kit-skeleton/kit-skeleton.module.mjs +0 -28
- package/esm2022/lib/components/kit-sortable/kit-sortable.component.mjs +0 -36
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.component.mjs +0 -25
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +0 -148
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.module.mjs +0 -20
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +0 -14
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.module.mjs +0 -20
- package/esm2022/lib/components/kit-switch/kit-switch-item.model.mjs +0 -2
- package/esm2022/lib/components/kit-switch/kit-switch.component.mjs +0 -96
- package/esm2022/lib/components/kit-switch/kit-switch.module.mjs +0 -43
- package/esm2022/lib/components/kit-tabs/kit-tab/kit-tab.component.mjs +0 -47
- package/esm2022/lib/components/kit-tabs/kit-tabs.component.mjs +0 -49
- package/esm2022/lib/components/kit-tabs/kit-tabs.const.mjs +0 -6
- package/esm2022/lib/components/kit-tabs/kit-tabs.model.mjs +0 -2
- package/esm2022/lib/components/kit-tabs/kit-tabs.module.mjs +0 -37
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +0 -49
- package/esm2022/lib/components/kit-text-label/kit-text-label.module.mjs +0 -32
- package/esm2022/lib/components/kit-textarea/kit-textarea-autoresize.directive.mjs +0 -32
- package/esm2022/lib/components/kit-textarea/kit-textarea.component.mjs +0 -148
- package/esm2022/lib/components/kit-textarea/kit-textarea.const.mjs +0 -8
- package/esm2022/lib/components/kit-textarea/kit-textarea.module.mjs +0 -41
- package/esm2022/lib/components/kit-textbox/kit-textbox.component.mjs +0 -120
- package/esm2022/lib/components/kit-textbox/kit-textbox.const.mjs +0 -13
- package/esm2022/lib/components/kit-textbox/kit-textbox.module.mjs +0 -40
- package/esm2022/lib/components/kit-tilelayout/kit-tilelayout-item.component.mjs +0 -18
- package/esm2022/lib/components/kit-tilelayout/kit-tilelayout.component.mjs +0 -52
- package/esm2022/lib/components/kit-tilelayout/kit-tilelayout.interface.mjs +0 -2
- package/esm2022/lib/components/kit-tilelayout/kit-tilelayout.module.mjs +0 -33
- package/esm2022/lib/components/kit-timeline/kit-timeline-card/kit-timeline-card.component.mjs +0 -30
- package/esm2022/lib/components/kit-timeline/kit-timeline.component.mjs +0 -24
- package/esm2022/lib/components/kit-timeline/kit-timeline.const.mjs +0 -19
- package/esm2022/lib/components/kit-timeline/kit-timeline.model.mjs +0 -2
- package/esm2022/lib/components/kit-timepicker/kit-timepicker.component.mjs +0 -144
- package/esm2022/lib/components/kit-timepicker/kit-timepicker.module.mjs +0 -43
- package/esm2022/lib/components/kit-toastr/kit-toastr.module.mjs +0 -26
- package/esm2022/lib/components/kit-toastr/kit-toastr.service.mjs +0 -84
- package/esm2022/lib/components/kit-toggle/kit-toggle.component.mjs +0 -89
- package/esm2022/lib/components/kit-toggle/kit-toggle.module.mjs +0 -36
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +0 -154
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.model.mjs +0 -11
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.module.mjs +0 -55
- package/esm2022/lib/directives/kit-badge/kit-badge.const.mjs +0 -9
- package/esm2022/lib/directives/kit-badge/kit-badge.directive.mjs +0 -58
- package/esm2022/lib/directives/kit-badge/kit-badge.module.mjs +0 -20
- package/esm2022/lib/directives/kit-permission/kit-permission.directive.mjs +0 -42
- package/esm2022/lib/directives/kit-permission/kit-permission.module.mjs +0 -20
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +0 -47
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.module.mjs +0 -23
- package/esm2022/lib/services/kit-query-params.service.mjs +0 -42
- package/esm2022/lib/utils/kit-data-query/kit-data-query.const.mjs +0 -28
- package/esm2022/lib/utils/kit-data-query/kit-data-query.model.mjs +0 -2
- package/esm2022/lib/utils/kit-data-query/kit-data-query.util.mjs +0 -3
- package/esm2022/lib/utils/random.util.mjs +0 -3
- package/esm2022/public-api.mjs +0 -211
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { buildRandomUUID } from '../../utils/random.util';
|
|
4
|
-
import { KitSvgIcon, KitSvgIconType } from '../kit-svg-icon/kit-svg-icon.const';
|
|
5
|
-
import { KitRadioButtonType } from './kit-radio-button.const';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/common";
|
|
8
|
-
import * as i2 from "@progress/kendo-angular-inputs";
|
|
9
|
-
import * as i3 from "../kit-input-label/kit-input-label.component";
|
|
10
|
-
import * as i4 from "../kit-svg-icon/kit-svg-icon.component";
|
|
11
|
-
export class KitRadioButtonComponent {
|
|
12
|
-
constructor() {
|
|
13
|
-
this.items = [];
|
|
14
|
-
this.label = null;
|
|
15
|
-
this.name = this.buildUniqName();
|
|
16
|
-
this.readonly = false;
|
|
17
|
-
this.disabled = false;
|
|
18
|
-
this.type = KitRadioButtonType.DEFAULT;
|
|
19
|
-
this.changed = new EventEmitter();
|
|
20
|
-
this.kitRadioButtonType = KitRadioButtonType;
|
|
21
|
-
this.KitSvgIcon = KitSvgIcon;
|
|
22
|
-
this.KitSvgIconType = KitSvgIconType;
|
|
23
|
-
}
|
|
24
|
-
get isIconListType() {
|
|
25
|
-
return this.type === KitRadioButtonType.ICON_LIST;
|
|
26
|
-
}
|
|
27
|
-
buildLabelId(index) {
|
|
28
|
-
const componentName = this.name;
|
|
29
|
-
return `${componentName}-${index}`;
|
|
30
|
-
}
|
|
31
|
-
handleClick(event, clickedItem) {
|
|
32
|
-
if (this.readonly || this.disabled || this.needToPrevent(clickedItem)) {
|
|
33
|
-
event.preventDefault();
|
|
34
|
-
}
|
|
35
|
-
else if (this.isIconListType) {
|
|
36
|
-
for (const item of this.items) {
|
|
37
|
-
item.checked = item.value === clickedItem.value;
|
|
38
|
-
}
|
|
39
|
-
this.onRadioValueChange({ ...clickedItem, checked: true });
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
onChange(value) {
|
|
43
|
-
}
|
|
44
|
-
onTouched() {
|
|
45
|
-
}
|
|
46
|
-
writeValue(value) {
|
|
47
|
-
this.onChange(value);
|
|
48
|
-
}
|
|
49
|
-
registerOnChange(fn) {
|
|
50
|
-
this.onChange = fn;
|
|
51
|
-
}
|
|
52
|
-
registerOnTouched(fn) {
|
|
53
|
-
this.onTouched = fn;
|
|
54
|
-
}
|
|
55
|
-
setDisabledState(disabled) {
|
|
56
|
-
this.disabled = disabled;
|
|
57
|
-
}
|
|
58
|
-
onRadioValueChange(item) {
|
|
59
|
-
this.onChange(item.value);
|
|
60
|
-
this.changed.next(item);
|
|
61
|
-
}
|
|
62
|
-
buildUniqName() {
|
|
63
|
-
const uniqPart = this.getFirstPartOfUUID(buildRandomUUID());
|
|
64
|
-
const componentName = 'radio-button';
|
|
65
|
-
return `${componentName}-${uniqPart}`;
|
|
66
|
-
}
|
|
67
|
-
getFirstPartOfUUID(uuid) {
|
|
68
|
-
const uuidDelimiter = '-';
|
|
69
|
-
return uuid.slice(0, uuid.indexOf(uuidDelimiter));
|
|
70
|
-
}
|
|
71
|
-
needToPrevent(item) {
|
|
72
|
-
return !!item.readonly || !!item.disabled;
|
|
73
|
-
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: { items: "items", label: "label", name: "name", readonly: "readonly", disabled: "disabled", type: "type" }, outputs: { changed: "changed" }, providers: [{
|
|
76
|
-
provide: NG_VALUE_ACCESSOR,
|
|
77
|
-
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
78
|
-
multi: true,
|
|
79
|
-
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n @if (label) {\n <kit-input-label class=\"kit-radio-button-label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n\n @if (items.length) {\n <div class=\"kit-radio-button-items\" \n [ngClass]=\"{'icon-list': isIconListType}\">\n @for (item of items; track item.value) {\n <div class=\"kit-radio-button-item\"\n [ngClass]=\"{'icon-list': isIconListType}\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\"\n (click)=\"handleClick($event, item)\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n @if (isIconListType) {\n <kit-svg-icon class=\"kit-radio-button-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <kit-input-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kit-input-label>\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px}.kit-radio-button-items.icon-list{flex-direction:column;width:100%;align-items:center}.kit-radio-button-label{display:block;margin-bottom:4px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;height:40px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list{cursor:pointer;width:100%;color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);padding:0 16px;height:40px;font-size:14px;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}:host ::ng-deep .kit-radio-button-item.icon-list .k-radio{display:none}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked){background-color:var(--ui-kit-color-grey-13)}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked) label{color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item.icon-list:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list:hover label{color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-icon{width:23.5px;height:30px}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "component", type: i3.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
80
|
-
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
|
|
82
|
-
type: Component,
|
|
83
|
-
args: [{ selector: 'kit-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
84
|
-
provide: NG_VALUE_ACCESSOR,
|
|
85
|
-
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
86
|
-
multi: true,
|
|
87
|
-
}], template: "<div class=\"kit-radio-button\">\n @if (label) {\n <kit-input-label class=\"kit-radio-button-label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n\n @if (items.length) {\n <div class=\"kit-radio-button-items\" \n [ngClass]=\"{'icon-list': isIconListType}\">\n @for (item of items; track item.value) {\n <div class=\"kit-radio-button-item\"\n [ngClass]=\"{'icon-list': isIconListType}\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\"\n (click)=\"handleClick($event, item)\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n @if (isIconListType) {\n <kit-svg-icon class=\"kit-radio-button-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <kit-input-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kit-input-label>\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px}.kit-radio-button-items.icon-list{flex-direction:column;width:100%;align-items:center}.kit-radio-button-label{display:block;margin-bottom:4px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;height:40px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list{cursor:pointer;width:100%;color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);padding:0 16px;height:40px;font-size:14px;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}:host ::ng-deep .kit-radio-button-item.icon-list .k-radio{display:none}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked){background-color:var(--ui-kit-color-grey-13)}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked) label{color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item.icon-list:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list:hover label{color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-icon{width:23.5px;height:30px}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"] }]
|
|
88
|
-
}], propDecorators: { items: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], label: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], name: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], readonly: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], disabled: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], type: [{
|
|
99
|
-
type: Input
|
|
100
|
-
}], changed: [{
|
|
101
|
-
type: Output
|
|
102
|
-
}] } });
|
|
103
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1yYWRpby1idXR0b24va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1yYWRpby1idXR0b24va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU1RyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQWE5RCxNQUFNLE9BQU8sdUJBQXVCO0lBWHBDO1FBWVcsVUFBSyxHQUF3QixFQUFFLENBQUM7UUFDaEMsVUFBSyxHQUFrQixJQUFJLENBQUM7UUFDNUIsU0FBSSxHQUFXLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUVwQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUF1QixrQkFBa0IsQ0FBQyxPQUFPLENBQUM7UUFFckQsWUFBTyxHQUFvQyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQUVsRix1QkFBa0IsR0FBOEIsa0JBQWtCLENBQUM7UUFDbkUsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsbUJBQWMsR0FBMEIsY0FBYyxDQUFDO0tBaUVqRTtJQS9EQyxJQUFJLGNBQWM7UUFDaEIsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLGtCQUFrQixDQUFDLFNBQVMsQ0FBQztJQUNwRCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWE7UUFDeEIsTUFBTSxhQUFhLEdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN4QyxPQUFPLEdBQUcsYUFBYSxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBaUIsRUFBRSxXQUE4QjtRQUMzRCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDdEUsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3pCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUMvQixLQUFLLE1BQU0sSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDOUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxLQUFLLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDbEQsQ0FBQztZQUVELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzdELENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQVE7SUFDakIsQ0FBQztJQUVELFNBQVM7SUFDVCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVE7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBa0I7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxJQUF1QjtRQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRU8sYUFBYTtRQUNuQixNQUFNLFFBQVEsR0FBVyxJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQztRQUNwRSxNQUFNLGFBQWEsR0FBVyxjQUFjLENBQUM7UUFFN0MsT0FBTyxHQUFHLGFBQWEsSUFBSSxRQUFRLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRU8sa0JBQWtCLENBQUMsSUFBWTtRQUNyQyxNQUFNLGFBQWEsR0FBVyxHQUFHLENBQUM7UUFDbEMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVPLGFBQWEsQ0FBQyxJQUF1QjtRQUMzQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQzVDLENBQUM7OEdBN0VVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLGdNQU52QixDQUFDO2dCQUNWLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsdUJBQXVCLENBQUM7Z0JBQ3RELEtBQUssRUFBRSxJQUFJO2FBQ1osQ0FBQywwQkNoQkosdzNDQXNDQTs7MkZEcEJhLHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHdCQUF3QixDQUFDOzRCQUN0RCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzhCQUdPLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0UmFkaW9CdXR0b24gfSBmcm9tICcuL2tpdC1yYWRpby1idXR0b24ubW9kZWwnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgYnVpbGRSYW5kb21VVUlEIH0gZnJvbSAnLi4vLi4vdXRpbHMvcmFuZG9tLnV0aWwnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiwgS2l0U3ZnSWNvblR5cGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IEtpdFJhZGlvQnV0dG9uVHlwZSB9IGZyb20gJy4va2l0LXJhZGlvLWJ1dHRvbi5jb25zdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1yYWRpby1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXRSYWRpb0J1dHRvbkNvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRSYWRpb0J1dHRvbkNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgaXRlbXM6IEtpdFJhZGlvQnV0dG9uPFQ+W10gPSBbXTtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmcgPSB0aGlzLmJ1aWxkVW5pcU5hbWUoKTtcblxuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0eXBlOiBLaXRSYWRpb0J1dHRvblR5cGUgPSBLaXRSYWRpb0J1dHRvblR5cGUuREVGQVVMVDtcblxuICBAT3V0cHV0KCkgY2hhbmdlZDogRXZlbnRFbWl0dGVyPEtpdFJhZGlvQnV0dG9uPFQ+PiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0UmFkaW9CdXR0b248VD4+KCk7XG5cbiAgcmVhZG9ubHkga2l0UmFkaW9CdXR0b25UeXBlOiB0eXBlb2YgS2l0UmFkaW9CdXR0b25UeXBlID0gS2l0UmFkaW9CdXR0b25UeXBlO1xuICByZWFkb25seSBLaXRTdmdJY29uOiB0eXBlb2YgS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb247XG4gIHJlYWRvbmx5IEtpdFN2Z0ljb25UeXBlOiB0eXBlb2YgS2l0U3ZnSWNvblR5cGUgPSBLaXRTdmdJY29uVHlwZTtcblxuICBnZXQgaXNJY29uTGlzdFR5cGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gS2l0UmFkaW9CdXR0b25UeXBlLklDT05fTElTVDtcbiAgfVxuXG4gIGJ1aWxkTGFiZWxJZChpbmRleDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBjb25zdCBjb21wb25lbnROYW1lOiBzdHJpbmcgPSB0aGlzLm5hbWU7XG4gICAgcmV0dXJuIGAke2NvbXBvbmVudE5hbWV9LSR7aW5kZXh9YDtcbiAgfVxuXG4gIGhhbmRsZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50LCBjbGlja2VkSXRlbTogS2l0UmFkaW9CdXR0b248VD4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5yZWFkb25seSB8fCB0aGlzLmRpc2FibGVkIHx8IHRoaXMubmVlZFRvUHJldmVudChjbGlja2VkSXRlbSkpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfSBlbHNlIGlmICh0aGlzLmlzSWNvbkxpc3RUeXBlKSB7XG4gICAgICBmb3IgKGNvbnN0IGl0ZW0gb2YgdGhpcy5pdGVtcykge1xuICAgICAgICBpdGVtLmNoZWNrZWQgPSBpdGVtLnZhbHVlID09PSBjbGlja2VkSXRlbS52YWx1ZTtcbiAgICAgIH1cblxuICAgICAgdGhpcy5vblJhZGlvVmFsdWVDaGFuZ2UoeyAuLi5jbGlja2VkSXRlbSwgY2hlY2tlZDogdHJ1ZSB9KTtcbiAgICB9XG4gIH1cblxuICBvbkNoYW5nZSh2YWx1ZTogVCk6IHZvaWQge1xuICB9XG5cbiAgb25Ub3VjaGVkKCk6IHZvaWQge1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogVCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IFQpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgb25SYWRpb1ZhbHVlQ2hhbmdlKGl0ZW06IEtpdFJhZGlvQnV0dG9uPFQ+KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZShpdGVtLnZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZWQubmV4dChpdGVtKTtcbiAgfVxuXG4gIHByaXZhdGUgYnVpbGRVbmlxTmFtZSgpOiBzdHJpbmcge1xuICAgIGNvbnN0IHVuaXFQYXJ0OiBzdHJpbmcgPSB0aGlzLmdldEZpcnN0UGFydE9mVVVJRChidWlsZFJhbmRvbVVVSUQoKSk7XG4gICAgY29uc3QgY29tcG9uZW50TmFtZTogc3RyaW5nID0gJ3JhZGlvLWJ1dHRvbic7XG5cbiAgICByZXR1cm4gYCR7Y29tcG9uZW50TmFtZX0tJHt1bmlxUGFydH1gO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRGaXJzdFBhcnRPZlVVSUQodXVpZDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCB1dWlkRGVsaW1pdGVyOiBzdHJpbmcgPSAnLSc7XG4gICAgcmV0dXJuIHV1aWQuc2xpY2UoMCwgdXVpZC5pbmRleE9mKHV1aWREZWxpbWl0ZXIpKTtcbiAgfVxuXG4gIHByaXZhdGUgbmVlZFRvUHJldmVudChpdGVtOiBLaXRSYWRpb0J1dHRvbjxUPik6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIWl0ZW0ucmVhZG9ubHkgfHwgISFpdGVtLmRpc2FibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LXJhZGlvLWJ1dHRvblwiPlxuICBAaWYgKGxhYmVsKSB7XG4gICAgPGtpdC1pbnB1dC1sYWJlbCBjbGFzcz1cImtpdC1yYWRpby1idXR0b24tbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxcIlxuICAgID48L2tpdC1pbnB1dC1sYWJlbD5cbiAgfVxuXG4gIEBpZiAoaXRlbXMubGVuZ3RoKSB7XG4gICAgPGRpdiBjbGFzcz1cImtpdC1yYWRpby1idXR0b24taXRlbXNcIiBcbiAgICAgIFtuZ0NsYXNzXT1cInsnaWNvbi1saXN0JzogaXNJY29uTGlzdFR5cGV9XCI+XG4gICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtLnZhbHVlKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJraXQtcmFkaW8tYnV0dG9uLWl0ZW1cIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnaWNvbi1saXN0JzogaXNJY29uTGlzdFR5cGV9XCJcbiAgICAgICAgICAgICBbY2xhc3MucmVhZG9ubHldPVwiaXRlbS5yZWFkb25seSB8fCByZWFkb25seSB8fCBkaXNhYmxlZFwiXG4gICAgICAgICAgICAgW2NsYXNzLmRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWQgfHwgZGlzYWJsZWRcIlxuICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQsIGl0ZW0pXCI+XG4gICAgICAgICAgPGlucHV0IGtlbmRvUmFkaW9CdXR0b25cbiAgICAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgICAgW2lkXT1cImJ1aWxkTGFiZWxJZCgkaW5kZXgpXCJcbiAgICAgICAgICAgICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJpdGVtLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgW2NoZWNrZWRdPVwiaXRlbS5jaGVja2VkXCJcbiAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudCwgaXRlbSlcIlxuICAgICAgICAgICAgICAgICAoY2hhbmdlKT1cIm9uUmFkaW9WYWx1ZUNoYW5nZShpdGVtKVwiIC8+XG4gICAgICAgICAgQGlmIChpc0ljb25MaXN0VHlwZSkge1xuICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImtpdC1yYWRpby1idXR0b24taWNvblwiXG4gICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIktpdFN2Z0ljb25UeXBlLkZJTExcIlxuICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgICA8a2l0LWlucHV0LWxhYmVsIFt0ZXh0XT1cIml0ZW0ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Zvcl09XCJidWlsZExhYmVsSWQoJGluZGV4KVwiXG4gICAgICAgICAgPjwva2l0LWlucHV0LWxhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export var KitRadioButtonType;
|
|
2
|
-
(function (KitRadioButtonType) {
|
|
3
|
-
KitRadioButtonType["DEFAULT"] = "default";
|
|
4
|
-
KitRadioButtonType["ICON_LIST"] = "icon-list";
|
|
5
|
-
})(KitRadioButtonType || (KitRadioButtonType = {}));
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5jb25zdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXJhZGlvLWJ1dHRvbi9raXQtcmFkaW8tYnV0dG9uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGtCQUdYO0FBSEQsV0FBWSxrQkFBa0I7SUFDNUIseUNBQW1CLENBQUE7SUFDbkIsNkNBQXVCLENBQUE7QUFDekIsQ0FBQyxFQUhXLGtCQUFrQixLQUFsQixrQkFBa0IsUUFHN0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBLaXRSYWRpb0J1dHRvblR5cGUge1xuICBERUZBVUxUID0gJ2RlZmF1bHQnLFxuICBJQ09OX0xJU1QgPSAnaWNvbi1saXN0Jyxcbn1cbiJdfQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXJhZGlvLWJ1dHRvbi9raXQtcmFkaW8tYnV0dG9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0UmFkaW9CdXR0b248VD4ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogVDtcbiAgcmVhZG9ubHk/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoZWNrZWQ/OiBib29sZWFuO1xuICBpY29uPzogS2l0U3ZnSWNvbjtcbn1cbiJdfQ==
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { KitRadioButtonComponent } from './kit-radio-button.component';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { RadioButtonModule } from '@progress/kendo-angular-inputs';
|
|
5
|
-
import { KitInputLabelModule } from '../kit-input-label/kit-input-label.module';
|
|
6
|
-
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class KitRadioButtonModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitRadioButtonModule, declarations: [KitRadioButtonComponent], imports: [CommonModule,
|
|
11
|
-
RadioButtonModule,
|
|
12
|
-
KitInputLabelModule,
|
|
13
|
-
KitSvgIconModule], exports: [KitRadioButtonComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitRadioButtonModule, imports: [CommonModule,
|
|
15
|
-
RadioButtonModule,
|
|
16
|
-
KitInputLabelModule,
|
|
17
|
-
KitSvgIconModule] }); }
|
|
18
|
-
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitRadioButtonModule, decorators: [{
|
|
20
|
-
type: NgModule,
|
|
21
|
-
args: [{
|
|
22
|
-
declarations: [
|
|
23
|
-
KitRadioButtonComponent,
|
|
24
|
-
],
|
|
25
|
-
exports: [
|
|
26
|
-
KitRadioButtonComponent,
|
|
27
|
-
],
|
|
28
|
-
imports: [
|
|
29
|
-
CommonModule,
|
|
30
|
-
RadioButtonModule,
|
|
31
|
-
KitInputLabelModule,
|
|
32
|
-
KitSvgIconModule,
|
|
33
|
-
],
|
|
34
|
-
}]
|
|
35
|
-
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1yYWRpby1idXR0b24va2l0LXJhZGlvLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBZ0J2RSxNQUFNLE9BQU8sb0JBQW9COzhHQUFwQixvQkFBb0I7K0dBQXBCLG9CQUFvQixpQkFaN0IsdUJBQXVCLGFBTXZCLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsbUJBQW1CO1lBQ25CLGdCQUFnQixhQU5oQix1QkFBdUI7K0dBU2Qsb0JBQW9CLFlBTjdCLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsbUJBQW1CO1lBQ25CLGdCQUFnQjs7MkZBR1Asb0JBQW9CO2tCQWRoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsbUJBQW1CO3dCQUNuQixnQkFBZ0I7cUJBQ2pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFJhZGlvQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtcmFkaW8tYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUmFkaW9CdXR0b25Nb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1pbnB1dHMnO1xuaW1wb3J0IHsgS2l0SW5wdXRMYWJlbE1vZHVsZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1sYWJlbC9raXQtaW5wdXQtbGFiZWwubW9kdWxlJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEtpdFJhZGlvQnV0dG9uQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgS2l0UmFkaW9CdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmFkaW9CdXR0b25Nb2R1bGUsXG4gICAgS2l0SW5wdXRMYWJlbE1vZHVsZSxcbiAgICBLaXRTdmdJY29uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRSYWRpb0J1dHRvbk1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class KitScrollNavigationSectionComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
/**
|
|
6
|
-
* Defines the navigation item title
|
|
7
|
-
*/
|
|
8
|
-
this.title = '';
|
|
9
|
-
this.sectionTemplate = null;
|
|
10
|
-
this.sectionContent = null;
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KitScrollNavigationSectionComponent, isStandalone: true, selector: "kit-scroll-navigation-section", inputs: { title: "title" }, viewQueries: [{ propertyName: "sectionTemplate", first: true, predicate: ["sectionTemplate"], descendants: true, static: true }, { propertyName: "sectionContent", first: true, predicate: ["sectionContent"], descendants: true }], ngImport: i0, template: "<ng-template #sectionTemplate>\n <div #sectionContent\n class=\"kit-scroll-navigation-section\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationSectionComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'kit-scroll-navigation-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #sectionTemplate>\n <div #sectionContent\n class=\"kit-scroll-navigation-section\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n" }]
|
|
18
|
-
}], propDecorators: { title: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], sectionTemplate: [{
|
|
21
|
-
type: ViewChild,
|
|
22
|
-
args: ['sectionTemplate', { static: true }]
|
|
23
|
-
}], sectionContent: [{
|
|
24
|
-
type: ViewChild,
|
|
25
|
-
args: ['sectionContent']
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc2Nyb2xsLW5hdmlnYXRpb24va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc2Nyb2xsLW5hdmlnYXRpb24va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVNqSSxNQUFNLE9BQU8sbUNBQW1DO0lBUGhEO1FBUUU7O1dBRUc7UUFDTSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBRW9CLG9CQUFlLEdBQW9DLElBQUksQ0FBQztRQUMzRSxtQkFBYyxHQUFzQixJQUFJLENBQUM7S0FDdkU7OEdBUlksbUNBQW1DO2tHQUFuQyxtQ0FBbUMsMFZDVGhELG9LQU1BOzsyRkRHYSxtQ0FBbUM7a0JBUC9DLFNBQVM7K0JBQ0UsK0JBQStCLGNBRTdCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFNNUIsS0FBSztzQkFBYixLQUFLO2dCQUUwQyxlQUFlO3NCQUE5RCxTQUFTO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDakIsY0FBYztzQkFBMUMsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0U2Nyb2xsTmF2aWdhdGlvblNlY3Rpb25Db21wb25lbnQge1xuICAvKipcbiAgICogRGVmaW5lcyB0aGUgbmF2aWdhdGlvbiBpdGVtIHRpdGxlXG4gICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XG5cbiAgQFZpZXdDaGlsZCgnc2VjdGlvblRlbXBsYXRlJywgeyBzdGF0aWM6IHRydWUgfSkgc2VjdGlvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD4gfCBudWxsID0gbnVsbDtcbiAgQFZpZXdDaGlsZCgnc2VjdGlvbkNvbnRlbnQnKSBzZWN0aW9uQ29udGVudDogRWxlbWVudFJlZiB8IG51bGwgPSBudWxsO1xufVxuIiwiPG5nLXRlbXBsYXRlICNzZWN0aW9uVGVtcGxhdGU+XG4gIDxkaXYgI3NlY3Rpb25Db250ZW50XG4gICAgICAgY2xhc3M9XCJraXQtc2Nyb2xsLW5hdmlnYXRpb24tc2VjdGlvblwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, signal, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { KitScrollNavigationSectionComponent } from './kit-scroll-navigation-section/kit-scroll-navigation-section.component';
|
|
3
|
-
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
4
|
-
import { KitButtonKind, KitButtonType } from '../kit-button/kit-button.const';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "../kit-button/kit-button.component";
|
|
8
|
-
import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
|
|
9
|
-
export class KitScrollNavigationComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.items = null;
|
|
12
|
-
this.content = null;
|
|
13
|
-
this.KitSvgIcon = KitSvgIcon;
|
|
14
|
-
this.KitButtonType = KitButtonType;
|
|
15
|
-
this.KitButtonKind = KitButtonKind;
|
|
16
|
-
this.activeSectionIndex = signal(0);
|
|
17
|
-
}
|
|
18
|
-
ngAfterViewInit() {
|
|
19
|
-
this.setLastSectionMinHeight();
|
|
20
|
-
}
|
|
21
|
-
onSectionScroll() {
|
|
22
|
-
const contentElement = this.content?.nativeElement;
|
|
23
|
-
if (!contentElement || !this.items) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
const contentScrollTop = contentElement.scrollTop;
|
|
27
|
-
const sections = this.items.toArray();
|
|
28
|
-
sections.forEach((section, index) => {
|
|
29
|
-
const sectionElement = section.sectionContent?.nativeElement;
|
|
30
|
-
const sectionTop = sectionElement.offsetTop;
|
|
31
|
-
const sectionHeight = sectionElement.offsetHeight;
|
|
32
|
-
if (sectionTop <= contentScrollTop && sectionTop + sectionHeight >= contentScrollTop) {
|
|
33
|
-
this.activeSectionIndex.set(index);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
scrollToSection(index) {
|
|
38
|
-
const section = this.items?.toArray()[index]?.sectionContent?.nativeElement;
|
|
39
|
-
section?.scrollIntoView({
|
|
40
|
-
behavior: 'smooth',
|
|
41
|
-
block: 'start',
|
|
42
|
-
inline: 'start',
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
setLastSectionMinHeight() {
|
|
46
|
-
const contentHeight = this.content?.nativeElement.clientHeight;
|
|
47
|
-
if (contentHeight && this.items) {
|
|
48
|
-
this.calculateLastSectionMinHeight(this.items.toArray(), contentHeight);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
calculateLastSectionMinHeight(sections, contentHeight) {
|
|
52
|
-
const lastSection = sections[sections.length - 1]?.sectionContent?.nativeElement;
|
|
53
|
-
if (lastSection && contentHeight > lastSection.clientHeight) {
|
|
54
|
-
lastSection.style.minHeight = `${contentHeight}px`;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitScrollNavigationComponent, selector: "kit-scroll-navigation", queries: [{ propertyName: "items", predicate: KitScrollNavigationSectionComponent }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"kit-scroll-navigation\">\n <div class=\"kit-scroll-navigation-items\">\n @for (item of items; track item) {\n <kit-button class=\"nav-item\"\n [class.active]=\"activeSectionIndex() === $index\"\n [label]=\"item.title\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.SMALL\"\n (clicked)=\"scrollToSection($index)\"\n ></kit-button>\n @if (!$last) {\n <kit-svg-icon class=\"nav-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n }\n }\n </div>\n\n <div #content\n class=\"kit-scroll-navigation-content\"\n (scroll)=\"onSectionScroll()\">\n @for (item of items; track item) {\n <ng-container *ngTemplateOutlet=\"item.sectionTemplate\"\n ></ng-container>\n }\n </div>\n</div>\n", styles: [".kit-scroll-navigation{display:flex;flex-direction:column;gap:34px;height:100%}.kit-scroll-navigation-items{display:flex;align-items:center;gap:18px;padding-bottom:27px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-scroll-navigation .nav-item.active .kit-button .k-button{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-scroll-navigation .nav-icon{width:16px;height:16px;stroke:var(--ui-kit-color-grey-10);fill:none}.kit-scroll-navigation-content{display:flex;flex-direction:column;flex:1;gap:20px;position:relative;overflow-y:auto}.kit-scroll-navigation-section{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
59
|
-
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationComponent, decorators: [{
|
|
61
|
-
type: Component,
|
|
62
|
-
args: [{ selector: 'kit-scroll-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-scroll-navigation\">\n <div class=\"kit-scroll-navigation-items\">\n @for (item of items; track item) {\n <kit-button class=\"nav-item\"\n [class.active]=\"activeSectionIndex() === $index\"\n [label]=\"item.title\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.SMALL\"\n (clicked)=\"scrollToSection($index)\"\n ></kit-button>\n @if (!$last) {\n <kit-svg-icon class=\"nav-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n }\n }\n </div>\n\n <div #content\n class=\"kit-scroll-navigation-content\"\n (scroll)=\"onSectionScroll()\">\n @for (item of items; track item) {\n <ng-container *ngTemplateOutlet=\"item.sectionTemplate\"\n ></ng-container>\n }\n </div>\n</div>\n", styles: [".kit-scroll-navigation{display:flex;flex-direction:column;gap:34px;height:100%}.kit-scroll-navigation-items{display:flex;align-items:center;gap:18px;padding-bottom:27px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-scroll-navigation .nav-item.active .kit-button .k-button{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-scroll-navigation .nav-icon{width:16px;height:16px;stroke:var(--ui-kit-color-grey-10);fill:none}.kit-scroll-navigation-content{display:flex;flex-direction:column;flex:1;gap:20px;position:relative;overflow-y:auto}.kit-scroll-navigation-section{flex-shrink:0}\n"] }]
|
|
63
|
-
}], propDecorators: { items: [{
|
|
64
|
-
type: ContentChildren,
|
|
65
|
-
args: [KitScrollNavigationSectionComponent]
|
|
66
|
-
}], content: [{
|
|
67
|
-
type: ViewChild,
|
|
68
|
-
args: ['content', { static: true }]
|
|
69
|
-
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXNjcm9sbC1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXNjcm9sbC1uYXZpZ2F0aW9uL2tpdC1zY3JvbGwtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1zY3JvbGwtbmF2aWdhdGlvbi9raXQtc2Nyb2xsLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsZUFBZSxFQUdmLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBRWxCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLHlFQUF5RSxDQUFDO0FBQzlILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7OztBQVM5RSxNQUFNLE9BQU8sNEJBQTRCO0lBUHpDO1FBUXdELFVBQUssR0FBMEQsSUFBSSxDQUFDO1FBQ2xGLFlBQU8sR0FBc0IsSUFBSSxDQUFDO1FBRWpFLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLGtCQUFhLEdBQXlCLGFBQWEsQ0FBQztRQUNwRCxrQkFBYSxHQUF5QixhQUFhLENBQUM7UUFDcEQsdUJBQWtCLEdBQTJCLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztLQThDakU7SUE1Q0MsZUFBZTtRQUNiLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxjQUFjLEdBQWdCLElBQUksQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDO1FBQ2hFLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbkMsT0FBTztRQUNULENBQUM7UUFFRCxNQUFNLGdCQUFnQixHQUFXLGNBQWMsQ0FBQyxTQUFTLENBQUM7UUFDMUQsTUFBTSxRQUFRLEdBQTBDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDN0UsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUNsQyxNQUFNLGNBQWMsR0FBZ0IsT0FBTyxDQUFDLGNBQWMsRUFBRSxhQUFhLENBQUM7WUFDMUUsTUFBTSxVQUFVLEdBQVcsY0FBYyxDQUFDLFNBQVMsQ0FBQztZQUNwRCxNQUFNLGFBQWEsR0FBVyxjQUFjLENBQUMsWUFBWSxDQUFDO1lBQzFELElBQUksVUFBVSxJQUFJLGdCQUFnQixJQUFJLFVBQVUsR0FBRyxhQUFhLElBQUksZ0JBQWdCLEVBQUUsQ0FBQztnQkFDckYsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNyQyxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQWE7UUFDM0IsTUFBTSxPQUFPLEdBQXVCLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQztRQUNoRyxPQUFPLEVBQUUsY0FBYyxDQUFDO1lBQ3RCLFFBQVEsRUFBRSxRQUFRO1lBQ2xCLEtBQUssRUFBRSxPQUFPO1lBQ2QsTUFBTSxFQUFFLE9BQU87U0FDaEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLHVCQUF1QjtRQUM3QixNQUFNLGFBQWEsR0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDdkUsSUFBSSxhQUFhLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBQzFFLENBQUM7SUFDSCxDQUFDO0lBRU8sNkJBQTZCLENBQUMsUUFBK0MsRUFBRSxhQUFxQjtRQUMxRyxNQUFNLFdBQVcsR0FBZ0IsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQztRQUM5RixJQUFJLFdBQVcsSUFBSSxhQUFhLEdBQUcsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzVELFdBQVcsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLEdBQUcsYUFBYSxJQUFJLENBQUM7UUFDckQsQ0FBQztJQUNILENBQUM7OEdBcERVLDRCQUE0QjtrR0FBNUIsNEJBQTRCLG1GQUN0QixtQ0FBbUMsK0lDeEJ0RCw0M0JBMkJBOzsyRkRKYSw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUdpQixLQUFLO3NCQUExRCxlQUFlO3VCQUFDLG1DQUFtQztnQkFDWixPQUFPO3NCQUE5QyxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEVsZW1lbnRSZWYsXG4gIFF1ZXJ5TGlzdCxcbiAgc2lnbmFsLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBXcml0YWJsZVNpZ25hbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTY3JvbGxOYXZpZ2F0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IEtpdEJ1dHRvbktpbmQsIEtpdEJ1dHRvblR5cGUgfSBmcm9tICcuLi9raXQtYnV0dG9uL2tpdC1idXR0b24uY29uc3QnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtc2Nyb2xsLW5hdmlnYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1zY3JvbGwtbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRTY3JvbGxOYXZpZ2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBDb250ZW50Q2hpbGRyZW4oS2l0U2Nyb2xsTmF2aWdhdGlvblNlY3Rpb25Db21wb25lbnQpIGl0ZW1zOiBRdWVyeUxpc3Q8S2l0U2Nyb2xsTmF2aWdhdGlvblNlY3Rpb25Db21wb25lbnQ+IHwgbnVsbCA9IG51bGw7XG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBjb250ZW50OiBFbGVtZW50UmVmIHwgbnVsbCA9IG51bGw7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRCdXR0b25UeXBlOiB0eXBlb2YgS2l0QnV0dG9uVHlwZSA9IEtpdEJ1dHRvblR5cGU7XG4gIHJlYWRvbmx5IEtpdEJ1dHRvbktpbmQ6IHR5cGVvZiBLaXRCdXR0b25LaW5kID0gS2l0QnV0dG9uS2luZDtcbiAgcmVhZG9ubHkgYWN0aXZlU2VjdGlvbkluZGV4OiBXcml0YWJsZVNpZ25hbDxudW1iZXI+ID0gc2lnbmFsKDApO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldExhc3RTZWN0aW9uTWluSGVpZ2h0KCk7XG4gIH1cblxuICBvblNlY3Rpb25TY3JvbGwoKTogdm9pZCB7XG4gICAgY29uc3QgY29udGVudEVsZW1lbnQ6IEhUTUxFbGVtZW50ID0gdGhpcy5jb250ZW50Py5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghY29udGVudEVsZW1lbnQgfHwgIXRoaXMuaXRlbXMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBjb250ZW50U2Nyb2xsVG9wOiBudW1iZXIgPSBjb250ZW50RWxlbWVudC5zY3JvbGxUb3A7XG4gICAgY29uc3Qgc2VjdGlvbnM6IEtpdFNjcm9sbE5hdmlnYXRpb25TZWN0aW9uQ29tcG9uZW50W10gPSB0aGlzLml0ZW1zLnRvQXJyYXkoKTtcbiAgICBzZWN0aW9ucy5mb3JFYWNoKChzZWN0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgY29uc3Qgc2VjdGlvbkVsZW1lbnQ6IEhUTUxFbGVtZW50ID0gc2VjdGlvbi5zZWN0aW9uQ29udGVudD8ubmF0aXZlRWxlbWVudDtcbiAgICAgIGNvbnN0IHNlY3Rpb25Ub3A6IG51bWJlciA9IHNlY3Rpb25FbGVtZW50Lm9mZnNldFRvcDtcbiAgICAgIGNvbnN0IHNlY3Rpb25IZWlnaHQ6IG51bWJlciA9IHNlY3Rpb25FbGVtZW50Lm9mZnNldEhlaWdodDtcbiAgICAgIGlmIChzZWN0aW9uVG9wIDw9IGNvbnRlbnRTY3JvbGxUb3AgJiYgc2VjdGlvblRvcCArIHNlY3Rpb25IZWlnaHQgPj0gY29udGVudFNjcm9sbFRvcCkge1xuICAgICAgICB0aGlzLmFjdGl2ZVNlY3Rpb25JbmRleC5zZXQoaW5kZXgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgc2Nyb2xsVG9TZWN0aW9uKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCBzZWN0aW9uOiBIVE1MRWxlbWVudCB8IG51bGwgPSB0aGlzLml0ZW1zPy50b0FycmF5KClbaW5kZXhdPy5zZWN0aW9uQ29udGVudD8ubmF0aXZlRWxlbWVudDtcbiAgICBzZWN0aW9uPy5zY3JvbGxJbnRvVmlldyh7XG4gICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICBibG9jazogJ3N0YXJ0JyxcbiAgICAgIGlubGluZTogJ3N0YXJ0JyxcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0TGFzdFNlY3Rpb25NaW5IZWlnaHQoKTogdm9pZCB7XG4gICAgY29uc3QgY29udGVudEhlaWdodDogbnVtYmVyID0gdGhpcy5jb250ZW50Py5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodDtcbiAgICBpZiAoY29udGVudEhlaWdodCAmJiB0aGlzLml0ZW1zKSB7XG4gICAgICB0aGlzLmNhbGN1bGF0ZUxhc3RTZWN0aW9uTWluSGVpZ2h0KHRoaXMuaXRlbXMudG9BcnJheSgpLCBjb250ZW50SGVpZ2h0KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGNhbGN1bGF0ZUxhc3RTZWN0aW9uTWluSGVpZ2h0KHNlY3Rpb25zOiBLaXRTY3JvbGxOYXZpZ2F0aW9uU2VjdGlvbkNvbXBvbmVudFtdLCBjb250ZW50SGVpZ2h0OiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCBsYXN0U2VjdGlvbjogSFRNTEVsZW1lbnQgPSBzZWN0aW9uc1tzZWN0aW9ucy5sZW5ndGggLSAxXT8uc2VjdGlvbkNvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKGxhc3RTZWN0aW9uICYmIGNvbnRlbnRIZWlnaHQgPiBsYXN0U2VjdGlvbi5jbGllbnRIZWlnaHQpIHtcbiAgICAgIGxhc3RTZWN0aW9uLnN0eWxlLm1pbkhlaWdodCA9IGAke2NvbnRlbnRIZWlnaHR9cHhgO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1zY3JvbGwtbmF2aWdhdGlvblwiPlxuICA8ZGl2IGNsYXNzPVwia2l0LXNjcm9sbC1uYXZpZ2F0aW9uLWl0ZW1zXCI+XG4gICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgaXRlbSkge1xuICAgICAgPGtpdC1idXR0b24gY2xhc3M9XCJuYXYtaXRlbVwiXG4gICAgICAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVNlY3Rpb25JbmRleCgpID09PSAkaW5kZXhcIlxuICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cIml0ZW0udGl0bGVcIlxuICAgICAgICAgICAgICAgICAgW3R5cGVdPVwiS2l0QnV0dG9uVHlwZS5HSE9TVFwiXG4gICAgICAgICAgICAgICAgICBba2luZF09XCJLaXRCdXR0b25LaW5kLlNNQUxMXCJcbiAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cInNjcm9sbFRvU2VjdGlvbigkaW5kZXgpXCJcbiAgICAgID48L2tpdC1idXR0b24+XG4gICAgICBAaWYgKCEkbGFzdCkge1xuICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgIH1cbiAgICB9XG4gIDwvZGl2PlxuXG4gIDxkaXYgI2NvbnRlbnRcbiAgICAgICBjbGFzcz1cImtpdC1zY3JvbGwtbmF2aWdhdGlvbi1jb250ZW50XCJcbiAgICAgICAoc2Nyb2xsKT1cIm9uU2VjdGlvblNjcm9sbCgpXCI+XG4gICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgaXRlbSkge1xuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW0uc2VjdGlvblRlbXBsYXRlXCJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { KitScrollNavigationComponent } from './kit-scroll-navigation.component';
|
|
4
|
-
import { KitScrollNavigationSectionComponent } from './kit-scroll-navigation-section/kit-scroll-navigation-section.component';
|
|
5
|
-
import { KitButtonModule } from '../kit-button/kit-button.module';
|
|
6
|
-
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class KitScrollNavigationModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationModule, declarations: [KitScrollNavigationComponent], imports: [CommonModule,
|
|
11
|
-
KitButtonModule,
|
|
12
|
-
KitSvgIconModule,
|
|
13
|
-
KitScrollNavigationSectionComponent], exports: [KitScrollNavigationComponent,
|
|
14
|
-
KitScrollNavigationSectionComponent] }); }
|
|
15
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationModule, imports: [CommonModule,
|
|
16
|
-
KitButtonModule,
|
|
17
|
-
KitSvgIconModule] }); }
|
|
18
|
-
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationModule, decorators: [{
|
|
20
|
-
type: NgModule,
|
|
21
|
-
args: [{
|
|
22
|
-
declarations: [
|
|
23
|
-
KitScrollNavigationComponent,
|
|
24
|
-
],
|
|
25
|
-
imports: [
|
|
26
|
-
CommonModule,
|
|
27
|
-
KitButtonModule,
|
|
28
|
-
KitSvgIconModule,
|
|
29
|
-
KitScrollNavigationSectionComponent,
|
|
30
|
-
],
|
|
31
|
-
exports: [
|
|
32
|
-
KitScrollNavigationComponent,
|
|
33
|
-
KitScrollNavigationSectionComponent,
|
|
34
|
-
],
|
|
35
|
-
}]
|
|
36
|
-
}] });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXNjcm9sbC1uYXZpZ2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXNjcm9sbC1uYXZpZ2F0aW9uL2tpdC1zY3JvbGwtbmF2aWdhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDakYsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDOUgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQWlCdkUsTUFBTSxPQUFPLHlCQUF5Qjs4R0FBekIseUJBQXlCOytHQUF6Qix5QkFBeUIsaUJBYmxDLDRCQUE0QixhQUc1QixZQUFZO1lBQ1osZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixtQ0FBbUMsYUFHbkMsNEJBQTRCO1lBQzVCLG1DQUFtQzsrR0FHMUIseUJBQXlCLFlBVmxDLFlBQVk7WUFDWixlQUFlO1lBQ2YsZ0JBQWdCOzsyRkFRUCx5QkFBeUI7a0JBZnJDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLG1DQUFtQztxQkFDcEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDRCQUE0Qjt3QkFDNUIsbUNBQW1DO3FCQUNwQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0U2Nyb2xsTmF2aWdhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLaXRTY3JvbGxOYXZpZ2F0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24va2l0LXNjcm9sbC1uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IEtpdEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1idXR0b24va2l0LWJ1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0U2Nyb2xsTmF2aWdhdGlvbkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBLaXRCdXR0b25Nb2R1bGUsXG4gICAgS2l0U3ZnSWNvbk1vZHVsZSxcbiAgICBLaXRTY3JvbGxOYXZpZ2F0aW9uU2VjdGlvbkNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdFNjcm9sbE5hdmlnYXRpb25Db21wb25lbnQsXG4gICAgS2l0U2Nyb2xsTmF2aWdhdGlvblNlY3Rpb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFNjcm9sbE5hdmlnYXRpb25Nb2R1bGUge1xufVxuIl19
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ChangeDetectionStrategy, ViewChild, ElementRef, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { KitButtonKind, KitButtonType, KitButtonIconPosition } from '../kit-button/kit-button.const';
|
|
3
|
-
import { KitTextboxSize } from '../kit-textbox/kit-textbox.const';
|
|
4
|
-
import { KitSvgIcon, KitSvgIconType } from '../kit-svg-icon/kit-svg-icon.const';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "../kit-button/kit-button.component";
|
|
7
|
-
import * as i2 from "../kit-textbox/kit-textbox.component";
|
|
8
|
-
import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
|
|
9
|
-
export class KitSearchBarComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.placeholder = 'Search';
|
|
12
|
-
this.searchButtonLabel = 'Search';
|
|
13
|
-
this.closeButtonLabel = 'Close';
|
|
14
|
-
this.icon = KitSvgIcon.SEARCH;
|
|
15
|
-
this.clearIcon = KitSvgIcon.CIRCLE_CROSS_THIN;
|
|
16
|
-
this.buttonType = KitButtonType.PRIMARY;
|
|
17
|
-
this.buttonCloseType = KitButtonType.GHOST;
|
|
18
|
-
this.buttonKind = KitButtonKind.MEDIUM;
|
|
19
|
-
this.buttonIcon = KitSvgIcon.SEARCH;
|
|
20
|
-
this.buttonIconType = KitSvgIconType.FILL;
|
|
21
|
-
this.buttonIconPosition = KitButtonIconPosition.LEADING;
|
|
22
|
-
this.kitTextboxSize = KitTextboxSize;
|
|
23
|
-
this.changed = new EventEmitter();
|
|
24
|
-
this.searchButtonClick = new EventEmitter();
|
|
25
|
-
this.closeButtonClick = new EventEmitter();
|
|
26
|
-
this.isSearchVisible = false;
|
|
27
|
-
}
|
|
28
|
-
onSearchChange(value) {
|
|
29
|
-
this.changed.emit(value);
|
|
30
|
-
}
|
|
31
|
-
onSearchButtonClick() {
|
|
32
|
-
this.isSearchVisible = true;
|
|
33
|
-
this.searchButtonClick.emit();
|
|
34
|
-
setTimeout(() => {
|
|
35
|
-
const inputElement = this.searchTextboxElementRef?.nativeElement.querySelector('input');
|
|
36
|
-
if (inputElement) {
|
|
37
|
-
inputElement.focus();
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
clearSearch() {
|
|
42
|
-
const inputElement = this.searchTextboxElementRef?.nativeElement.querySelector('input');
|
|
43
|
-
if (inputElement) {
|
|
44
|
-
inputElement.value = '';
|
|
45
|
-
inputElement.dispatchEvent(new Event('input'));
|
|
46
|
-
this.onSearchChange('');
|
|
47
|
-
inputElement.focus();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
onCloseButtonClick() {
|
|
51
|
-
this.isSearchVisible = false;
|
|
52
|
-
this.closeButtonClick.emit();
|
|
53
|
-
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: { placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", closeButtonLabel: "closeButtonLabel" }, outputs: { changed: "changed", searchButtonClick: "searchButtonClick", closeButtonClick: "closeButtonClick" }, viewQueries: [{ propertyName: "searchTextboxElementRef", first: true, predicate: ["searchTextboxElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"kit-search-bar\">\n <div class=\"search-wrapper\">\n @if (!isSearchVisible) {\n <kit-button\n [label]=\"searchButtonLabel\"\n [type]=\"buttonType\"\n [kind]=\"buttonKind\"\n [icon]=\"buttonIcon\"\n [iconType]=\"buttonIconType\"\n [iconPosition]=\"buttonIconPosition\"\n (clicked)=\"onSearchButtonClick()\"\n ></kit-button>\n } @else {\n <div class=\"textbox-wrapper\">\n <kit-textbox\n #searchTextboxElement\n class=\"search-textbox\"\n [placeholder]=\"placeholder\"\n [size]=\"kitTextboxSize.SMALL\"\n [icon]=\"icon\"\n (changed)=\"onSearchChange($event)\"\n ></kit-textbox>\n <button\n class=\"clear-button\"\n (click)=\"clearSearch()\"\n >\n <kit-svg-icon [icon]=\"clearIcon\"></kit-svg-icon>\n </button>\n </div>\n <kit-button\n [label]=\"closeButtonLabel\"\n [type]=\"buttonCloseType\"\n [kind]=\"buttonKind\"\n (clicked)=\"onCloseButtonClick()\"\n ></kit-button>\n }\n </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}.kit-search-bar .k-button .kit-svg-icon .icon{stroke:var(--ui-kit-color-white);fill:none}\n"], dependencies: [{ kind: "component", type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: i2.KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "defaultValue", "messageIcon", "messageText", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
|
-
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{ selector: 'kit-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-search-bar\">\n <div class=\"search-wrapper\">\n @if (!isSearchVisible) {\n <kit-button\n [label]=\"searchButtonLabel\"\n [type]=\"buttonType\"\n [kind]=\"buttonKind\"\n [icon]=\"buttonIcon\"\n [iconType]=\"buttonIconType\"\n [iconPosition]=\"buttonIconPosition\"\n (clicked)=\"onSearchButtonClick()\"\n ></kit-button>\n } @else {\n <div class=\"textbox-wrapper\">\n <kit-textbox\n #searchTextboxElement\n class=\"search-textbox\"\n [placeholder]=\"placeholder\"\n [size]=\"kitTextboxSize.SMALL\"\n [icon]=\"icon\"\n (changed)=\"onSearchChange($event)\"\n ></kit-textbox>\n <button\n class=\"clear-button\"\n (click)=\"clearSearch()\"\n >\n <kit-svg-icon [icon]=\"clearIcon\"></kit-svg-icon>\n </button>\n </div>\n <kit-button\n [label]=\"closeButtonLabel\"\n [type]=\"buttonCloseType\"\n [kind]=\"buttonKind\"\n (clicked)=\"onCloseButtonClick()\"\n ></kit-button>\n }\n </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}.kit-search-bar .k-button .kit-svg-icon .icon{stroke:var(--ui-kit-color-white);fill:none}\n"] }]
|
|
60
|
-
}], propDecorators: { placeholder: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], searchButtonLabel: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], closeButtonLabel: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], changed: [{
|
|
67
|
-
type: Output
|
|
68
|
-
}], searchButtonClick: [{
|
|
69
|
-
type: Output
|
|
70
|
-
}], closeButtonClick: [{
|
|
71
|
-
type: Output
|
|
72
|
-
}], searchTextboxElementRef: [{
|
|
73
|
-
type: ViewChild,
|
|
74
|
-
args: ['searchTextboxElement', { read: ElementRef }]
|
|
75
|
-
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXNlYXJjaC1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc2VhcmNoLWJhci9raXQtc2VhcmNoLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1zZWFyY2gtYmFyL2tpdC1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDckcsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7O0FBU2hGLE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFRVyxnQkFBVyxHQUFXLFFBQVEsQ0FBQztRQUMvQixzQkFBaUIsR0FBVyxRQUFRLENBQUM7UUFDckMscUJBQWdCLEdBQVcsT0FBTyxDQUFDO1FBRTVDLFNBQUksR0FBZSxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQ3JDLGNBQVMsR0FBZSxVQUFVLENBQUMsaUJBQWlCLENBQUM7UUFDckQsZUFBVSxHQUFrQixhQUFhLENBQUMsT0FBTyxDQUFDO1FBQ2xELG9CQUFlLEdBQWtCLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFDckQsZUFBVSxHQUFrQixhQUFhLENBQUMsTUFBTSxDQUFDO1FBQ2pELGVBQVUsR0FBZSxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQzNDLG1CQUFjLEdBQW1CLGNBQWMsQ0FBQyxJQUFJLENBQUM7UUFDckQsdUJBQWtCLEdBQTBCLHFCQUFxQixDQUFDLE9BQU8sQ0FBQztRQUNqRSxtQkFBYyxHQUEwQixjQUFjLENBQUM7UUFFdEQsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzNELHNCQUFpQixHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2pFLHFCQUFnQixHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBSzFFLG9CQUFlLEdBQVksS0FBSyxDQUFDO0tBa0NsQztJQWhDQyxjQUFjLENBQUMsS0FBYTtRQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1FBQzVCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUU5QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxZQUFZLEdBQ2hCLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxhQUFhLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3JFLElBQUksWUFBWSxFQUFFLENBQUM7Z0JBQ2pCLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN2QixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULE1BQU0sWUFBWSxHQUNoQixJQUFJLENBQUMsdUJBQXVCLEVBQUUsYUFBYSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyRSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ2pCLFlBQVksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1lBQ3hCLFlBQVksQ0FBQyxhQUFhLENBQUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUMvQyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ3hCLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN2QixDQUFDO0lBQ0gsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQzs4R0F2RFUscUJBQXFCO2tHQUFyQixxQkFBcUIsdVlBbUJXLFVBQVUsNkJDeEN2RCxvbkNBc0NBOzsyRkRqQmEscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBWUksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUdQLHVCQUF1QjtzQkFEdEIsU0FBUzt1QkFBQyxzQkFBc0IsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0QnV0dG9uS2luZCwgS2l0QnV0dG9uVHlwZSwgS2l0QnV0dG9uSWNvblBvc2l0aW9uIH0gZnJvbSAnLi4va2l0LWJ1dHRvbi9raXQtYnV0dG9uLmNvbnN0JztcbmltcG9ydCB7IEtpdFRleHRib3hTaXplIH0gZnJvbSAnLi4va2l0LXRleHRib3gva2l0LXRleHRib3guY29uc3QnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiwgS2l0U3ZnSWNvblR5cGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXNlYXJjaC1iYXInLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXNlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtc2VhcmNoLWJhci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0U2VhcmNoQmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2gnO1xuICBASW5wdXQoKSBzZWFyY2hCdXR0b25MYWJlbDogc3RyaW5nID0gJ1NlYXJjaCc7XG4gIEBJbnB1dCgpIGNsb3NlQnV0dG9uTGFiZWw6IHN0cmluZyA9ICdDbG9zZSc7XG5cbiAgaWNvbjogS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb24uU0VBUkNIO1xuICBjbGVhckljb246IEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uLkNJUkNMRV9DUk9TU19USElOO1xuICBidXR0b25UeXBlOiBLaXRCdXR0b25UeXBlID0gS2l0QnV0dG9uVHlwZS5QUklNQVJZO1xuICBidXR0b25DbG9zZVR5cGU6IEtpdEJ1dHRvblR5cGUgPSBLaXRCdXR0b25UeXBlLkdIT1NUO1xuICBidXR0b25LaW5kOiBLaXRCdXR0b25LaW5kID0gS2l0QnV0dG9uS2luZC5NRURJVU07XG4gIGJ1dHRvbkljb246IEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uLlNFQVJDSDtcbiAgYnV0dG9uSWNvblR5cGU6IEtpdFN2Z0ljb25UeXBlID0gS2l0U3ZnSWNvblR5cGUuRklMTDtcbiAgYnV0dG9uSWNvblBvc2l0aW9uOiBLaXRCdXR0b25JY29uUG9zaXRpb24gPSBLaXRCdXR0b25JY29uUG9zaXRpb24uTEVBRElORztcbiAgcmVhZG9ubHkga2l0VGV4dGJveFNpemU6IHR5cGVvZiBLaXRUZXh0Ym94U2l6ZSA9IEtpdFRleHRib3hTaXplO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgc2VhcmNoQnV0dG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNsb3NlQnV0dG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCdzZWFyY2hUZXh0Ym94RWxlbWVudCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBzZWFyY2hUZXh0Ym94RWxlbWVudFJlZiE6IEVsZW1lbnRSZWY7XG5cbiAgaXNTZWFyY2hWaXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgb25TZWFyY2hDaGFuZ2UodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxuXG4gIG9uU2VhcmNoQnV0dG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5pc1NlYXJjaFZpc2libGUgPSB0cnVlO1xuICAgIHRoaXMuc2VhcmNoQnV0dG9uQ2xpY2suZW1pdCgpO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBjb25zdCBpbnB1dEVsZW1lbnQ6IEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsID1cbiAgICAgICAgdGhpcy5zZWFyY2hUZXh0Ym94RWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdpbnB1dCcpO1xuICAgICAgaWYgKGlucHV0RWxlbWVudCkge1xuICAgICAgICBpbnB1dEVsZW1lbnQuZm9jdXMoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGNsZWFyU2VhcmNoKCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0RWxlbWVudDogSFRNTElucHV0RWxlbWVudCB8IG51bGwgPVxuICAgICAgdGhpcy5zZWFyY2hUZXh0Ym94RWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdpbnB1dCcpO1xuICAgIGlmIChpbnB1dEVsZW1lbnQpIHtcbiAgICAgIGlucHV0RWxlbWVudC52YWx1ZSA9ICcnO1xuICAgICAgaW5wdXRFbGVtZW50LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdpbnB1dCcpKTtcbiAgICAgIHRoaXMub25TZWFyY2hDaGFuZ2UoJycpO1xuICAgICAgaW5wdXRFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICB9XG5cbiAgb25DbG9zZUJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuaXNTZWFyY2hWaXNpYmxlID0gZmFsc2U7XG4gICAgdGhpcy5jbG9zZUJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1zZWFyY2gtYmFyXCI+XG4gIDxkaXYgY2xhc3M9XCJzZWFyY2gtd3JhcHBlclwiPlxuICAgIEBpZiAoIWlzU2VhcmNoVmlzaWJsZSkge1xuICAgICAgPGtpdC1idXR0b25cbiAgICAgICAgW2xhYmVsXT1cInNlYXJjaEJ1dHRvbkxhYmVsXCJcbiAgICAgICAgW3R5cGVdPVwiYnV0dG9uVHlwZVwiXG4gICAgICAgIFtraW5kXT1cImJ1dHRvbktpbmRcIlxuICAgICAgICBbaWNvbl09XCJidXR0b25JY29uXCJcbiAgICAgICAgW2ljb25UeXBlXT1cImJ1dHRvbkljb25UeXBlXCJcbiAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJidXR0b25JY29uUG9zaXRpb25cIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlYXJjaEJ1dHRvbkNsaWNrKClcIlxuICAgICAgPjwva2l0LWJ1dHRvbj5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0Ym94LXdyYXBwZXJcIj5cbiAgICAgICAgPGtpdC10ZXh0Ym94XG4gICAgICAgICAgI3NlYXJjaFRleHRib3hFbGVtZW50XG4gICAgICAgICAgY2xhc3M9XCJzZWFyY2gtdGV4dGJveFwiXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICBbc2l6ZV09XCJraXRUZXh0Ym94U2l6ZS5TTUFMTFwiXG4gICAgICAgICAgW2ljb25dPVwiaWNvblwiXG4gICAgICAgICAgKGNoYW5nZWQpPVwib25TZWFyY2hDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgID48L2tpdC10ZXh0Ym94PlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgY2xhc3M9XCJjbGVhci1idXR0b25cIlxuICAgICAgICAgIChjbGljayk9XCJjbGVhclNlYXJjaCgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxraXQtc3ZnLWljb24gW2ljb25dPVwiY2xlYXJJY29uXCI+PC9raXQtc3ZnLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8a2l0LWJ1dHRvblxuICAgICAgICBbbGFiZWxdPVwiY2xvc2VCdXR0b25MYWJlbFwiXG4gICAgICAgIFt0eXBlXT1cImJ1dHRvbkNsb3NlVHlwZVwiXG4gICAgICAgIFtraW5kXT1cImJ1dHRvbktpbmRcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgICA+PC9raXQtYnV0dG9uPlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { KitSearchBarComponent } from './kit-search-bar.component';
|
|
4
|
-
import { KitButtonModule } from '../kit-button/kit-button.module';
|
|
5
|
-
import { KitTextboxModule } from '../kit-textbox/kit-textbox.module';
|
|
6
|
-
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class KitSearchBarModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarModule, declarations: [KitSearchBarComponent], imports: [CommonModule,
|
|
11
|
-
KitButtonModule,
|
|
12
|
-
KitTextboxModule,
|
|
13
|
-
KitSvgIconModule], exports: [KitSearchBarComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarModule, imports: [CommonModule,
|
|
15
|
-
KitButtonModule,
|
|
16
|
-
KitTextboxModule,
|
|
17
|
-
KitSvgIconModule] }); }
|
|
18
|
-
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarModule, decorators: [{
|
|
20
|
-
type: NgModule,
|
|
21
|
-
args: [{
|
|
22
|
-
declarations: [KitSearchBarComponent],
|
|
23
|
-
imports: [
|
|
24
|
-
CommonModule,
|
|
25
|
-
KitButtonModule,
|
|
26
|
-
KitTextboxModule,
|
|
27
|
-
KitSvgIconModule,
|
|
28
|
-
],
|
|
29
|
-
exports: [KitSearchBarComponent],
|
|
30
|
-
}]
|
|
31
|
-
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXNlYXJjaC1iYXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc2VhcmNoLWJhci9raXQtc2VhcmNoLWJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQVl2RSxNQUFNLE9BQU8sa0JBQWtCOzhHQUFsQixrQkFBa0I7K0dBQWxCLGtCQUFrQixpQkFUZCxxQkFBcUIsYUFFbEMsWUFBWTtZQUNaLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsZ0JBQWdCLGFBRVIscUJBQXFCOytHQUVwQixrQkFBa0IsWUFQM0IsWUFBWTtZQUNaLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsZ0JBQWdCOzsyRkFJUCxrQkFBa0I7a0JBVjlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0U2VhcmNoQmFyQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtc2VhcmNoLWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2l0QnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4va2l0LWJ1dHRvbi9raXQtYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBLaXRUZXh0Ym94TW9kdWxlIH0gZnJvbSAnLi4va2l0LXRleHRib3gva2l0LXRleHRib3gubW9kdWxlJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0tpdFNlYXJjaEJhckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsIFxuICAgIEtpdEJ1dHRvbk1vZHVsZSwgXG4gICAgS2l0VGV4dGJveE1vZHVsZSwgXG4gICAgS2l0U3ZnSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW0tpdFNlYXJjaEJhckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFNlYXJjaEJhck1vZHVsZSB7fVxuIl19
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@progress/kendo-angular-indicators";
|
|
4
|
-
export var KitSkeletonShape;
|
|
5
|
-
(function (KitSkeletonShape) {
|
|
6
|
-
KitSkeletonShape["TEXT"] = "text";
|
|
7
|
-
KitSkeletonShape["CIRCLE"] = "circle";
|
|
8
|
-
KitSkeletonShape["RECTANGLE"] = "rectangle";
|
|
9
|
-
})(KitSkeletonShape || (KitSkeletonShape = {}));
|
|
10
|
-
export var KitSkeletonAnimation;
|
|
11
|
-
(function (KitSkeletonAnimation) {
|
|
12
|
-
KitSkeletonAnimation["PULSE"] = "pulse";
|
|
13
|
-
KitSkeletonAnimation["WAVE"] = "wave";
|
|
14
|
-
})(KitSkeletonAnimation || (KitSkeletonAnimation = {}));
|
|
15
|
-
export class KitSkeletonComponent {
|
|
16
|
-
constructor() {
|
|
17
|
-
/**
|
|
18
|
-
Defines the width of the skeleton component
|
|
19
|
-
*/
|
|
20
|
-
this.width = null;
|
|
21
|
-
/**
|
|
22
|
-
Defines the height of the skeleton component
|
|
23
|
-
*/
|
|
24
|
-
this.height = null;
|
|
25
|
-
/**
|
|
26
|
-
Defines the shape of the skeleton
|
|
27
|
-
*/
|
|
28
|
-
this.shape = KitSkeletonShape.TEXT;
|
|
29
|
-
/**
|
|
30
|
-
Defines the animation of the skeleton
|
|
31
|
-
*/
|
|
32
|
-
this.animation = KitSkeletonAnimation.WAVE;
|
|
33
|
-
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: { width: "width", height: "height", shape: "shape", animation: "animation" }, ngImport: i0, template: "<kendo-skeleton class=\"kit-skeleton\"\n [width]=\"width\"\n [height]=\"height\"\n [shape]=\"shape\"\n [animation]=\"animation\"\n></kendo-skeleton>\n", dependencies: [{ kind: "component", type: i1.SkeletonComponent, selector: "kendo-skeleton", inputs: ["animation", "shape", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSkeletonComponent, decorators: [{
|
|
38
|
-
type: Component,
|
|
39
|
-
args: [{ selector: 'kit-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-skeleton class=\"kit-skeleton\"\n [width]=\"width\"\n [height]=\"height\"\n [shape]=\"shape\"\n [animation]=\"animation\"\n></kendo-skeleton>\n" }]
|
|
40
|
-
}], propDecorators: { width: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], height: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], shape: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}], animation: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXNrZWxldG9uL2tpdC1za2VsZXRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1za2VsZXRvbi9raXQtc2tlbGV0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUUxRSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLGlDQUFhLENBQUE7SUFDYixxQ0FBaUIsQ0FBQTtJQUNqQiwyQ0FBdUIsQ0FBQTtBQUN6QixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQjtBQUVELE1BQU0sQ0FBTixJQUFZLG9CQUdYO0FBSEQsV0FBWSxvQkFBb0I7SUFDOUIsdUNBQWUsQ0FBQTtJQUNmLHFDQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUcvQjtBQU9ELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFNRTs7V0FFRztRQUNNLFVBQUssR0FBMkIsSUFBSSxDQUFDO1FBRTlDOztXQUVHO1FBQ00sV0FBTSxHQUEyQixJQUFJLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxVQUFLLEdBQXFCLGdCQUFnQixDQUFDLElBQUksQ0FBQztRQUV6RDs7V0FFRztRQUNNLGNBQVMsR0FBaUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDO0tBQzlFOzhHQXBCWSxvQkFBb0I7a0dBQXBCLG9CQUFvQiwwSUNsQmpDLG9OQU1BOzsyRkRZYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsY0FBYyxtQkFFUCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gS2l0U2tlbGV0b25TaGFwZSB7XG4gIFRFWFQgPSAndGV4dCcsXG4gIENJUkNMRSA9ICdjaXJjbGUnLFxuICBSRUNUQU5HTEUgPSAncmVjdGFuZ2xlJyxcbn1cblxuZXhwb3J0IGVudW0gS2l0U2tlbGV0b25BbmltYXRpb24ge1xuICBQVUxTRSA9ICdwdWxzZScsXG4gIFdBVkUgPSAnd2F2ZScsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0U2tlbGV0b25Db21wb25lbnQge1xuICAvKipcbiAgICBEZWZpbmVzIHRoZSB3aWR0aCBvZiB0aGUgc2tlbGV0b24gY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAgRGVmaW5lcyB0aGUgaGVpZ2h0IG9mIHRoZSBza2VsZXRvbiBjb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAgRGVmaW5lcyB0aGUgc2hhcGUgb2YgdGhlIHNrZWxldG9uXG4gICAqL1xuICBASW5wdXQoKSBzaGFwZTogS2l0U2tlbGV0b25TaGFwZSA9IEtpdFNrZWxldG9uU2hhcGUuVEVYVDtcblxuICAvKipcbiAgICBEZWZpbmVzIHRoZSBhbmltYXRpb24gb2YgdGhlIHNrZWxldG9uXG4gICAqL1xuICBASW5wdXQoKSBhbmltYXRpb246IEtpdFNrZWxldG9uQW5pbWF0aW9uIHwgZmFsc2UgPSBLaXRTa2VsZXRvbkFuaW1hdGlvbi5XQVZFO1xufVxuIiwiPGtlbmRvLXNrZWxldG9uIGNsYXNzPVwia2l0LXNrZWxldG9uXCJcbiAgICAgICAgICAgICAgICBbd2lkdGhdPVwid2lkdGhcIlxuICAgICAgICAgICAgICAgIFtoZWlnaHRdPVwiaGVpZ2h0XCJcbiAgICAgICAgICAgICAgICBbc2hhcGVdPVwic2hhcGVcIlxuICAgICAgICAgICAgICAgIFthbmltYXRpb25dPVwiYW5pbWF0aW9uXCJcbj48L2tlbmRvLXNrZWxldG9uPlxuIl19
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { KitSkeletonComponent } from './kit-skeleton.component';
|
|
4
|
-
import { IndicatorsModule } from '@progress/kendo-angular-indicators';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class KitSkeletonModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitSkeletonModule, declarations: [KitSkeletonComponent], imports: [CommonModule,
|
|
9
|
-
IndicatorsModule], exports: [KitSkeletonComponent] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSkeletonModule, imports: [CommonModule,
|
|
11
|
-
IndicatorsModule] }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSkeletonModule, decorators: [{
|
|
14
|
-
type: NgModule,
|
|
15
|
-
args: [{
|
|
16
|
-
declarations: [
|
|
17
|
-
KitSkeletonComponent,
|
|
18
|
-
],
|
|
19
|
-
imports: [
|
|
20
|
-
CommonModule,
|
|
21
|
-
IndicatorsModule,
|
|
22
|
-
],
|
|
23
|
-
exports: [
|
|
24
|
-
KitSkeletonComponent,
|
|
25
|
-
],
|
|
26
|
-
}]
|
|
27
|
-
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXNrZWxldG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXNrZWxldG9uL2tpdC1za2VsZXRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBY3RFLE1BQU0sT0FBTyxpQkFBaUI7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQVYxQixvQkFBb0IsYUFHcEIsWUFBWTtZQUNaLGdCQUFnQixhQUdoQixvQkFBb0I7K0dBR1gsaUJBQWlCLFlBUDFCLFlBQVk7WUFDWixnQkFBZ0I7OzJGQU1QLGlCQUFpQjtrQkFaN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBLaXRTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4va2l0LXNrZWxldG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbmRpY2F0b3JzTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItaW5kaWNhdG9ycyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEtpdFNrZWxldG9uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEluZGljYXRvcnNNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRTa2VsZXRvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0U2tlbGV0b25Nb2R1bGUge1xufVxuIl19
|