@evotor-dev/ui-kit 6.5.0 → 6.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/evotor-dev-ui-kit.umd.js +347 -206
- package/bundles/evotor-dev-ui-kit.umd.js.map +1 -1
- package/esm2015/lib/components/evo-autocomplete/components/evo-autocomplete.component.js +1 -1
- package/esm2015/lib/components/evo-badge/evo-badge.component.js +1 -1
- package/esm2015/lib/components/evo-banner/evo-banner.component.js +7 -10
- package/esm2015/lib/components/evo-banner/evo-banner.module.js +7 -11
- package/esm2015/lib/components/evo-button/components/evo-button/evo-button.component.js +92 -0
- package/esm2015/lib/components/evo-button/components/evo-button-old/evo-button-old.component.js +96 -0
- package/esm2015/lib/components/evo-button/constants/evo-button-themes-map.js +31 -0
- package/esm2015/lib/components/evo-button/evo-button.module.js +9 -14
- package/esm2015/lib/components/evo-button/public-api.js +4 -2
- package/esm2015/lib/components/evo-button/types/evo-button-color.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-shape.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-size.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-theme-params.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-theme.js +2 -0
- package/esm2015/lib/components/evo-button/types/index.js +6 -0
- package/esm2015/lib/components/evo-chip/evo-chip.component.js +1 -1
- package/esm2015/lib/components/evo-control-error/evo-control-error.component.js +1 -1
- package/esm2015/lib/components/evo-control-label/evo-control-label.component.js +1 -1
- package/esm2015/lib/components/evo-counter/evo-counter.component.js +1 -1
- package/esm2015/lib/components/evo-datepicker/evo-datepicker.component.js +1 -1
- package/esm2015/lib/components/evo-icon/evo-icon.component.js +15 -11
- package/esm2015/lib/components/evo-icon-button/evo-icon-button.component.js +1 -1
- package/esm2015/lib/components/evo-input/evo-input.component.js +1 -1
- package/esm2015/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.js +1 -1
- package/esm2015/lib/components/evo-loader/evo-circular-loader.component.js +1 -1
- package/esm2015/lib/components/evo-loader/evo-loader.component.js +4 -1
- package/esm2015/lib/components/evo-modal/evo-modal.component.js +16 -7
- package/esm2015/lib/components/evo-popover/evo-popover.component.js +1 -1
- package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar/evo-segmented-bar.component.js +6 -5
- package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar-button/evo-segmented-bar-button.component.js +4 -1
- package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar.module.js +9 -24
- package/esm2015/lib/components/evo-select/evo-select.component.js +1 -1
- package/esm2015/lib/components/evo-sidebar/evo-sidebar-header/evo-sidebar-header.component.js +1 -1
- package/esm2015/lib/components/evo-submenu/evo-submenu.component.js +19 -16
- package/esm2015/lib/components/evo-submenu/evo-submenu.module.js +8 -18
- package/esm2015/lib/components/evo-switcher/evo-switcher.component.js +1 -1
- package/esm2015/lib/components/evo-textarea/evo-textarea.component.js +1 -1
- package/esm2015/lib/components/evo-upload/evo-upload.component.js +3 -3
- package/fesm2015/evotor-dev-ui-kit.js +306 -196
- package/fesm2015/evotor-dev-ui-kit.js.map +1 -1
- package/lib/components/evo-button/components/evo-button/evo-button.component.d.ts +24 -0
- package/lib/components/evo-button/{evo-button.component.d.ts → components/evo-button-old/evo-button-old.component.d.ts} +9 -3
- package/lib/components/evo-button/constants/evo-button-themes-map.d.ts +2 -0
- package/lib/components/evo-button/evo-button.module.d.ts +6 -4
- package/lib/components/evo-button/public-api.d.ts +3 -1
- package/lib/components/evo-button/types/evo-button-color.d.ts +5 -0
- package/lib/components/evo-button/types/evo-button-shape.d.ts +4 -0
- package/lib/components/evo-button/types/evo-button-size.d.ts +5 -0
- package/lib/components/evo-button/types/evo-button-theme-params.d.ts +5 -0
- package/lib/components/evo-button/types/evo-button-theme.d.ts +1 -0
- package/lib/components/evo-button/types/index.d.ts +5 -0
- package/lib/components/evo-icon/evo-icon.component.d.ts +7 -7
- package/lib/components/evo-modal/evo-modal.component.d.ts +10 -6
- package/package.json +1 -1
- package/styles/components/evo-button.scss +1 -1
- package/styles/components/evo-chip.scss +1 -3
- package/styles/components/evo-table.scss +9 -9
- package/styles/components/evo-title.scss +1 -1
- package/styles/globals.scss +15 -9
- package/styles/mixins/_evo-input-mixins.scss +74 -0
- package/styles/{partials/typography/_typography-caption-mixin.scss → mixins/_evo-text-caption-mixin.scss} +5 -5
- package/styles/{partials/typography/_typography-field-typo-mixin.scss → mixins/_evo-text-field-mixin.scss} +2 -2
- package/styles/{partials/typography/_typography-header-mixin.scss → mixins/_evo-text-header-mixin.scss} +17 -17
- package/styles/{partials/typography/_typography-header-mobile-mixin.scss → mixins/_evo-text-mobile-header-mixin.scss} +10 -10
- package/styles/{partials/typography/_typography-paragraph-mixin.scss → mixins/_evo-text-paragraph-mixin.scss} +5 -12
- package/styles/{partials/typography/_typography-subtitle-mixin.scss → mixins/_evo-text-subtitle-mixin.scss} +5 -5
- package/styles/mixins/_evo-text-tips-mixin.scss +9 -0
- package/styles/mixins/_media-mixins.scss +38 -0
- package/styles/mixins.scss +26 -142
- package/styles/partials/_typography.scss +37 -39
- package/esm2015/lib/components/evo-button/evo-button.component.js +0 -87
- /package/styles/partials/{fonts.scss → _fonts.scss} +0 -0
|
@@ -225,7 +225,7 @@ export class EvoAutocompleteComponent {
|
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
EvoAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Component });
|
|
228
|
-
EvoAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAutocompleteComponent, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", notFoundText: "notFoundText", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", searchable: "searchable", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", editQuery: "editQuery", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [(ngModel)]=\"value\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template\n *ngIf=\"labelTemp\"\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Lable For All Selected Items Template -->\n <ng-template\n *ngIf=\"multiLabelTemp\"\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n >\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value\">\n {{ getMultipleInlineItemsLabels(items) }}\n </div>\n </ng-template>\n </ng-container>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div class=\"ng-option disabled\" *ngIf=\"typeToSearchText\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #212121}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 16px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete .ng-value{overflow:hidden;text-overflow:ellipsis}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:0 12px 0 16px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-option{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;line-height:24px;white-space:normal;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{position:relative;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option:before{content:\"\";position:absolute;top:-12px;right:-16px;bottom:-12px;left:-16px;z-index:0;background-color:inherit}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{color:#212121;background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked evo-autocomplete-default-option{background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{color:#c6c6c6;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled evo-autocomplete-default-option{background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option.has-checkbox{background-color:#e1ecef}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;max-height:310px;max-height:var(--evo-dropdown-max-height);margin:4px 0}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:inherit;background-color:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], components: [{ type: i2.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i3.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i4.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ɵh, selector: "[ng-label-tmp]" }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.ɵi, selector: "[ng-multi-label-tmp]" }, { type: i2.ɵf, selector: "[ng-option-tmp]" }, { type: i2.ɵm, selector: "[ng-typetosearch-tmp]" }, { type: i2.ɵn, selector: "[ng-loadingtext-tmp]" }, { type: i2.ɵl, selector: "[ng-notfound-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
228
|
+
EvoAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAutocompleteComponent, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", notFoundText: "notFoundText", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", searchable: "searchable", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", editQuery: "editQuery", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [(ngModel)]=\"value\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template\n *ngIf=\"labelTemp\"\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Lable For All Selected Items Template -->\n <ng-template\n *ngIf=\"multiLabelTemp\"\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n >\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value\">\n {{ getMultipleInlineItemsLabels(items) }}\n </div>\n </ng-template>\n </ng-container>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div class=\"ng-option disabled\" *ngIf=\"typeToSearchText\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #212121}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 16px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete .ng-value{overflow:hidden;text-overflow:ellipsis}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:0 12px 0 16px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-option{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;line-height:24px;white-space:normal;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{position:relative;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option:before{content:\"\";position:absolute;top:-12px;right:-16px;bottom:-12px;left:-16px;z-index:0;background-color:inherit}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{color:#212121;background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked evo-autocomplete-default-option{background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{color:#c6c6c6;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled evo-autocomplete-default-option{background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option.has-checkbox{background-color:#e1ecef}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;max-height:310px;max-height:var(--evo-dropdown-max-height);margin:4px 0}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:inherit;background-color:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], components: [{ type: i2.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i3.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i4.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ɵh, selector: "[ng-label-tmp]" }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.ɵi, selector: "[ng-multi-label-tmp]" }, { type: i2.ɵf, selector: "[ng-option-tmp]" }, { type: i2.ɵm, selector: "[ng-typetosearch-tmp]" }, { type: i2.ɵn, selector: "[ng-loadingtext-tmp]" }, { type: i2.ɵl, selector: "[ng-notfound-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
229
229
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoAutocompleteComponent, decorators: [{
|
|
230
230
|
type: Component,
|
|
231
231
|
args: [{
|
|
@@ -20,7 +20,7 @@ export class EvoBadgeComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
EvoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
EvoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBadgeComponent, selector: "evo-badge", inputs: { color: "color", size: "size", multiline: "multiline", widthPixels: ["width.px", "widthPixels"], widthPercents: ["width.%", "widthPercents"] }, ngImport: i0, template: "<div\n class=\"evo-badge\"\n [evoUiClass]=\"classes\"\n [style.width.px]=\"widthPixels\"\n [style.width.%]=\"widthPercents\"\n>\n <div class=\"evo-badge__content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".evo-badge{display:inline-flex;justify-content:center;align-items:center;min-height:24px;padding:1px 0;overflow:hidden;color:#fff;font-
|
|
23
|
+
EvoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBadgeComponent, selector: "evo-badge", inputs: { color: "color", size: "size", multiline: "multiline", widthPixels: ["width.px", "widthPixels"], widthPercents: ["width.%", "widthPercents"] }, ngImport: i0, template: "<div\n class=\"evo-badge\"\n [evoUiClass]=\"classes\"\n [style.width.px]=\"widthPixels\"\n [style.width.%]=\"widthPercents\"\n>\n <div class=\"evo-badge__content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".evo-badge{display:inline-flex;justify-content:center;align-items:center;min-height:24px;padding:1px 0;overflow:hidden;color:#fff;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600;white-space:nowrap;text-align:center;background-color:#91b1b8;border-radius:4px}.evo-badge:not([style*=width]){padding:1px 8px}.evo-badge_multiline{white-space:initial;word-break:break-all}.evo-badge__content{overflow:hidden;text-overflow:ellipsis}.evo-badge_success{background-color:#21c68b}.evo-badge_error{background-color:#ff1817}.evo-badge_icon-dark{background-color:#91b1b8}.evo-badge_icon-light{background-color:#bedce3}.evo-badge_graph-1{background-color:#eb5365}.evo-badge_graph-2{background-color:#9474c9}.evo-badge_graph-3{background-color:#41b2e5}.evo-badge_graph-4{background-color:#3ccfcf}.evo-badge_graph-5{background-color:#b7ce2c}.evo-badge_graph-6{background-color:#f4d221}.evo-badge_graph-7{background-color:#f0a042}.evo-badge_graph-8{background-color:#f87550}.evo-badge_graph-9{background-color:#847474}.evo-badge_graph-10{background-color:#7a96a5}.evo-badge_grey{color:#727272;background-color:#f4f6f8}.evo-badge_rating{background-color:#f2c94c}.evo-badge_primary{background-color:#f05023}.evo-badge_small{min-height:18px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:600}.evo-badge_small:not([style*=width]){padding:0 6px}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBadgeComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{
|
|
@@ -22,17 +22,14 @@ export class EvoBanner extends Serializable {
|
|
|
22
22
|
constructor(data) {
|
|
23
23
|
super(data);
|
|
24
24
|
this.bannerPositionNames = {
|
|
25
|
-
[EvoBannerLocations.main]: [
|
|
26
|
-
|
|
27
|
-
'top',
|
|
28
|
-
'bottom',
|
|
29
|
-
],
|
|
30
|
-
[EvoBannerLocations.category]: [
|
|
31
|
-
'main',
|
|
32
|
-
],
|
|
25
|
+
[EvoBannerLocations.main]: ['main', 'top', 'bottom'],
|
|
26
|
+
[EvoBannerLocations.category]: ['main'],
|
|
33
27
|
};
|
|
34
28
|
}
|
|
35
29
|
}
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated
|
|
32
|
+
*/
|
|
36
33
|
export class EvoBannerComponent {
|
|
37
34
|
constructor(window, el) {
|
|
38
35
|
this.window = window;
|
|
@@ -95,7 +92,7 @@ export class EvoBannerComponent {
|
|
|
95
92
|
}
|
|
96
93
|
}
|
|
97
94
|
EvoBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerComponent, deps: [{ token: WINDOW }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
98
|
-
EvoBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBannerComponent, selector: "evo-banner", inputs: { banner: "banner", type: "type" }, outputs: { bannerClick: "bannerClick" }, ngImport: i0, template: "<a\n class=\"evo-banner\"\n target=\"_blank\"\n [attr.href]=\"banner?.url\"\n (click)=\"onBannerClick()\"\n [evoUiClass]=\"bannerClass\"\n [ngStyle]=\"{'background-color': banner?.background}\"\n>\n <div class=\"evo-banner__content\">\n <div class=\"evo-banner__title\">{{ banner?.title }}</div>\n <button\n class=\"btn\"\n [ngStyle]=\"{'color': banner?.background}\"\n *ngIf=\"banner?.button\"\n >{{ banner?.button }}</button>\n </div>\n <img\n class=\"evo-banner__img\"\n [src]=\"banner?.image\"\n [alt]=\"banner?.title\"\n >\n</a>\n", styles: [".evo-banner{position:relative;display:block;height:430px;padding:12px 20px;overflow:hidden;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:box-shadow .3s}.evo-banner:hover{box-shadow:0 4px 12px #0003}.evo-banner .evo-banner__content{position:relative;z-index:2}.evo-banner .evo-banner__content .btn{display:inline-block;min-width:156px;height:40px;padding:0 20px;color:#f05023;font-weight:600;font-size:14px;text-transform:uppercase;background-color:#fff;border-radius:24px;transition:color .3s,background .3s}.evo-banner .evo-banner__title{margin-bottom:20px;font-weight:700;font-size:30px;font-family:var(--font-secondary);line-height:1.3}.evo-banner .evo-banner__description{margin-top:20px;margin-bottom:10px;font-size:14px;line-height:1.3}.evo-banner .evo-banner__img{position:absolute;right:0;bottom:0}.evo-banner_full-width{padding:20px}.evo-banner_full-width .evo-banner__title{line-height:38px}.evo-banner_full-width .evo-banner__img,.evo-banner_large .evo-banner__img{width:290px;height:290px}.evo-banner_small{height:210px;padding:20px}.evo-banner_small .evo-banner__content{max-width:70%}.evo-banner_small .evo-banner__title{margin-bottom:20px;font-size:20px}.evo-banner_small .evo-banner__img{width:210px;height:210px}.evo-banner_size-tablet.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-tablet.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-tablet.evo-banner_large{padding:40px}.evo-banner_size-tablet.evo-banner_large .evo-banner__title{margin-bottom:20px;font-size:36px;line-height:44px}.evo-banner_size-tablet.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-desktop.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-desktop.evo-banner_full-width{height:240px;padding:30px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__img{width:240px;height:240px}.evo-banner_size-desktop.evo-banner_large{padding:40px}.evo-banner_size-desktop.evo-banner_large .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop-s.evo-banner_full-width .evo-banner__title{font-size:28px;line-height:38px}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
95
|
+
EvoBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBannerComponent, selector: "evo-banner", inputs: { banner: "banner", type: "type" }, outputs: { bannerClick: "bannerClick" }, ngImport: i0, template: "<a\n class=\"evo-banner\"\n target=\"_blank\"\n [attr.href]=\"banner?.url\"\n (click)=\"onBannerClick()\"\n [evoUiClass]=\"bannerClass\"\n [ngStyle]=\"{'background-color': banner?.background}\"\n>\n <div class=\"evo-banner__content\">\n <div class=\"evo-banner__title\">{{ banner?.title }}</div>\n <button\n class=\"btn\"\n [ngStyle]=\"{'color': banner?.background}\"\n *ngIf=\"banner?.button\"\n >{{ banner?.button }}</button>\n </div>\n <img\n class=\"evo-banner__img\"\n [src]=\"banner?.image\"\n [alt]=\"banner?.title\"\n >\n</a>\n", styles: [".evo-banner{position:relative;display:block;height:430px;padding:12px 20px;overflow:hidden;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:box-shadow .3s}.evo-banner:hover{box-shadow:0 4px 12px #0003}.evo-banner .evo-banner__content{position:relative;z-index:2}.evo-banner .evo-banner__content .btn{display:inline-block;min-width:156px;height:40px;padding:0 20px;color:#f05023;font-weight:600;font-size:14px;text-transform:uppercase;background-color:#fff;border-radius:24px;transition:color .3s,background .3s}.evo-banner .evo-banner__title{margin-bottom:20px;font-weight:700;font-size:30px;font-family:var(--evo-font-secondary);line-height:1.3}.evo-banner .evo-banner__description{margin-top:20px;margin-bottom:10px;font-size:14px;line-height:1.3}.evo-banner .evo-banner__img{position:absolute;right:0;bottom:0}.evo-banner_full-width{padding:20px}.evo-banner_full-width .evo-banner__title{line-height:38px}.evo-banner_full-width .evo-banner__img,.evo-banner_large .evo-banner__img{width:290px;height:290px}.evo-banner_small{height:210px;padding:20px}.evo-banner_small .evo-banner__content{max-width:70%}.evo-banner_small .evo-banner__title{margin-bottom:20px;font-size:20px}.evo-banner_small .evo-banner__img{width:210px;height:210px}.evo-banner_size-tablet.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-tablet.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-tablet.evo-banner_large{padding:40px}.evo-banner_size-tablet.evo-banner_large .evo-banner__title{margin-bottom:20px;font-size:36px;line-height:44px}.evo-banner_size-tablet.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-desktop.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-desktop.evo-banner_full-width{height:240px;padding:30px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__img{width:240px;height:240px}.evo-banner_size-desktop.evo-banner_large{padding:40px}.evo-banner_size-desktop.evo-banner_large .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop-s.evo-banner_full-width .evo-banner__title{font-size:28px;line-height:38px}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
99
96
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerComponent, decorators: [{
|
|
100
97
|
type: Component,
|
|
101
98
|
args: [{
|
|
@@ -113,4 +110,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
113
110
|
}], bannerClick: [{
|
|
114
111
|
type: Output
|
|
115
112
|
}] } });
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYmFubmVyL2V2by1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJhbm5lci9ldm8tYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU1RyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGNBQWMsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFlLE1BQU0sTUFBTSxDQUFDO0FBQzlFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDdkUsT0FBTyxFQUFDLE1BQU0sRUFBQyxNQUFNLCtCQUErQixDQUFDOzs7O0FBRXJELE1BQU0sQ0FBTixJQUFZLGNBSVg7QUFKRCxXQUFZLGNBQWM7SUFDdEIsaUNBQWUsQ0FBQTtJQUNmLGlDQUFlLENBQUE7SUFDZiwwQ0FBd0IsQ0FBQTtBQUM1QixDQUFDLEVBSlcsY0FBYyxLQUFkLGNBQWMsUUFJekI7QUFFRCxNQUFNLENBQU4sSUFBWSxrQkFHWDtBQUhELFdBQVksa0JBQWtCO0lBQzFCLG1DQUFhLENBQUE7SUFDYiwyQ0FBcUIsQ0FBQTtBQUN6QixDQUFDLEVBSFcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQUc3QjtBQUVELE1BQU0sT0FBTyxTQUFVLFNBQVEsWUFBWTtJQVl2QyxZQUFZLElBQUk7UUFDWixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFYaEIsd0JBQW1CLEdBQUc7WUFDbEIsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDO1lBQ3BELENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUM7U0FDMUMsQ0FBQztJQVNGLENBQUM7Q0FDSjtBQU9EOztHQUVHO0FBQ0gsTUFBTSxPQUFPLGtCQUFrQjtJQVUzQixZQUFvQyxNQUFXLEVBQVUsRUFBYztRQUFuQyxXQUFNLEdBQU4sTUFBTSxDQUFLO1FBQVUsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQVI5RCxTQUFJLEdBQW1CLGNBQWMsQ0FBQyxLQUFLLENBQUM7UUFFM0MsZ0JBQVcsR0FBNEIsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUUvRSxnQkFBVyxHQUE4QixJQUFJLGVBQWUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFbkUsa0JBQWEsR0FBbUMsRUFBRSxDQUFDO1FBRy9DLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsV0FBVztRQUNQLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQzVDLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDMUMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsYUFBYTtRQUNULElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ1gsTUFBTSxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBRWxCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNYLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzFCO1FBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxFQUFFO1lBQzdCLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7U0FDL0M7UUFFRCxPQUFPLE1BQU0sQ0FBQztJQUNsQixDQUFDO0lBRU8sZUFBZTtRQUNuQixJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQzthQUMxRCxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsRUFBRSxjQUFjLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQzthQUN6RCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVPLFFBQVE7UUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUU7WUFDeEIsT0FBTztTQUNWO1FBRUQsTUFBTSxJQUFJLEdBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUE2QixDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFFNUUsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNQLE9BQU87U0FDVjtRQUVELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDLENBQUMsa0JBQWtCO1FBRWpELElBQUksS0FBSyxJQUFJLGVBQWUsQ0FBQyxNQUFNLEVBQUU7WUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO1NBQzFDO2FBQU0sSUFBSSxLQUFLLEdBQUcsZUFBZSxDQUFDLE1BQU0sRUFBRTtZQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7U0FDMUM7YUFBTSxJQUFJLEtBQUssR0FBRyxlQUFlLENBQUMsUUFBUSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsY0FBYyxFQUFFLGdCQUFnQixDQUFDLENBQUMsQ0FBQztTQUM3RDthQUFNO1lBQ0gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO1NBQzNDO0lBQ0wsQ0FBQzs7Z0hBeEVRLGtCQUFrQixrQkFVUCxNQUFNO29HQVZqQixrQkFBa0IsdUlDNUMvQixrb0JBc0JBOzRGRHNCYSxrQkFBa0I7a0JBUjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDZCQUE2QixDQUFDO2lCQUM3Qzs7MEJBY2dCLE1BQU07MkJBQUMsTUFBTTtxRUFUakIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7U2VyaWFsaXphYmxlfSBmcm9tICcuLi8uLi9jb21tb24vU2VyaWFsaXphYmxlJztcbmltcG9ydCB7YXN5bmNTY2hlZHVsZXIsIEJlaGF2aW9yU3ViamVjdCwgZnJvbUV2ZW50LCBTdWJzY3JpcHRpb259IGZyb20gJ3J4anMnO1xuaW1wb3J0IHt0aHJvdHRsZVRpbWV9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7Q1NTX0JSRUFLUE9JTlRTfSBmcm9tICcuLi8uLi9jb21tb24vY29uc3RhbnRzL2Nzcy1icmVha3BvaW50cyc7XG5pbXBvcnQge1dJTkRPV30gZnJvbSAnLi4vLi4vc2VydmljZXMvd2luZG93LnNlcnZpY2UnO1xuXG5leHBvcnQgZW51bSBFdm9CYW5uZXJUeXBlcyB7XG4gICAgbGFyZ2UgPSAnbGFyZ2UnLFxuICAgIHNtYWxsID0gJ3NtYWxsJyxcbiAgICBmdWxsV2lkdGggPSAnZnVsbC13aWR0aCcsXG59XG5cbmV4cG9ydCBlbnVtIEV2b0Jhbm5lckxvY2F0aW9ucyB7XG4gICAgbWFpbiA9ICdNYWluJyxcbiAgICBjYXRlZ29yeSA9ICdDYXRlZ29yeScsXG59XG5cbmV4cG9ydCBjbGFzcyBFdm9CYW5uZXIgZXh0ZW5kcyBTZXJpYWxpemFibGUge1xuICAgIGJhY2tncm91bmQ6IHN0cmluZztcbiAgICBiYW5uZXJQb3NpdGlvbk5hbWVzID0ge1xuICAgICAgICBbRXZvQmFubmVyTG9jYXRpb25zLm1haW5dOiBbJ21haW4nLCAndG9wJywgJ2JvdHRvbSddLFxuICAgICAgICBbRXZvQmFubmVyTG9jYXRpb25zLmNhdGVnb3J5XTogWydtYWluJ10sXG4gICAgfTtcbiAgICBidXR0b246IHN0cmluZztcbiAgICBpZDogc3RyaW5nO1xuICAgIGltYWdlOiBzdHJpbmc7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICB1cmw6IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKGRhdGEpIHtcbiAgICAgICAgc3VwZXIoZGF0YSk7XG4gICAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V2by1iYW5uZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldm8tYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ldm8tYmFubmVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICovXG5leHBvcnQgY2xhc3MgRXZvQmFubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dCgpIGJhbm5lcjogRXZvQmFubmVyO1xuICAgIEBJbnB1dCgpIHR5cGU6IEV2b0Jhbm5lclR5cGVzID0gRXZvQmFubmVyVHlwZXMuc21hbGw7XG5cbiAgICBAT3V0cHV0KCkgYmFubmVyQ2xpY2s6IEV2ZW50RW1pdHRlcjxFdm9CYW5uZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxFdm9CYW5uZXI+KCk7XG5cbiAgICBiYW5uZXJTaXplJDogQmVoYXZpb3JTdWJqZWN0PHN0cmluZ1tdPiA9IG5ldyBCZWhhdmlvclN1YmplY3QoWycnXSk7XG5cbiAgICBzdWJzY3JpcHRpb25zOiB7W25hbWU6IHN0cmluZ106IFN1YnNjcmlwdGlvbn0gPSB7fTtcblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoV0lORE9XKSBwcml2YXRlIHdpbmRvdzogYW55LCBwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHRoaXMuaW5pdFJlc2l6ZUV2ZW50KCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMub25SZXNpemUoKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgT2JqZWN0LmtleXModGhpcy5zdWJzY3JpcHRpb25zKS5mb3JFYWNoKChrZXkpID0+IHtcbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uc1trZXldLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uQmFubmVyQ2xpY2soKSB7XG4gICAgICAgIHRoaXMuYmFubmVyQ2xpY2suZW1pdCh0aGlzLmJhbm5lcik7XG4gICAgfVxuXG4gICAgZ2V0IGJhbm5lckNsYXNzKCkge1xuICAgICAgICBjb25zdCByZXN1bHQgPSBbXTtcblxuICAgICAgICBpZiAodGhpcy50eXBlKSB7XG4gICAgICAgICAgICByZXN1bHQucHVzaCh0aGlzLnR5cGUpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuYmFubmVyU2l6ZSQuZ2V0VmFsdWUoKSkge1xuICAgICAgICAgICAgcmVzdWx0LnB1c2goLi4udGhpcy5iYW5uZXJTaXplJC5nZXRWYWx1ZSgpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0UmVzaXplRXZlbnQoKSB7XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uc1sncmVzaXplJ10gPSBmcm9tRXZlbnQodGhpcy53aW5kb3csICdyZXNpemUnKVxuICAgICAgICAgICAgLnBpcGUodGhyb3R0bGVUaW1lKDMwMCwgYXN5bmNTY2hlZHVsZXIsIHt0cmFpbGluZzogdHJ1ZX0pKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5vblJlc2l6ZSgpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvblJlc2l6ZSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmVsLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHJlY3QgPSAodGhpcy5lbC5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgICBpZiAoIXJlY3QpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHdpZHRoID0gcmVjdC53aWR0aCArIDMwOyAvLyBncmlkIGRvdWJsZSBnYXBcblxuICAgICAgICBpZiAod2lkdGggPD0gQ1NTX0JSRUFLUE9JTlRTLm1vYmlsZSkge1xuICAgICAgICAgICAgdGhpcy5iYW5uZXJTaXplJC5uZXh0KFsnc2l6ZS1tb2JpbGUnXSk7XG4gICAgICAgIH0gZWxzZSBpZiAod2lkdGggPCBDU1NfQlJFQUtQT0lOVFMudGFibGV0KSB7XG4gICAgICAgICAgICB0aGlzLmJhbm5lclNpemUkLm5leHQoWydzaXplLXRhYmxldCddKTtcbiAgICAgICAgfSBlbHNlIGlmICh3aWR0aCA8IENTU19CUkVBS1BPSU5UUy5kZXNrdG9wUykge1xuICAgICAgICAgICAgdGhpcy5iYW5uZXJTaXplJC5uZXh0KFsnc2l6ZS1kZXNrdG9wJywgJ3NpemUtZGVza3RvcC1zJ10pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5iYW5uZXJTaXplJC5uZXh0KFsnc2l6ZS1kZXNrdG9wJ10pO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGFcbiAgICBjbGFzcz1cImV2by1iYW5uZXJcIlxuICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgW2F0dHIuaHJlZl09XCJiYW5uZXI/LnVybFwiXG4gICAgKGNsaWNrKT1cIm9uQmFubmVyQ2xpY2soKVwiXG4gICAgW2V2b1VpQ2xhc3NdPVwiYmFubmVyQ2xhc3NcIlxuICAgIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IGJhbm5lcj8uYmFja2dyb3VuZH1cIlxuPlxuICAgIDxkaXYgY2xhc3M9XCJldm8tYmFubmVyX19jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldm8tYmFubmVyX190aXRsZVwiPnt7IGJhbm5lcj8udGl0bGUgfX08L2Rpdj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3M9XCJidG5cIlxuICAgICAgICAgICAgW25nU3R5bGVdPVwieydjb2xvcic6IGJhbm5lcj8uYmFja2dyb3VuZH1cIlxuICAgICAgICAgICAgKm5nSWY9XCJiYW5uZXI/LmJ1dHRvblwiXG4gICAgICAgID57eyBiYW5uZXI/LmJ1dHRvbiB9fTwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxpbWdcbiAgICAgICAgY2xhc3M9XCJldm8tYmFubmVyX19pbWdcIlxuICAgICAgICBbc3JjXT1cImJhbm5lcj8uaW1hZ2VcIlxuICAgICAgICBbYWx0XT1cImJhbm5lcj8udGl0bGVcIlxuICAgID5cbjwvYT5cbiJdfQ==
|
|
@@ -3,25 +3,21 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { EvoBannerComponent } from './evo-banner.component';
|
|
4
4
|
import { EvoUiKitModule, WINDOW_PROVIDERS } from '../../evo-ui-kit.module';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated
|
|
8
|
+
*/
|
|
6
9
|
export class EvoBannerModule {
|
|
7
10
|
}
|
|
8
11
|
EvoBannerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
-
EvoBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerModule, declarations: [EvoBannerComponent], imports: [CommonModule,
|
|
10
|
-
|
|
11
|
-
EvoBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerModule, providers: [WINDOW_PROVIDERS], imports: [[
|
|
12
|
-
CommonModule,
|
|
13
|
-
EvoUiKitModule,
|
|
14
|
-
]] });
|
|
12
|
+
EvoBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerModule, declarations: [EvoBannerComponent], imports: [CommonModule, EvoUiKitModule], exports: [EvoBannerComponent] });
|
|
13
|
+
EvoBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerModule, providers: [WINDOW_PROVIDERS], imports: [[CommonModule, EvoUiKitModule]] });
|
|
15
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoBannerModule, decorators: [{
|
|
16
15
|
type: NgModule,
|
|
17
16
|
args: [{
|
|
18
|
-
imports: [
|
|
19
|
-
CommonModule,
|
|
20
|
-
EvoUiKitModule,
|
|
21
|
-
],
|
|
17
|
+
imports: [CommonModule, EvoUiKitModule],
|
|
22
18
|
declarations: [EvoBannerComponent],
|
|
23
19
|
exports: [EvoBannerComponent],
|
|
24
20
|
providers: [WINDOW_PROVIDERS],
|
|
25
21
|
}]
|
|
26
22
|
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJhbm5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYmFubmVyL2V2by1iYW5uZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBQyxjQUFjLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7QUFRekU7O0dBRUc7QUFDSCxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQVBULGtCQUFrQixhQUR2QixZQUFZLEVBQUUsY0FBYyxhQUU1QixrQkFBa0I7OEdBTW5CLGVBQWUsYUFMYixDQUFDLGdCQUFnQixDQUFDLFlBSHBCLENBQUMsWUFBWSxFQUFFLGNBQWMsQ0FBQzs0RkFROUIsZUFBZTtrQkFUM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsY0FBYyxDQUFDO29CQUN2QyxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQzdCLFNBQVMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0V2b0Jhbm5lckNvbXBvbmVudH0gZnJvbSAnLi9ldm8tYmFubmVyLmNvbXBvbmVudCc7XG5pbXBvcnQge0V2b1VpS2l0TW9kdWxlLCBXSU5ET1dfUFJPVklERVJTfSBmcm9tICcuLi8uLi9ldm8tdWkta2l0Lm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRXZvVWlLaXRNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW0V2b0Jhbm5lckNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW0V2b0Jhbm5lckNvbXBvbmVudF0sXG4gICAgcHJvdmlkZXJzOiBbV0lORE9XX1BST1ZJREVSU10sXG59KVxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICovXG5leHBvcnQgY2xhc3MgRXZvQmFubmVyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { EVO_BUTTON_THEMES_MAP } from '../../constants/evo-button-themes-map';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../../evo-loader/evo-circular-loader.component";
|
|
5
|
+
import * as i2 from "../../../../directives/evo-ui-class.directive";
|
|
6
|
+
import * as i3 from "@angular/common";
|
|
7
|
+
export class EvoButtonComponent {
|
|
8
|
+
constructor(elRef) {
|
|
9
|
+
this.elRef = elRef;
|
|
10
|
+
this.size = 'normal';
|
|
11
|
+
this.color = 'success';
|
|
12
|
+
this.shape = 'rounded';
|
|
13
|
+
this._isOutline = false;
|
|
14
|
+
this._isDisabled = false;
|
|
15
|
+
this._isLoading = false;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* `theme` is a complex prop, that sets a number of inner parameters, described in `EvoButtonThemeParams`
|
|
19
|
+
*/
|
|
20
|
+
set theme(value) {
|
|
21
|
+
var _a;
|
|
22
|
+
const selectedTheme = (_a = EVO_BUTTON_THEMES_MAP.get(value)) !== null && _a !== void 0 ? _a : EVO_BUTTON_THEMES_MAP.get('rounded-solid');
|
|
23
|
+
this.shape = selectedTheme.shape;
|
|
24
|
+
this._isOutline = selectedTheme.isOutline;
|
|
25
|
+
}
|
|
26
|
+
set disabled(value) {
|
|
27
|
+
this._isDisabled = value;
|
|
28
|
+
if (!this.isLoading) {
|
|
29
|
+
this.elRef.nativeElement.disabled = value;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
set loading(value) {
|
|
33
|
+
this._isLoading = value;
|
|
34
|
+
if (!this._isDisabled) {
|
|
35
|
+
this.elRef.nativeElement.disabled = value;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
get isLoading() {
|
|
39
|
+
return this._isLoading;
|
|
40
|
+
}
|
|
41
|
+
get buttonClasses() {
|
|
42
|
+
const classes = [];
|
|
43
|
+
if (this.color) {
|
|
44
|
+
classes.push(`color_${this.color}`);
|
|
45
|
+
}
|
|
46
|
+
if (this.shape) {
|
|
47
|
+
classes.push(`shape_${this.shape}`);
|
|
48
|
+
}
|
|
49
|
+
if (this.size) {
|
|
50
|
+
classes.push(`size_${this.size}`);
|
|
51
|
+
}
|
|
52
|
+
if (this._isOutline) {
|
|
53
|
+
classes.push(`is-outline`);
|
|
54
|
+
}
|
|
55
|
+
if (this._isDisabled) {
|
|
56
|
+
classes.push('is-disabled');
|
|
57
|
+
}
|
|
58
|
+
if (this.isLoading) {
|
|
59
|
+
classes.push('is-loading');
|
|
60
|
+
}
|
|
61
|
+
return classes;
|
|
62
|
+
}
|
|
63
|
+
get buttonStyles() {
|
|
64
|
+
const result = {};
|
|
65
|
+
if (this.isLoading) {
|
|
66
|
+
result['visibility'] = 'hidden';
|
|
67
|
+
}
|
|
68
|
+
return result;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
EvoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
EvoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: { size: "size", color: "color", theme: "theme", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"buttonClasses\">\n <span class=\"evo-button__content\" [ngStyle]=\"buttonStyles\">\n <ng-content></ng-content>\n </span>\n <evo-circular-loader class=\"evo-button__loader\" *ngIf=\"isLoading\"></evo-circular-loader>\n</div>\n", styles: [":host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none;--evo-button-background-gradient: none;--evo-button-text-color: none;--evo-button-border-color: none;--evo-button-hover-text-color: none;--evo-button-hover-shadow: none;--evo-button-overflow: hidden}.evo-button{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF;--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color);--inner-border-color: var(--inner-button-primary-color);display:flex;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:16px;line-height:1;white-space:nowrap;text-align:center;color:var(--inner-text-color);fill:var(--inner-text-color);border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-sizing:border-box;z-index:auto;transition:box-shadow .3s,color .3s}.evo-button__content{position:relative;display:flex;flex-flow:row nowrap;align-items:center;overflow:var(--evo-button-overflow);z-index:3}.evo-button__loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:4px 0;z-index:2;--evo-circular-loader-color: var(--inner-text-color)}.evo-button:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--inner-background-color);border:solid 1px var(--inner-border-color);border-radius:inherit;transition:background .3s,color .3s,border .3s}.evo-button:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .3s,background-color .3s}.evo-button:hover{box-shadow:var(--evo-button-hover-shadow)}.evo-button:hover:after{opacity:.2;background-color:#fff}.evo-button:focus:after,.evo-button:active:after{opacity:.1;background-color:#000}.evo-button:disabled,.evo-button_is-disabled{--inner-text-color: #FFFFFF !important;--inner-background-color: #C6C6C6 !important;--inner-border-color: transparent !important;pointer-events:none}.evo-button:disabled .evo-button:after,.evo-button_is-disabled .evo-button:after{display:none}.evo-button_is-outline:not(.evo-button_is-outline:hover):not(.evo-button_is-outline_is-disabled):not(.evo-button_is-outline:active){--inner-text-color: var(--inner-button-primary-color);--inner-background-color: transparent;--inner-border-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover{--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover:not(:focus):not(:active):after{background:transparent;border:none}.evo-button_is-loading{position:relative;pointer-events:none}.evo-button.evo-button_shape_rounded{border-radius:30px;font-weight:500;font-family:var(--evo-font-secondary);text-transform:uppercase}.evo-button.evo-button_shape_rectangle{border-radius:4px;padding:0 12px;font-weight:600;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_shape_semi-rectangle{border-radius:8px;padding:0 8px;font-weight:700;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_color_secondary{--inner-button-primary-color: #231F20;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_success{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_bonus{--inner-button-primary-color: #C72AAE;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_text{--inner-button-primary-color: #212121;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_link{--inner-button-primary-color: #0986E2;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_error{--inner-button-primary-color: #FF1817;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_white{--inner-button-primary-color: #FFFFFF;--inner-button-secondary-color: #212121}.evo-button.evo-button_color_primary{--inner-button-primary-color: #F05023;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_size_small.evo-button_shape_rounded{height:32px;font-size:14px;line-height:20px;padding:0 16px}.evo-button.evo-button_size_small.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;font-size:18px;line-height:20px;padding:0 24px}.evo-button.evo-button_size_normal.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;font-size:18px;line-height:20px;padding:0 40px}.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_color_white.evo-button_shape_rounded:not(.evo-button.evo-button_color_white.evo-button_shape_rounded:disabled):is(.evo-button.evo-button_color_white.evo-button_shape_rounded:hover):after{z-index:3}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline){--inner-button-secondary-color: var(--evo-button-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):hover{--inner-button-secondary-color: var(--evo-button-hover-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):before{background-image:var(--evo-button-background-gradient);border-color:transparent}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline{--inner-button-primary-color: var(--evo-button-border-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:hover:before,.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:active:before{background-color:transparent;background-image:var(--evo-button-background-gradient)}\n"], components: [{ type: i1.EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: i2.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonComponent, decorators: [{
|
|
74
|
+
type: Component,
|
|
75
|
+
args: [{
|
|
76
|
+
selector: 'button[evoButton], a[evoButton]',
|
|
77
|
+
templateUrl: './evo-button.component.html',
|
|
78
|
+
styleUrls: ['./evo-button.component.scss'],
|
|
79
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
80
|
+
}]
|
|
81
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], color: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], theme: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], disabled: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], loading: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}] } });
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYnV0dG9uL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi9ldm8tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1idXR0b24vY29tcG9uZW50cy9ldm8tYnV0dG9uL2V2by1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7Ozs7O0FBUTVFLE1BQU0sT0FBTyxrQkFBa0I7SUFtQzNCLFlBQTZCLEtBQWlCO1FBQWpCLFVBQUssR0FBTCxLQUFLLENBQVk7UUFsQ3JDLFNBQUksR0FBa0IsUUFBUSxDQUFDO1FBQy9CLFVBQUssR0FBbUIsU0FBUyxDQUFDO1FBNEJuQyxVQUFLLEdBQW1CLFNBQVMsQ0FBQztRQUNsQyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFFc0IsQ0FBQztJQS9CbEQ7O09BRUc7SUFDSCxJQUFhLEtBQUssQ0FBQyxLQUFxQjs7UUFDcEMsTUFBTSxhQUFhLEdBQ2YsTUFBQSxxQkFBcUIsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLG1DQUFJLHFCQUFxQixDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNuRixJQUFJLENBQUMsS0FBSyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFDO0lBQzlDLENBQUM7SUFFRCxJQUFhLFFBQVEsQ0FBQyxLQUFjO1FBQ2hDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXpCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDN0M7SUFDTCxDQUFDO0lBRUQsSUFBYSxPQUFPLENBQUMsS0FBYztRQUMvQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUV4QixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQzdDO0lBQ0wsQ0FBQztJQVNELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxhQUFhO1FBQ2IsTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFDO1FBRTdCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztTQUN2QztRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztTQUN2QztRQUVELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUNyQztRQUVELElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQzlCO1FBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xCLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDL0I7UUFFRCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUM5QjtRQUVELE9BQU8sT0FBTyxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDWixNQUFNLE1BQU0sR0FBMkIsRUFBRSxDQUFDO1FBRTFDLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNoQixNQUFNLENBQUMsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFDO1NBQ25DO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDbEIsQ0FBQzs7Z0hBL0VRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLDJLQ1YvQiw0UkFNQTs0RkRJYSxrQkFBa0I7a0JBTjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlDQUFpQztvQkFDM0MsV0FBVyxFQUFFLDZCQUE2QjtvQkFDMUMsU0FBUyxFQUFFLENBQUMsNkJBQTZCLENBQUM7b0JBQzFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRDtpR0FFWSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUtPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBT08sUUFBUTtzQkFBcEIsS0FBSztnQkFRTyxPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0V2b0J1dHRvbkNvbG9yLCBFdm9CdXR0b25TaGFwZSwgRXZvQnV0dG9uU2l6ZSwgRXZvQnV0dG9uVGhlbWUsIEV2b0J1dHRvblRoZW1lUGFyYW1zfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQge0VWT19CVVRUT05fVEhFTUVTX01BUH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL2V2by1idXR0b24tdGhlbWVzLW1hcCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnV0dG9uW2V2b0J1dHRvbl0sIGFbZXZvQnV0dG9uXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2V2by1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRXZvQnV0dG9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaXplOiBFdm9CdXR0b25TaXplID0gJ25vcm1hbCc7XG4gICAgQElucHV0KCkgY29sb3I6IEV2b0J1dHRvbkNvbG9yID0gJ3N1Y2Nlc3MnO1xuXG4gICAgLyoqXG4gICAgICogYHRoZW1lYCBpcyBhIGNvbXBsZXggcHJvcCwgdGhhdCBzZXRzIGEgbnVtYmVyIG9mIGlubmVyIHBhcmFtZXRlcnMsIGRlc2NyaWJlZCBpbiBgRXZvQnV0dG9uVGhlbWVQYXJhbXNgXG4gICAgICovXG4gICAgQElucHV0KCkgc2V0IHRoZW1lKHZhbHVlOiBFdm9CdXR0b25UaGVtZSkge1xuICAgICAgICBjb25zdCBzZWxlY3RlZFRoZW1lOiBFdm9CdXR0b25UaGVtZVBhcmFtcyA9XG4gICAgICAgICAgICBFVk9fQlVUVE9OX1RIRU1FU19NQVAuZ2V0KHZhbHVlKSA/PyBFVk9fQlVUVE9OX1RIRU1FU19NQVAuZ2V0KCdyb3VuZGVkLXNvbGlkJyk7XG4gICAgICAgIHRoaXMuc2hhcGUgPSBzZWxlY3RlZFRoZW1lLnNoYXBlO1xuICAgICAgICB0aGlzLl9pc091dGxpbmUgPSBzZWxlY3RlZFRoZW1lLmlzT3V0bGluZTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5faXNEaXNhYmxlZCA9IHZhbHVlO1xuXG4gICAgICAgIGlmICghdGhpcy5pc0xvYWRpbmcpIHtcbiAgICAgICAgICAgIHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5kaXNhYmxlZCA9IHZhbHVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQElucHV0KCkgc2V0IGxvYWRpbmcodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5faXNMb2FkaW5nID0gdmFsdWU7XG5cbiAgICAgICAgaWYgKCF0aGlzLl9pc0Rpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgc2hhcGU6IEV2b0J1dHRvblNoYXBlID0gJ3JvdW5kZWQnO1xuICAgIHByaXZhdGUgX2lzT3V0bGluZSA9IGZhbHNlO1xuICAgIHByaXZhdGUgX2lzRGlzYWJsZWQgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9pc0xvYWRpbmcgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZWxSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgICBnZXQgaXNMb2FkaW5nKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNMb2FkaW5nO1xuICAgIH1cblxuICAgIGdldCBidXR0b25DbGFzc2VzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgY29uc3QgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICAgICAgICBpZiAodGhpcy5jb2xvcikge1xuICAgICAgICAgICAgY2xhc3Nlcy5wdXNoKGBjb2xvcl8ke3RoaXMuY29sb3J9YCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5zaGFwZSkge1xuICAgICAgICAgICAgY2xhc3Nlcy5wdXNoKGBzaGFwZV8ke3RoaXMuc2hhcGV9YCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5zaXplKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goYHNpemVfJHt0aGlzLnNpemV9YCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5faXNPdXRsaW5lKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goYGlzLW91dGxpbmVgKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLl9pc0Rpc2FibGVkKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goJ2lzLWRpc2FibGVkJyk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5pc0xvYWRpbmcpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnaXMtbG9hZGluZycpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNsYXNzZXM7XG4gICAgfVxuXG4gICAgZ2V0IGJ1dHRvblN0eWxlcygpOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+IHtcbiAgICAgICAgY29uc3QgcmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XG5cbiAgICAgICAgaWYgKHRoaXMuaXNMb2FkaW5nKSB7XG4gICAgICAgICAgICByZXN1bHRbJ3Zpc2liaWxpdHknXSA9ICdoaWRkZW4nO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXZvLWJ1dHRvblwiIFtldm9VaUNsYXNzXT1cImJ1dHRvbkNsYXNzZXNcIj5cbiAgICA8c3BhbiBjbGFzcz1cImV2by1idXR0b25fX2NvbnRlbnRcIiBbbmdTdHlsZV09XCJidXR0b25TdHlsZXNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvc3Bhbj5cbiAgICA8ZXZvLWNpcmN1bGFyLWxvYWRlciBjbGFzcz1cImV2by1idXR0b25fX2xvYWRlclwiICpuZ0lmPVwiaXNMb2FkaW5nXCI+PC9ldm8tY2lyY3VsYXItbG9hZGVyPlxuPC9kaXY+XG4iXX0=
|
package/esm2015/lib/components/evo-button/components/evo-button-old/evo-button-old.component.js
ADDED
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../../../directives/evo-ui-class.directive";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated use EvoButtonComponent
|
|
7
|
+
*/
|
|
8
|
+
export var EvoButtonSizes;
|
|
9
|
+
(function (EvoButtonSizes) {
|
|
10
|
+
EvoButtonSizes["small"] = "small";
|
|
11
|
+
EvoButtonSizes["large"] = "large";
|
|
12
|
+
})(EvoButtonSizes || (EvoButtonSizes = {}));
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated use EvoButtonColor with EvoButtonTheme
|
|
15
|
+
*/
|
|
16
|
+
export var EvoButtonStyles;
|
|
17
|
+
(function (EvoButtonStyles) {
|
|
18
|
+
EvoButtonStyles["lined"] = "lined";
|
|
19
|
+
EvoButtonStyles["darkblue"] = "darkblue";
|
|
20
|
+
EvoButtonStyles["darkblueLined"] = "darkblue-lined";
|
|
21
|
+
EvoButtonStyles["green"] = "green";
|
|
22
|
+
EvoButtonStyles["greenlined"] = "green-lined";
|
|
23
|
+
EvoButtonStyles["purple"] = "purple";
|
|
24
|
+
EvoButtonStyles["red"] = "red";
|
|
25
|
+
})(EvoButtonStyles || (EvoButtonStyles = {}));
|
|
26
|
+
/**
|
|
27
|
+
* @deprecated use EvoButtonComponent
|
|
28
|
+
*/
|
|
29
|
+
export class EvoButtonOldComponent {
|
|
30
|
+
constructor(elRef) {
|
|
31
|
+
this.elRef = elRef;
|
|
32
|
+
this._disabled = false;
|
|
33
|
+
this._loading = false;
|
|
34
|
+
}
|
|
35
|
+
set disabled(value) {
|
|
36
|
+
this._disabled = value;
|
|
37
|
+
if (!this.loading) {
|
|
38
|
+
this.elRef.nativeElement.disabled = value;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
set loading(value) {
|
|
42
|
+
this._loading = value;
|
|
43
|
+
if (!this.disabled) {
|
|
44
|
+
this.elRef.nativeElement.disabled = value;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
get disabled() {
|
|
48
|
+
return this._disabled;
|
|
49
|
+
}
|
|
50
|
+
get loading() {
|
|
51
|
+
return this._loading;
|
|
52
|
+
}
|
|
53
|
+
get totalClasses() {
|
|
54
|
+
const classes = [];
|
|
55
|
+
if (this.size) {
|
|
56
|
+
classes.push(this.size);
|
|
57
|
+
}
|
|
58
|
+
if (this.color) {
|
|
59
|
+
classes.push(this.color);
|
|
60
|
+
}
|
|
61
|
+
if (this.loading) {
|
|
62
|
+
classes.push('loading');
|
|
63
|
+
}
|
|
64
|
+
if (this.disabled) {
|
|
65
|
+
classes.push('disabled');
|
|
66
|
+
}
|
|
67
|
+
return classes;
|
|
68
|
+
}
|
|
69
|
+
get totalStyles() {
|
|
70
|
+
const result = {};
|
|
71
|
+
if (this.loading) {
|
|
72
|
+
result['visibility'] = 'hidden';
|
|
73
|
+
}
|
|
74
|
+
return result;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
EvoButtonOldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonOldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
EvoButtonOldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonOldComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n <span [ngStyle]=\"totalStyles\">\n <ng-content></ng-content>\n </span>\n <span *ngIf=\"loading\" class=\"evo-button__dots\">\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--evo-font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonOldComponent, decorators: [{
|
|
80
|
+
type: Component,
|
|
81
|
+
args: [{
|
|
82
|
+
selector: 'evo-button, button[evo-button]',
|
|
83
|
+
templateUrl: './evo-button-old.component.html',
|
|
84
|
+
styleUrls: ['./evo-button-old.component.scss'],
|
|
85
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
86
|
+
}]
|
|
87
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], size: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], disabled: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], loading: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}] } });
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi1vbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi9jb21wb25lbnRzL2V2by1idXR0b24tb2xkL2V2by1idXR0b24tb2xkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1idXR0b24vY29tcG9uZW50cy9ldm8tYnV0dG9uLW9sZC9ldm8tYnV0dG9uLW9sZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQUVwRjs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDdEIsaUNBQWUsQ0FBQTtJQUNmLGlDQUFlLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGNBQWMsS0FBZCxjQUFjLFFBR3pCO0FBRUQ7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxlQVFYO0FBUkQsV0FBWSxlQUFlO0lBQ3ZCLGtDQUFlLENBQUE7SUFDZix3Q0FBcUIsQ0FBQTtJQUNyQixtREFBZ0MsQ0FBQTtJQUNoQyxrQ0FBZSxDQUFBO0lBQ2YsNkNBQTBCLENBQUE7SUFDMUIsb0NBQWlCLENBQUE7SUFDakIsOEJBQVcsQ0FBQTtBQUNmLENBQUMsRUFSVyxlQUFlLEtBQWYsZUFBZSxRQVExQjtBQVFEOztHQUVHO0FBQ0gsTUFBTSxPQUFPLHFCQUFxQjtJQXVCOUIsWUFBb0IsS0FBaUI7UUFBakIsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUg3QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFFZSxDQUFDO0lBbkJ6QyxJQUFhLFFBQVEsQ0FBQyxLQUFjO1FBQ2hDLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBRXZCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2YsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUM3QztJQUNMLENBQUM7SUFFRCxJQUFhLE9BQU8sQ0FBQyxLQUFjO1FBQy9CLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBRXRCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDN0M7SUFDTCxDQUFDO0lBT0QsSUFBSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDUCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksWUFBWTtRQUNaLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQztRQUU3QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDWCxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMzQjtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzVCO1FBRUQsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUMzQjtRQUVELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDNUI7UUFFRCxPQUFPLE9BQU8sQ0FBQztJQUNuQixDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ1gsTUFBTSxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBRWxCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNkLE1BQU0sQ0FBQyxZQUFZLENBQUMsR0FBRyxRQUFRLENBQUM7U0FDbkM7UUFFRCxPQUFPLE1BQU0sQ0FBQztJQUNsQixDQUFDOzttSEEvRFEscUJBQXFCO3VHQUFyQixxQkFBcUIsMEpDaENsQyxtWEFVQTs0RkRzQmEscUJBQXFCO2tCQVRqQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQ0FBZ0M7b0JBQzFDLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO29CQUM5QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQ7aUdBS1ksS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFTyxRQUFRO3NCQUFwQixLQUFLO2dCQVFPLE9BQU87c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCB1c2UgRXZvQnV0dG9uQ29tcG9uZW50XG4gKi9cbmV4cG9ydCBlbnVtIEV2b0J1dHRvblNpemVzIHtcbiAgICBzbWFsbCA9ICdzbWFsbCcsXG4gICAgbGFyZ2UgPSAnbGFyZ2UnLFxufVxuXG4vKipcbiAqIEBkZXByZWNhdGVkIHVzZSBFdm9CdXR0b25Db2xvciB3aXRoIEV2b0J1dHRvblRoZW1lXG4gKi9cbmV4cG9ydCBlbnVtIEV2b0J1dHRvblN0eWxlcyB7XG4gICAgbGluZWQgPSAnbGluZWQnLFxuICAgIGRhcmtibHVlID0gJ2RhcmtibHVlJyxcbiAgICBkYXJrYmx1ZUxpbmVkID0gJ2RhcmtibHVlLWxpbmVkJyxcbiAgICBncmVlbiA9ICdncmVlbicsXG4gICAgZ3JlZW5saW5lZCA9ICdncmVlbi1saW5lZCcsXG4gICAgcHVycGxlID0gJ3B1cnBsZScsXG4gICAgcmVkID0gJ3JlZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXZvLWJ1dHRvbiwgYnV0dG9uW2V2by1idXR0b25dJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLWJ1dHRvbi1vbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2V2by1idXR0b24tb2xkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuLyoqXG4gKiBAZGVwcmVjYXRlZCB1c2UgRXZvQnV0dG9uQ29tcG9uZW50XG4gKi9cbmV4cG9ydCBjbGFzcyBFdm9CdXR0b25PbGRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGNvbG9yOiBFdm9CdXR0b25TdHlsZXM7XG4gICAgQElucHV0KCkgc2l6ZTogRXZvQnV0dG9uU2l6ZXM7XG5cbiAgICBASW5wdXQoKSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWQgPSB2YWx1ZTtcblxuICAgICAgICBpZiAoIXRoaXMubG9hZGluZykge1xuICAgICAgICAgICAgdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmRpc2FibGVkID0gdmFsdWU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgbG9hZGluZyh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9sb2FkaW5nID0gdmFsdWU7XG5cbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX2Rpc2FibGVkID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfbG9hZGluZyA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZikge31cblxuICAgIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICAgIH1cblxuICAgIGdldCBsb2FkaW5nKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fbG9hZGluZztcbiAgICB9XG5cbiAgICBnZXQgdG90YWxDbGFzc2VzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgY29uc3QgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICAgICAgICBpZiAodGhpcy5zaXplKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2godGhpcy5zaXplKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmNvbG9yKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2godGhpcy5jb2xvcik7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5sb2FkaW5nKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goJ2xvYWRpbmcnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goJ2Rpc2FibGVkJyk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gY2xhc3NlcztcbiAgICB9XG5cbiAgICBnZXQgdG90YWxTdHlsZXMoKToge1tzdHlsZUtleTogc3RyaW5nXTogYW55fSB7XG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IHt9O1xuXG4gICAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIHJlc3VsdFsndmlzaWJpbGl0eSddID0gJ2hpZGRlbic7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldm8tYnV0dG9uXCIgW2V2b1VpQ2xhc3NdPVwidG90YWxDbGFzc2VzXCI+XG4gICAgPHNwYW4gW25nU3R5bGVdPVwidG90YWxTdHlsZXNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cImxvYWRpbmdcIiBjbGFzcz1cImV2by1idXR0b25fX2RvdHNcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJldm8tYnV0dG9uX19kb3RcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZXZvLWJ1dHRvbl9fZG90XCI+PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImV2by1idXR0b25fX2RvdFwiPjwvc3Bhbj5cbiAgICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export const EVO_BUTTON_THEMES_MAP = new Map([
|
|
2
|
+
[
|
|
3
|
+
'rectangle-outline',
|
|
4
|
+
{
|
|
5
|
+
shape: 'rectangle',
|
|
6
|
+
isOutline: true,
|
|
7
|
+
},
|
|
8
|
+
],
|
|
9
|
+
[
|
|
10
|
+
'rounded-outline',
|
|
11
|
+
{
|
|
12
|
+
shape: 'rounded',
|
|
13
|
+
isOutline: true,
|
|
14
|
+
},
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
'rounded-solid',
|
|
18
|
+
{
|
|
19
|
+
shape: 'rounded',
|
|
20
|
+
isOutline: false,
|
|
21
|
+
},
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
'semi-rectangle-solid',
|
|
25
|
+
{
|
|
26
|
+
shape: 'semi-rectangle',
|
|
27
|
+
isOutline: false,
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
]);
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi10aGVtZXMtbWFwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi9jb25zdGFudHMvZXZvLWJ1dHRvbi10aGVtZXMtbWFwLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUE4QyxJQUFJLEdBQUcsQ0FBQztJQUNwRjtRQUNJLG1CQUFtQjtRQUNuQjtZQUNJLEtBQUssRUFBRSxXQUFXO1lBQ2xCLFNBQVMsRUFBRSxJQUFJO1NBQ2xCO0tBQ0o7SUFDRDtRQUNJLGlCQUFpQjtRQUNqQjtZQUNJLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFNBQVMsRUFBRSxJQUFJO1NBQ2xCO0tBQ0o7SUFDRDtRQUNJLGVBQWU7UUFDZjtZQUNJLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFNBQVMsRUFBRSxLQUFLO1NBQ25CO0tBQ0o7SUFDRDtRQUNJLHNCQUFzQjtRQUN0QjtZQUNJLEtBQUssRUFBRSxnQkFBZ0I7WUFDdkIsU0FBUyxFQUFFLEtBQUs7U0FDbkI7S0FDSjtDQUNKLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RXZvQnV0dG9uVGhlbWUsIEV2b0J1dHRvblRoZW1lUGFyYW1zfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBFVk9fQlVUVE9OX1RIRU1FU19NQVA6IE1hcDxFdm9CdXR0b25UaGVtZSwgRXZvQnV0dG9uVGhlbWVQYXJhbXM+ID0gbmV3IE1hcChbXG4gICAgW1xuICAgICAgICAncmVjdGFuZ2xlLW91dGxpbmUnLFxuICAgICAgICB7XG4gICAgICAgICAgICBzaGFwZTogJ3JlY3RhbmdsZScsXG4gICAgICAgICAgICBpc091dGxpbmU6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBbXG4gICAgICAgICdyb3VuZGVkLW91dGxpbmUnLFxuICAgICAgICB7XG4gICAgICAgICAgICBzaGFwZTogJ3JvdW5kZWQnLFxuICAgICAgICAgICAgaXNPdXRsaW5lOiB0cnVlLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgW1xuICAgICAgICAncm91bmRlZC1zb2xpZCcsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHNoYXBlOiAncm91bmRlZCcsXG4gICAgICAgICAgICBpc091dGxpbmU6IGZhbHNlLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgW1xuICAgICAgICAnc2VtaS1yZWN0YW5nbGUtc29saWQnLFxuICAgICAgICB7XG4gICAgICAgICAgICBzaGFwZTogJ3NlbWktcmVjdGFuZ2xlJyxcbiAgICAgICAgICAgIGlzT3V0bGluZTogZmFsc2UsXG4gICAgICAgIH0sXG4gICAgXSxcbl0pO1xuIl19
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { EvoButtonComponent } from './evo-button.component';
|
|
4
3
|
import { EvoUiKitModule } from '../../evo-ui-kit.module';
|
|
4
|
+
import { EvoButtonComponent } from './components/evo-button/evo-button.component';
|
|
5
|
+
import { EvoButtonOldComponent } from './components/evo-button-old/evo-button-old.component';
|
|
6
|
+
import { EvoLoaderModule } from '../evo-loader';
|
|
5
7
|
import * as i0 from "@angular/core";
|
|
6
8
|
export class EvoButtonModule {
|
|
7
9
|
}
|
|
8
10
|
EvoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
-
EvoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonModule, declarations: [EvoButtonComponent], imports: [CommonModule,
|
|
10
|
-
|
|
11
|
-
EvoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonModule, imports: [[
|
|
12
|
-
CommonModule,
|
|
13
|
-
EvoUiKitModule,
|
|
14
|
-
]] });
|
|
11
|
+
EvoButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonModule, declarations: [EvoButtonComponent, EvoButtonOldComponent], imports: [CommonModule, EvoUiKitModule, EvoLoaderModule], exports: [EvoButtonComponent, EvoButtonOldComponent] });
|
|
12
|
+
EvoButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonModule, imports: [[CommonModule, EvoUiKitModule, EvoLoaderModule]] });
|
|
15
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonModule, decorators: [{
|
|
16
14
|
type: NgModule,
|
|
17
15
|
args: [{
|
|
18
|
-
imports: [
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
],
|
|
22
|
-
declarations: [EvoButtonComponent],
|
|
23
|
-
exports: [EvoButtonComponent],
|
|
16
|
+
imports: [CommonModule, EvoUiKitModule, EvoLoaderModule],
|
|
17
|
+
declarations: [EvoButtonComponent, EvoButtonOldComponent],
|
|
18
|
+
exports: [EvoButtonComponent, EvoButtonOldComponent],
|
|
24
19
|
}]
|
|
25
20
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYnV0dG9uL2V2by1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUNoRixPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxzREFBc0QsQ0FBQztBQUMzRixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQU85QyxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQUhULGtCQUFrQixFQUFFLHFCQUFxQixhQUQ5QyxZQUFZLEVBQUUsY0FBYyxFQUFFLGVBQWUsYUFFN0Msa0JBQWtCLEVBQUUscUJBQXFCOzhHQUUxQyxlQUFlLFlBSmYsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQzs0RkFJL0MsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQztvQkFDeEQsWUFBWSxFQUFFLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUM7b0JBQ3pELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixDQUFDO2lCQUN2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0V2b1VpS2l0TW9kdWxlfSBmcm9tICcuLi8uLi9ldm8tdWkta2l0Lm1vZHVsZSc7XG5pbXBvcnQge0V2b0J1dHRvbkNvbXBvbmVudH0gZnJvbSAnLi9jb21wb25lbnRzL2V2by1idXR0b24vZXZvLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHtFdm9CdXR0b25PbGRDb21wb25lbnR9IGZyb20gJy4vY29tcG9uZW50cy9ldm8tYnV0dG9uLW9sZC9ldm8tYnV0dG9uLW9sZC5jb21wb25lbnQnO1xuaW1wb3J0IHtFdm9Mb2FkZXJNb2R1bGV9IGZyb20gJy4uL2V2by1sb2FkZXInO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEV2b1VpS2l0TW9kdWxlLCBFdm9Mb2FkZXJNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW0V2b0J1dHRvbkNvbXBvbmVudCwgRXZvQnV0dG9uT2xkQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbRXZvQnV0dG9uQ29tcG9uZW50LCBFdm9CdXR0b25PbGRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBFdm9CdXR0b25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export * from './evo-button.module';
|
|
2
|
-
export * from './evo-button.component';
|
|
3
|
-
|
|
2
|
+
export * from './components/evo-button-old/evo-button-old.component';
|
|
3
|
+
export * from './components/evo-button/evo-button.component';
|
|
4
|
+
export * from './types';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1idXR0b24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZXZvLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2V2by1idXR0b24tb2xkL2V2by1idXR0b24tb2xkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi9ldm8tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3R5cGVzJztcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi1jb2xvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1idXR0b24vdHlwZXMvZXZvLWJ1dHRvbi1jb2xvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtFdm9Db2xvcn0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3R5cGVzJztcblxuLyoqXG4gKiBTeW5jIHdpdGggJGV2by1idXR0b24tY29sb3JzIFNDU1MgdmFyaWFibGVcbiAqL1xuZXhwb3J0IHR5cGUgRXZvQnV0dG9uQ29sb3IgPVxuICAgIHwgRXh0cmFjdDxFdm9Db2xvciwgJ3NlY29uZGFyeScgfCAnc3VjY2VzcycgfCAnYm9udXMnIHwgJ2xpbmsnIHwgJ2Vycm9yJyB8ICd3aGl0ZScgfCAncHJpbWFyeScgfCAndGV4dCc+XG4gICAgfCAnY3VzdG9tJztcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi1zaGFwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1idXR0b24vdHlwZXMvZXZvLWJ1dHRvbi1zaGFwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTeW5jIHdpdGggJGV2by1idXR0b24tc2hhcGVzIFNDU1MgdmFyaWFibGVcbiAqL1xuZXhwb3J0IHR5cGUgRXZvQnV0dG9uU2hhcGUgPSAncm91bmRlZCcgfCAncmVjdGFuZ2xlJyB8ICdzZW1pLXJlY3RhbmdsZSc7XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi1zaXplLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi90eXBlcy9ldm8tYnV0dG9uLXNpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RXZvU2l6ZX0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3R5cGVzJztcblxuLyoqXG4gKiBTeW5jIHdpdGggJGV2by1idXR0b24tc2l6ZXMgU0NTUyB2YXJpYWJsZVxuICovXG5leHBvcnQgdHlwZSBFdm9CdXR0b25TaXplID0gRXh0cmFjdDxFdm9TaXplLCAnc21hbGwnIHwgJ25vcm1hbCcgfCAnbGFyZ2UnPjtcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi10aGVtZS1wYXJhbXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYnV0dG9uL3R5cGVzL2V2by1idXR0b24tdGhlbWUtcGFyYW1zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0V2b0J1dHRvblNoYXBlfSBmcm9tICcuL2luZGV4JztcblxuZXhwb3J0IHR5cGUgRXZvQnV0dG9uVGhlbWVQYXJhbXMgPSB7c2hhcGU6IEV2b0J1dHRvblNoYXBlOyBpc091dGxpbmU6IGJvb2xlYW59O1xuIl19
|