@cuby-ui/core 0.0.84 → 0.0.85
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/README.md +24 -24
- package/components/accordion/accordion-item/accordion-item.component.d.ts +9 -9
- package/components/accordion/accordion.component.d.ts +5 -5
- package/components/accordion/accordion.module.d.ts +11 -11
- package/components/accordion/index.d.ts +3 -3
- package/components/alert/alert.component.d.ts +13 -13
- package/components/alert/alert.interfaces.d.ts +9 -9
- package/components/alert/alert.module.d.ts +11 -11
- package/components/alert/alert.service.d.ts +7 -7
- package/components/alert/alert.tokens.d.ts +15 -15
- package/components/alert/alert.types.d.ts +3 -3
- package/components/alert/alerts.component.d.ts +17 -17
- package/components/alert/index.d.ts +8 -8
- package/components/badge/badge.component.d.ts +10 -10
- package/components/badge/badge.module.d.ts +8 -8
- package/components/badge/badge.options.d.ts +8 -8
- package/components/badge/index.d.ts +2 -2
- package/components/banner/banner.component.d.ts +21 -21
- package/components/banner/banner.module.d.ts +11 -11
- package/components/banner/banner.options.d.ts +13 -13
- package/components/banner/index.d.ts +3 -3
- package/components/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +6 -6
- package/components/breadcrumbs/breadcrumbs.component.d.ts +7 -7
- package/components/breadcrumbs/breadcrumbs.module.d.ts +10 -10
- package/components/breadcrumbs/index.d.ts +3 -3
- package/components/button/button.component.d.ts +30 -30
- package/components/button/button.module.d.ts +9 -9
- package/components/button/button.options.d.ts +9 -9
- package/components/button/index.d.ts +3 -3
- package/components/button-group/button-group.component.d.ts +5 -5
- package/components/button-group/button-group.module.d.ts +7 -7
- package/components/button-group/index.d.ts +2 -2
- package/components/checkbox/checkbox.component.d.ts +5 -5
- package/components/checkbox/checkbox.module.d.ts +7 -7
- package/components/checkbox/index.d.ts +2 -2
- package/components/context-menu/context-menu.component.d.ts +37 -37
- package/components/context-menu/context-menu.module.d.ts +9 -9
- package/components/context-menu/index.d.ts +2 -2
- package/components/dialog/dialog-actions/dialog-actions.component.d.ts +5 -5
- package/components/dialog/dialog.component.d.ts +33 -33
- package/components/dialog/dialog.interfaces.d.ts +8 -8
- package/components/dialog/dialog.module.d.ts +12 -12
- package/components/dialog/dialog.service.d.ts +7 -7
- package/components/dialog/dialog.tokens.d.ts +8 -8
- package/components/dialog/dialogs.component.d.ts +16 -16
- package/components/dialog/index.d.ts +7 -7
- package/components/form-field/form-field.component.d.ts +5 -5
- package/components/form-field/form-field.module.d.ts +7 -7
- package/components/form-field/index.d.ts +2 -2
- package/components/hint/hint.component.d.ts +7 -7
- package/components/hint/hint.module.d.ts +7 -7
- package/components/hint/index.d.ts +2 -2
- package/components/icon-button/icon-button.component.d.ts +13 -13
- package/components/icon-button/icon-button.module.d.ts +9 -9
- package/components/icon-button/index.d.ts +2 -2
- package/components/index.d.ts +24 -24
- package/components/input-number/index.d.ts +2 -2
- package/components/input-number/input-number.component.d.ts +55 -55
- package/components/input-number/input-number.module.d.ts +11 -11
- package/components/input-number/input-number.options.d.ts +9 -9
- package/components/input-password/index.d.ts +2 -2
- package/components/input-password/input-password.component.d.ts +31 -31
- package/components/input-password/input-password.module.d.ts +11 -11
- package/components/input-text/index.d.ts +2 -2
- package/components/input-text/input-text.component.d.ts +31 -31
- package/components/input-text/input-text.module.d.ts +11 -11
- package/components/label/index.d.ts +2 -2
- package/components/label/label.component.d.ts +6 -6
- package/components/label/label.module.d.ts +8 -8
- package/components/notification/index.d.ts +3 -3
- package/components/notification/notification.component.d.ts +13 -13
- package/components/notification/notification.module.d.ts +10 -10
- package/components/notification/notification.options.d.ts +13 -13
- package/components/radio/index.d.ts +2 -2
- package/components/radio/radio.component.d.ts +5 -5
- package/components/radio/radio.module.d.ts +7 -7
- package/components/root/index.d.ts +2 -2
- package/components/root/root.component.d.ts +11 -11
- package/components/root/root.module.d.ts +10 -10
- package/components/select/index.d.ts +2 -2
- package/components/select/select.component.d.ts +44 -44
- package/components/select/select.module.d.ts +10 -10
- package/components/svg/index.d.ts +2 -2
- package/components/svg/svg.component.d.ts +16 -16
- package/components/svg/svg.module.d.ts +8 -8
- package/components/textarea/index.d.ts +2 -2
- package/components/textarea/textarea.component.d.ts +10 -10
- package/components/textarea/textarea.module.d.ts +7 -7
- package/components/toggle/index.d.ts +2 -2
- package/components/toggle/toggle.component.d.ts +5 -5
- package/components/toggle/toggle.module.d.ts +7 -7
- package/directives/index.d.ts +1 -1
- package/directives/text-field-controller/index.d.ts +8 -8
- package/directives/text-field-controller/text-field-controller.module.d.ts +11 -11
- package/directives/text-field-controller/text-field-controller.provider.d.ts +4 -4
- package/directives/text-field-controller/text-field-icon-left.directive.d.ts +9 -9
- package/directives/text-field-controller/text-field-id.directive.d.ts +8 -8
- package/directives/text-field-controller/text-field-is-error.directive.d.ts +8 -8
- package/directives/text-field-controller/text-field-placeholder.directive.d.ts +8 -8
- package/directives/text-field-controller/text-field-size.directive.d.ts +9 -9
- package/directives/text-field-controller/text-field.controller.d.ts +20 -20
- package/esm2020/components/accordion/accordion-item/accordion-item.component.mjs +22 -22
- package/esm2020/components/accordion/accordion.component.mjs +11 -11
- package/esm2020/components/accordion/accordion.module.mjs +37 -37
- package/esm2020/components/accordion/index.mjs +4 -4
- package/esm2020/components/alert/alert.component.mjs +37 -37
- package/esm2020/components/alert/alert.interfaces.mjs +2 -2
- package/esm2020/components/alert/alert.module.mjs +40 -40
- package/esm2020/components/alert/alert.service.mjs +17 -17
- package/esm2020/components/alert/alert.tokens.mjs +19 -19
- package/esm2020/components/alert/alert.types.mjs +2 -2
- package/esm2020/components/alert/alerts.component.mjs +36 -36
- package/esm2020/components/alert/index.mjs +9 -9
- package/esm2020/components/badge/badge.component.mjs +31 -31
- package/esm2020/components/badge/badge.module.mjs +18 -18
- package/esm2020/components/badge/badge.options.mjs +8 -8
- package/esm2020/components/badge/index.mjs +3 -3
- package/esm2020/components/banner/banner.component.mjs +68 -68
- package/esm2020/components/banner/banner.module.mjs +31 -31
- package/esm2020/components/banner/banner.options.mjs +6 -6
- package/esm2020/components/banner/index.mjs +4 -4
- package/esm2020/components/breadcrumbs/breadcrumb/breadcrumb.component.mjs +16 -16
- package/esm2020/components/breadcrumbs/breadcrumbs.component.mjs +17 -17
- package/esm2020/components/breadcrumbs/breadcrumbs.module.mjs +33 -33
- package/esm2020/components/breadcrumbs/index.mjs +4 -4
- package/esm2020/components/button/button.component.mjs +104 -104
- package/esm2020/components/button/button.module.mjs +24 -24
- package/esm2020/components/button/button.options.mjs +10 -10
- package/esm2020/components/button/index.mjs +4 -4
- package/esm2020/components/button-group/button-group.component.mjs +11 -11
- package/esm2020/components/button-group/button-group.module.mjs +16 -16
- package/esm2020/components/button-group/index.mjs +3 -3
- package/esm2020/components/checkbox/checkbox.component.mjs +11 -11
- package/esm2020/components/checkbox/checkbox.module.mjs +16 -16
- package/esm2020/components/checkbox/index.mjs +3 -3
- package/esm2020/components/context-menu/context-menu.component.mjs +135 -135
- package/esm2020/components/context-menu/context-menu.module.mjs +24 -24
- package/esm2020/components/context-menu/index.mjs +3 -3
- package/esm2020/components/dialog/dialog-actions/dialog-actions.component.mjs +11 -11
- package/esm2020/components/dialog/dialog.component.mjs +65 -65
- package/esm2020/components/dialog/dialog.interfaces.mjs +2 -2
- package/esm2020/components/dialog/dialog.module.mjs +41 -41
- package/esm2020/components/dialog/dialog.service.mjs +17 -17
- package/esm2020/components/dialog/dialog.tokens.mjs +11 -11
- package/esm2020/components/dialog/dialogs.component.mjs +33 -33
- package/esm2020/components/dialog/index.mjs +8 -8
- package/esm2020/components/form-field/form-field.component.mjs +11 -11
- package/esm2020/components/form-field/form-field.module.mjs +16 -16
- package/esm2020/components/form-field/index.mjs +3 -3
- package/esm2020/components/hint/hint.component.mjs +19 -19
- package/esm2020/components/hint/hint.module.mjs +16 -16
- package/esm2020/components/hint/index.mjs +3 -3
- package/esm2020/components/icon-button/icon-button.component.mjs +32 -32
- package/esm2020/components/icon-button/icon-button.module.mjs +24 -24
- package/esm2020/components/icon-button/index.mjs +3 -3
- package/esm2020/components/index.mjs +25 -25
- package/esm2020/components/input-number/index.mjs +3 -3
- package/esm2020/components/input-number/input-number.component.mjs +204 -204
- package/esm2020/components/input-number/input-number.module.mjs +33 -33
- package/esm2020/components/input-number/input-number.options.mjs +11 -11
- package/esm2020/components/input-password/index.mjs +3 -3
- package/esm2020/components/input-password/input-password.component.mjs +89 -89
- package/esm2020/components/input-password/input-password.module.mjs +33 -33
- package/esm2020/components/input-text/index.mjs +3 -3
- package/esm2020/components/input-text/input-text.component.mjs +87 -87
- package/esm2020/components/input-text/input-text.module.mjs +33 -33
- package/esm2020/components/label/index.mjs +3 -3
- package/esm2020/components/label/label.component.mjs +17 -17
- package/esm2020/components/label/label.module.mjs +18 -18
- package/esm2020/components/notification/index.mjs +4 -4
- package/esm2020/components/notification/notification.component.mjs +51 -51
- package/esm2020/components/notification/notification.module.mjs +27 -27
- package/esm2020/components/notification/notification.options.mjs +6 -6
- package/esm2020/components/radio/index.mjs +3 -3
- package/esm2020/components/radio/radio.component.mjs +11 -11
- package/esm2020/components/radio/radio.module.mjs +16 -16
- package/esm2020/components/root/index.mjs +3 -3
- package/esm2020/components/root/root.component.mjs +30 -30
- package/esm2020/components/root/root.module.mjs +28 -28
- package/esm2020/components/select/index.mjs +3 -3
- package/esm2020/components/select/select.component.mjs +115 -114
- package/esm2020/components/select/select.module.mjs +29 -29
- package/esm2020/components/svg/index.mjs +3 -3
- package/esm2020/components/svg/svg.component.mjs +50 -50
- package/esm2020/components/svg/svg.module.mjs +18 -18
- package/esm2020/components/textarea/index.mjs +3 -3
- package/esm2020/components/textarea/textarea.component.mjs +35 -35
- package/esm2020/components/textarea/textarea.module.mjs +16 -16
- package/esm2020/components/toggle/index.mjs +3 -3
- package/esm2020/components/toggle/toggle.component.mjs +11 -11
- package/esm2020/components/toggle/toggle.module.mjs +16 -16
- package/esm2020/cuby-ui-core.mjs +4 -4
- package/esm2020/directives/index.mjs +2 -2
- package/esm2020/directives/text-field-controller/index.mjs +9 -9
- package/esm2020/directives/text-field-controller/text-field-controller.module.mjs +40 -40
- package/esm2020/directives/text-field-controller/text-field-controller.provider.mjs +24 -24
- package/esm2020/directives/text-field-controller/text-field-icon-left.directive.mjs +21 -21
- package/esm2020/directives/text-field-controller/text-field-id.directive.mjs +21 -21
- package/esm2020/directives/text-field-controller/text-field-is-error.directive.mjs +24 -24
- package/esm2020/directives/text-field-controller/text-field-placeholder.directive.mjs +21 -21
- package/esm2020/directives/text-field-controller/text-field-size.directive.mjs +24 -24
- package/esm2020/directives/text-field-controller/text-field.controller.mjs +25 -25
- package/esm2020/index.mjs +7 -7
- package/esm2020/interfaces/context-menu-item.mjs +2 -2
- package/esm2020/interfaces/index.mjs +3 -3
- package/esm2020/interfaces/option.mjs +2 -2
- package/esm2020/services/index.mjs +3 -3
- package/esm2020/services/theme.options.mjs +6 -6
- package/esm2020/services/theme.service.mjs +30 -30
- package/esm2020/types/appearance.mjs +2 -2
- package/esm2020/types/hint-type.mjs +2 -2
- package/esm2020/types/index.mjs +8 -8
- package/esm2020/types/position.mjs +2 -2
- package/esm2020/types/resizing.mjs +2 -2
- package/esm2020/types/shape.mjs +2 -2
- package/esm2020/types/size.mjs +2 -2
- package/esm2020/types/status.mjs +2 -2
- package/esm2020/utils/format/index.mjs +3 -3
- package/esm2020/utils/format/remove-spaces.mjs +4 -4
- package/esm2020/utils/format/replace.mjs +5 -5
- package/esm2020/utils/index.mjs +2 -2
- package/fesm2015/cuby-ui-core.mjs +1859 -1858
- package/fesm2015/cuby-ui-core.mjs.map +1 -1
- package/fesm2020/cuby-ui-core.mjs +1859 -1858
- package/fesm2020/cuby-ui-core.mjs.map +1 -1
- package/fonts/Inter-Bold.svg +25443 -25443
- package/fonts/Inter-Medium.svg +25400 -25400
- package/fonts/Inter-Regular.svg +24341 -24341
- package/fonts/Inter-SemiBold.svg +25459 -25459
- package/index.d.ts +6 -6
- package/interfaces/context-menu-item.d.ts +7 -7
- package/interfaces/index.d.ts +2 -2
- package/interfaces/option.d.ts +4 -4
- package/package.json +1 -1
- package/services/index.d.ts +2 -2
- package/services/theme.options.d.ts +5 -5
- package/services/theme.service.d.ts +12 -12
- package/styles/fonts.scss +51 -51
- package/styles/global.scss +9 -9
- package/styles/mixins/buttons.scss +12 -12
- package/styles/mixins/headings.scss +115 -115
- package/styles/mixins/inputs.scss +95 -95
- package/styles/mixins/lists.scss +5 -5
- package/styles/mixins/paddings.scss +35 -35
- package/styles/mixins/shadows.scss +38 -38
- package/styles/mixins/texts.scss +219 -219
- package/styles/theme.scss +150 -150
- package/styles/variables/colors.scss +125 -125
- package/types/appearance.d.ts +8 -8
- package/types/hint-type.d.ts +1 -1
- package/types/index.d.ts +7 -7
- package/types/position.d.ts +2 -2
- package/types/resizing.d.ts +2 -2
- package/types/shape.d.ts +1 -1
- package/types/size.d.ts +4 -4
- package/types/status.d.ts +1 -1
- package/utils/format/index.d.ts +2 -2
- package/utils/format/remove-spaces.d.ts +1 -1
- package/utils/format/replace.d.ts +1 -1
- package/utils/index.d.ts +1 -1
|
@@ -1,87 +1,87 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, HostListener, inject, ViewChild } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { cuiProvide } from '@cuby-ui/cdk';
|
|
4
|
-
import { CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FILED_CONTROLLER_PROVIDER } from '../../directives';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "@angular/forms";
|
|
8
|
-
import * as i3 from "../svg/svg.component";
|
|
9
|
-
export class CuiInputTextComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
12
|
-
this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
|
|
13
|
-
}
|
|
14
|
-
get id() {
|
|
15
|
-
return this.cuiTextFieldController.id;
|
|
16
|
-
}
|
|
17
|
-
get placeholder() {
|
|
18
|
-
return this.cuiTextFieldController.placeholder;
|
|
19
|
-
}
|
|
20
|
-
get iconLeft() {
|
|
21
|
-
return this.cuiTextFieldController.iconLeft;
|
|
22
|
-
}
|
|
23
|
-
get isClearButtonHidden() {
|
|
24
|
-
return !(this.value && !this.isDisabled);
|
|
25
|
-
}
|
|
26
|
-
get size() {
|
|
27
|
-
return this.cuiTextFieldController.size;
|
|
28
|
-
}
|
|
29
|
-
get isError() {
|
|
30
|
-
return this.cuiTextFieldController.isError;
|
|
31
|
-
}
|
|
32
|
-
writeValue(value) {
|
|
33
|
-
this.value = value;
|
|
34
|
-
this.changeDetectorRef.markForCheck();
|
|
35
|
-
}
|
|
36
|
-
registerOnChange(fn) {
|
|
37
|
-
this.onChange = fn;
|
|
38
|
-
}
|
|
39
|
-
registerOnTouched(fn) {
|
|
40
|
-
this.onTouched = fn;
|
|
41
|
-
}
|
|
42
|
-
setDisabledState(isDisabled) {
|
|
43
|
-
this.isDisabled = isDisabled;
|
|
44
|
-
this.changeDetectorRef.markForCheck();
|
|
45
|
-
}
|
|
46
|
-
onInput({ target }) {
|
|
47
|
-
this.changeModel(target.value);
|
|
48
|
-
}
|
|
49
|
-
onClear() {
|
|
50
|
-
this.changeModel('');
|
|
51
|
-
}
|
|
52
|
-
onFocus() {
|
|
53
|
-
this.input.nativeElement.focus();
|
|
54
|
-
}
|
|
55
|
-
changeModel(value) {
|
|
56
|
-
this.value = value;
|
|
57
|
-
this.onChange(value);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
CuiInputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
CuiInputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiInputTextComponent, selector: "cui-input-text", host: { listeners: { "click": "onFocus()" }, properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
|
|
62
|
-
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
63
|
-
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTextComponent, true)
|
|
64
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n *ngIf=\"iconLeft\"\n [icon]=\"iconLeft\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"value\"\n [attr.id]=\"id\"\n [attr.placeholder]=\"placeholder\"\n type=\"text\"\n [disabled]=\"isDisabled\"\n class=\"c-input\"\n (input)=\"onInput($event)\"\n (focus)=\"onTouched()\"\n>\n<button\n class=\"c-button\"\n [class.c-button_hidden]=\"isClearButtonHidden\"\n (click)=\"onClear()\"\n>\n <cui-svg\n icon=\"cuiIconClear\"\n color=\"var(--cui-base-300)\"\n class=\"c-close-icon\"\n />\n</button>\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-gray-10);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}:host-context([cuiTheme=dark]){background:var(--cui-slate-700)}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}.c-close-icon ::ng-deep path{stroke:var(--cui-base-0)!important}.c-button_hidden{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputTextComponent, decorators: [{
|
|
66
|
-
type: Component,
|
|
67
|
-
args: [{ selector: 'cui-input-text', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
68
|
-
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
69
|
-
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTextComponent, true)
|
|
70
|
-
], template: "<cui-svg\n *ngIf=\"iconLeft\"\n [icon]=\"iconLeft\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"value\"\n [attr.id]=\"id\"\n [attr.placeholder]=\"placeholder\"\n type=\"text\"\n [disabled]=\"isDisabled\"\n class=\"c-input\"\n (input)=\"onInput($event)\"\n (focus)=\"onTouched()\"\n>\n<button\n class=\"c-button\"\n [class.c-button_hidden]=\"isClearButtonHidden\"\n (click)=\"onClear()\"\n>\n <cui-svg\n icon=\"cuiIconClear\"\n color=\"var(--cui-base-300)\"\n class=\"c-close-icon\"\n />\n</button>\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-gray-10);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}:host-context([cuiTheme=dark]){background:var(--cui-slate-700)}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}.c-close-icon ::ng-deep path{stroke:var(--cui-base-0)!important}.c-button_hidden{visibility:hidden}\n"] }]
|
|
71
|
-
}], propDecorators: { isDisabled: [{
|
|
72
|
-
type: HostBinding,
|
|
73
|
-
args: ['class._disabled']
|
|
74
|
-
}], input: [{
|
|
75
|
-
type: ViewChild,
|
|
76
|
-
args: ['input']
|
|
77
|
-
}], size: [{
|
|
78
|
-
type: HostBinding,
|
|
79
|
-
args: ['attr.data-size']
|
|
80
|
-
}], isError: [{
|
|
81
|
-
type: HostBinding,
|
|
82
|
-
args: ['class._with-error']
|
|
83
|
-
}], onFocus: [{
|
|
84
|
-
type: HostListener,
|
|
85
|
-
args: ['click']
|
|
86
|
-
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, HostListener, inject, ViewChild } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { cuiProvide } from '@cuby-ui/cdk';
|
|
4
|
+
import { CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FILED_CONTROLLER_PROVIDER } from '../../directives';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@angular/forms";
|
|
8
|
+
import * as i3 from "../svg/svg.component";
|
|
9
|
+
export class CuiInputTextComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
12
|
+
this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
|
|
13
|
+
}
|
|
14
|
+
get id() {
|
|
15
|
+
return this.cuiTextFieldController.id;
|
|
16
|
+
}
|
|
17
|
+
get placeholder() {
|
|
18
|
+
return this.cuiTextFieldController.placeholder;
|
|
19
|
+
}
|
|
20
|
+
get iconLeft() {
|
|
21
|
+
return this.cuiTextFieldController.iconLeft;
|
|
22
|
+
}
|
|
23
|
+
get isClearButtonHidden() {
|
|
24
|
+
return !(this.value && !this.isDisabled);
|
|
25
|
+
}
|
|
26
|
+
get size() {
|
|
27
|
+
return this.cuiTextFieldController.size;
|
|
28
|
+
}
|
|
29
|
+
get isError() {
|
|
30
|
+
return this.cuiTextFieldController.isError;
|
|
31
|
+
}
|
|
32
|
+
writeValue(value) {
|
|
33
|
+
this.value = value;
|
|
34
|
+
this.changeDetectorRef.markForCheck();
|
|
35
|
+
}
|
|
36
|
+
registerOnChange(fn) {
|
|
37
|
+
this.onChange = fn;
|
|
38
|
+
}
|
|
39
|
+
registerOnTouched(fn) {
|
|
40
|
+
this.onTouched = fn;
|
|
41
|
+
}
|
|
42
|
+
setDisabledState(isDisabled) {
|
|
43
|
+
this.isDisabled = isDisabled;
|
|
44
|
+
this.changeDetectorRef.markForCheck();
|
|
45
|
+
}
|
|
46
|
+
onInput({ target }) {
|
|
47
|
+
this.changeModel(target.value);
|
|
48
|
+
}
|
|
49
|
+
onClear() {
|
|
50
|
+
this.changeModel('');
|
|
51
|
+
}
|
|
52
|
+
onFocus() {
|
|
53
|
+
this.input.nativeElement.focus();
|
|
54
|
+
}
|
|
55
|
+
changeModel(value) {
|
|
56
|
+
this.value = value;
|
|
57
|
+
this.onChange(value);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
CuiInputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
+
CuiInputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiInputTextComponent, selector: "cui-input-text", host: { listeners: { "click": "onFocus()" }, properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
|
|
62
|
+
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
63
|
+
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTextComponent, true)
|
|
64
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\r\n *ngIf=\"iconLeft\"\r\n [icon]=\"iconLeft\"\r\n color=\"var(--cui-base-500)\"\r\n></cui-svg>\r\n<input\r\n #input\r\n [ngModel]=\"value\"\r\n [attr.id]=\"id\"\r\n [attr.placeholder]=\"placeholder\"\r\n type=\"text\"\r\n [disabled]=\"isDisabled\"\r\n class=\"c-input\"\r\n (input)=\"onInput($event)\"\r\n (focus)=\"onTouched()\"\r\n>\r\n<button\r\n class=\"c-button\"\r\n [class.c-button_hidden]=\"isClearButtonHidden\"\r\n (click)=\"onClear()\"\r\n>\r\n <cui-svg\r\n icon=\"cuiIconClear\"\r\n color=\"var(--cui-base-300)\"\r\n class=\"c-close-icon\"\r\n />\r\n</button>\r\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-gray-10);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}:host-context([cuiTheme=dark]){background:var(--cui-slate-700)}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}.c-close-icon ::ng-deep path{stroke:var(--cui-base-0)!important}.c-button_hidden{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputTextComponent, decorators: [{
|
|
66
|
+
type: Component,
|
|
67
|
+
args: [{ selector: 'cui-input-text', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
68
|
+
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
69
|
+
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTextComponent, true)
|
|
70
|
+
], template: "<cui-svg\r\n *ngIf=\"iconLeft\"\r\n [icon]=\"iconLeft\"\r\n color=\"var(--cui-base-500)\"\r\n></cui-svg>\r\n<input\r\n #input\r\n [ngModel]=\"value\"\r\n [attr.id]=\"id\"\r\n [attr.placeholder]=\"placeholder\"\r\n type=\"text\"\r\n [disabled]=\"isDisabled\"\r\n class=\"c-input\"\r\n (input)=\"onInput($event)\"\r\n (focus)=\"onTouched()\"\r\n>\r\n<button\r\n class=\"c-button\"\r\n [class.c-button_hidden]=\"isClearButtonHidden\"\r\n (click)=\"onClear()\"\r\n>\r\n <cui-svg\r\n icon=\"cuiIconClear\"\r\n color=\"var(--cui-base-300)\"\r\n class=\"c-close-icon\"\r\n />\r\n</button>\r\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-gray-10);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}:host-context([cuiTheme=dark]){background:var(--cui-slate-700)}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}.c-close-icon ::ng-deep path{stroke:var(--cui-base-0)!important}.c-button_hidden{visibility:hidden}\n"] }]
|
|
71
|
+
}], propDecorators: { isDisabled: [{
|
|
72
|
+
type: HostBinding,
|
|
73
|
+
args: ['class._disabled']
|
|
74
|
+
}], input: [{
|
|
75
|
+
type: ViewChild,
|
|
76
|
+
args: ['input']
|
|
77
|
+
}], size: [{
|
|
78
|
+
type: HostBinding,
|
|
79
|
+
args: ['attr.data-size']
|
|
80
|
+
}], isError: [{
|
|
81
|
+
type: HostBinding,
|
|
82
|
+
args: ['class._with-error']
|
|
83
|
+
}], onFocus: [{
|
|
84
|
+
type: HostListener,
|
|
85
|
+
args: ['click']
|
|
86
|
+
}] } });
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5wdXQtdGV4dC9pbnB1dC10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9pbnB1dC10ZXh0L2lucHV0LXRleHQudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixNQUFNLEVBQ04sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFHMUMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBYWpHLE1BQU0sT0FBTyxxQkFBcUI7SUFWbEM7UUFXbUIsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDOUMsMkJBQXNCLEdBQUcsTUFBTSxDQUFDLHlCQUF5QixDQUFDLENBQUM7S0E0RTdFO0lBaEVDLElBQWMsRUFBRTtRQUNkLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBYyxXQUFXO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLFdBQVcsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBYyxRQUFRO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLFFBQVEsQ0FBQztJQUM5QyxDQUFDO0lBRUQsSUFBYyxtQkFBbUI7UUFDL0IsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFDYyxJQUFJO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQztJQUMxQyxDQUFDO0lBRUQsSUFDYyxPQUFPO1FBQ25CLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQztJQUM3QyxDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQTBCO1FBQzFDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBRW5CLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBdUI7UUFDN0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQWdCO1FBQ3ZDLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUN6QyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUU3QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVTLE9BQU8sQ0FBQyxFQUFFLE1BQU0sRUFBUztRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFFLE1BQTJCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVTLE9BQU87UUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFHUyxPQUFPO1FBQ2YsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVPLFdBQVcsQ0FBQyxLQUFhO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBRW5CLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkIsQ0FBQzs7bUhBN0VVLHFCQUFxQjt1R0FBckIscUJBQXFCLGtOQUxyQjtRQUNULGtDQUFrQztRQUNsQyxVQUFVLENBQUMsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUsSUFBSSxDQUFDO0tBQzNELDBIQzNCSCxxbUJBMkJBOzRGREVhLHFCQUFxQjtrQkFWakMsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxrQ0FBa0M7d0JBQ2xDLFVBQVUsQ0FBQyxpQkFBaUIseUJBQXlCLElBQUksQ0FBQztxQkFDM0Q7OEJBV1MsVUFBVTtzQkFEbkIsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSXBCLEtBQUs7c0JBRGQsU0FBUzt1QkFBQyxPQUFPO2dCQW9CSixJQUFJO3NCQURqQixXQUFXO3VCQUFDLGdCQUFnQjtnQkFNZixPQUFPO3NCQURwQixXQUFXO3VCQUFDLG1CQUFtQjtnQkFrQ3RCLE9BQU87c0JBRGhCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgaW5qZWN0LFxyXG4gIFZpZXdDaGlsZFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgdHlwZSB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHR5cGUgeyBDdWlPbkNoYW5nZSwgQ3VpT25Ub3VjaGVkLCBDdWlOdWxsYWJsZSB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XHJcbmltcG9ydCB7IGN1aVByb3ZpZGUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xyXG5pbXBvcnQgdHlwZSB7IEN1aUljb24gfSBmcm9tICdAY3VieS11aS9pY29ucyc7XHJcblxyXG5pbXBvcnQgeyBDVUlfVEVYVF9GSUVMRF9DT05UUk9MTEVSLCBDVUlfVEVYVF9GSUxFRF9DT05UUk9MTEVSX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XHJcbmltcG9ydCB7IEN1aVNpemVNZCwgQ3VpU2l6ZVNtIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdWktaW5wdXQtdGV4dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXRleHQudGVtcGxhdGUuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtdGV4dC5zdHlsZS5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBDVUlfVEVYVF9GSUxFRF9DT05UUk9MTEVSX1BST1ZJREVSLFxyXG4gICAgY3VpUHJvdmlkZShOR19WQUxVRV9BQ0NFU1NPUiwgQ3VpSW5wdXRUZXh0Q29tcG9uZW50LCB0cnVlKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aUlucHV0VGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yUmVmID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcclxuICBwcml2YXRlIHJlYWRvbmx5IGN1aVRleHRGaWVsZENvbnRyb2xsZXIgPSBpbmplY3QoQ1VJX1RFWFRfRklFTERfQ09OVFJPTExFUik7XHJcblxyXG4gIHByb3RlY3RlZCB2YWx1ZSE6IEN1aU51bGxhYmxlPHN0cmluZz47XHJcbiAgcHJvdGVjdGVkIG9uQ2hhbmdlITogQ3VpT25DaGFuZ2U8c3RyaW5nPjtcclxuICBwcm90ZWN0ZWQgb25Ub3VjaGVkITogQ3VpT25Ub3VjaGVkO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9kaXNhYmxlZCcpXHJcbiAgcHJvdGVjdGVkIGlzRGlzYWJsZWQhOiBib29sZWFuO1xyXG5cclxuICBAVmlld0NoaWxkKCdpbnB1dCcpXHJcbiAgcHJvdGVjdGVkIGlucHV0ITogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcclxuXHJcbiAgcHJvdGVjdGVkIGdldCBpZCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xyXG4gICAgcmV0dXJuIHRoaXMuY3VpVGV4dEZpZWxkQ29udHJvbGxlci5pZDtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnZXQgcGxhY2Vob2xkZXIoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLmN1aVRleHRGaWVsZENvbnRyb2xsZXIucGxhY2Vob2xkZXI7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgZ2V0IGljb25MZWZ0KCk6IEN1aUljb24gfCBzdHJpbmcgfCB1bmRlZmluZWQge1xyXG4gICAgcmV0dXJuIHRoaXMuY3VpVGV4dEZpZWxkQ29udHJvbGxlci5pY29uTGVmdDtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnZXQgaXNDbGVhckJ1dHRvbkhpZGRlbigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAhKHRoaXMudmFsdWUgJiYgIXRoaXMuaXNEaXNhYmxlZCk7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcclxuICBwcm90ZWN0ZWQgZ2V0IHNpemUoKTogQ3VpU2l6ZVNtIHwgQ3VpU2l6ZU1kIHtcclxuICAgIHJldHVybiB0aGlzLmN1aVRleHRGaWVsZENvbnRyb2xsZXIuc2l6ZTtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuX3dpdGgtZXJyb3InKVxyXG4gIHByb3RlY3RlZCBnZXQgaXNFcnJvcigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmN1aVRleHRGaWVsZENvbnRyb2xsZXIuaXNFcnJvcjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBDdWlOdWxsYWJsZTxzdHJpbmc+KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcblxyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBDdWlPbkNoYW5nZTxzdHJpbmc+KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IEN1aU9uVG91Y2hlZCk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcblxyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBvbklucHV0KHsgdGFyZ2V0IH06IEV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLmNoYW5nZU1vZGVsKCh0YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIG9uQ2xlYXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNoYW5nZU1vZGVsKCcnKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcclxuICBwcm90ZWN0ZWQgb25Gb2N1cygpOiB2b2lkIHtcclxuICAgIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBjaGFuZ2VNb2RlbCh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcblxyXG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxjdWktc3ZnXHJcbiAgKm5nSWY9XCJpY29uTGVmdFwiXHJcbiAgW2ljb25dPVwiaWNvbkxlZnRcIlxyXG4gIGNvbG9yPVwidmFyKC0tY3VpLWJhc2UtNTAwKVwiXHJcbj48L2N1aS1zdmc+XHJcbjxpbnB1dFxyXG4gICNpbnB1dFxyXG4gIFtuZ01vZGVsXT1cInZhbHVlXCJcclxuICBbYXR0ci5pZF09XCJpZFwiXHJcbiAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gIHR5cGU9XCJ0ZXh0XCJcclxuICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXHJcbiAgY2xhc3M9XCJjLWlucHV0XCJcclxuICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcclxuICAoZm9jdXMpPVwib25Ub3VjaGVkKClcIlxyXG4+XHJcbjxidXR0b25cclxuICBjbGFzcz1cImMtYnV0dG9uXCJcclxuICBbY2xhc3MuYy1idXR0b25faGlkZGVuXT1cImlzQ2xlYXJCdXR0b25IaWRkZW5cIlxyXG4gIChjbGljayk9XCJvbkNsZWFyKClcIlxyXG4+XHJcbiAgPGN1aS1zdmdcclxuICAgIGljb249XCJjdWlJY29uQ2xlYXJcIlxyXG4gICAgY29sb3I9XCJ2YXIoLS1jdWktYmFzZS0zMDApXCJcclxuICAgIGNsYXNzPVwiYy1jbG9zZS1pY29uXCJcclxuICAvPlxyXG48L2J1dHRvbj5cclxuIl19
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { FormsModule } from '@angular/forms';
|
|
4
|
-
import { CuiInputTextComponent } from './input-text.component';
|
|
5
|
-
import { CuiSvgModule } from '../svg';
|
|
6
|
-
import { CuiTextFieldControllerModule } from '../../directives';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class CuiInputModule {
|
|
9
|
-
}
|
|
10
|
-
CuiInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
CuiInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, declarations: [CuiInputTextComponent], imports: [CommonModule,
|
|
12
|
-
FormsModule,
|
|
13
|
-
CuiSvgModule], exports: [CuiInputTextComponent,
|
|
14
|
-
CuiTextFieldControllerModule] });
|
|
15
|
-
CuiInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, imports: [CommonModule,
|
|
16
|
-
FormsModule,
|
|
17
|
-
CuiSvgModule, CuiTextFieldControllerModule] });
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, decorators: [{
|
|
19
|
-
type: NgModule,
|
|
20
|
-
args: [{
|
|
21
|
-
imports: [
|
|
22
|
-
CommonModule,
|
|
23
|
-
FormsModule,
|
|
24
|
-
CuiSvgModule
|
|
25
|
-
],
|
|
26
|
-
declarations: [CuiInputTextComponent],
|
|
27
|
-
exports: [
|
|
28
|
-
CuiInputTextComponent,
|
|
29
|
-
CuiTextFieldControllerModule
|
|
30
|
-
]
|
|
31
|
-
}]
|
|
32
|
-
}] });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormsModule } from '@angular/forms';
|
|
4
|
+
import { CuiInputTextComponent } from './input-text.component';
|
|
5
|
+
import { CuiSvgModule } from '../svg';
|
|
6
|
+
import { CuiTextFieldControllerModule } from '../../directives';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class CuiInputModule {
|
|
9
|
+
}
|
|
10
|
+
CuiInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
CuiInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, declarations: [CuiInputTextComponent], imports: [CommonModule,
|
|
12
|
+
FormsModule,
|
|
13
|
+
CuiSvgModule], exports: [CuiInputTextComponent,
|
|
14
|
+
CuiTextFieldControllerModule] });
|
|
15
|
+
CuiInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, imports: [CommonModule,
|
|
16
|
+
FormsModule,
|
|
17
|
+
CuiSvgModule, CuiTextFieldControllerModule] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputModule, decorators: [{
|
|
19
|
+
type: NgModule,
|
|
20
|
+
args: [{
|
|
21
|
+
imports: [
|
|
22
|
+
CommonModule,
|
|
23
|
+
FormsModule,
|
|
24
|
+
CuiSvgModule
|
|
25
|
+
],
|
|
26
|
+
declarations: [CuiInputTextComponent],
|
|
27
|
+
exports: [
|
|
28
|
+
CuiInputTextComponent,
|
|
29
|
+
CuiTextFieldControllerModule
|
|
30
|
+
]
|
|
31
|
+
}]
|
|
32
|
+
}] });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5wdXQtdGV4dC9pbnB1dC10ZXh0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUN0QyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFjaEUsTUFBTSxPQUFPLGNBQWM7OzRHQUFkLGNBQWM7NkdBQWQsY0FBYyxpQkFOVixxQkFBcUIsYUFKbEMsWUFBWTtRQUNaLFdBQVc7UUFDWCxZQUFZLGFBSVoscUJBQXFCO1FBQ3JCLDRCQUE0Qjs2R0FHbkIsY0FBYyxZQVZ2QixZQUFZO1FBQ1osV0FBVztRQUNYLFlBQVksRUFLWiw0QkFBNEI7NEZBR25CLGNBQWM7a0JBWjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxZQUFZO3FCQUNiO29CQUNELFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNyQyxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQiw0QkFBNEI7cUJBQzdCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5pbXBvcnQgeyBDdWlJbnB1dFRleHRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LXRleHQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vc3ZnJztcclxuaW1wb3J0IHsgQ3VpVGV4dEZpZWxkQ29udHJvbGxlck1vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIEN1aVN2Z01vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbQ3VpSW5wdXRUZXh0Q29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBDdWlJbnB1dFRleHRDb21wb25lbnQsXHJcbiAgICBDdWlUZXh0RmllbGRDb250cm9sbGVyTW9kdWxlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VpSW5wdXRNb2R1bGUge1xyXG59XHJcbiJdfQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './label.component';
|
|
2
|
-
export * from './label.module';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export * from './label.component';
|
|
2
|
+
export * from './label.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvbGFiZWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9sYWJlbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xhYmVsLm1vZHVsZSc7XHJcbiJdfQ==
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class CuiLabelComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.isRequired = false;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
CuiLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
CuiLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiLabelComponent, selector: "label[cuiLabel]", inputs: { isRequired: "isRequired" }, ngImport: i0, template: "<span class=\"c-wrapper\">\n <ng-content></ng-content>\n</span>\n<span\n *ngIf=\"isRequired\"\n class=\"c-star\"\n>\n *\n</span>\n", styles: [":host{font-weight:500;font-size:14px;line-height:20px;display:inline-flex;gap:2px;cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-wrapper{display:inline-flex;align-items:center;gap:8px}.c-star{color:var(--cui-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'label[cuiLabel]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"c-wrapper\">\n <ng-content></ng-content>\n</span>\n<span\n *ngIf=\"isRequired\"\n class=\"c-star\"\n>\n *\n</span>\n", styles: [":host{font-weight:500;font-size:14px;line-height:20px;display:inline-flex;gap:2px;cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-wrapper{display:inline-flex;align-items:center;gap:8px}.c-star{color:var(--cui-danger)}\n"] }]
|
|
14
|
-
}], propDecorators: { isRequired: [{
|
|
15
|
-
type: Input
|
|
16
|
-
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class CuiLabelComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.isRequired = false;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
CuiLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
CuiLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiLabelComponent, selector: "label[cuiLabel]", inputs: { isRequired: "isRequired" }, ngImport: i0, template: "<span class=\"c-wrapper\">\r\n <ng-content></ng-content>\r\n</span>\r\n<span\r\n *ngIf=\"isRequired\"\r\n class=\"c-star\"\r\n>\r\n *\r\n</span>\r\n", styles: [":host{font-weight:500;font-size:14px;line-height:20px;display:inline-flex;gap:2px;cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-wrapper{display:inline-flex;align-items:center;gap:8px}.c-star{color:var(--cui-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'label[cuiLabel]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"c-wrapper\">\r\n <ng-content></ng-content>\r\n</span>\r\n<span\r\n *ngIf=\"isRequired\"\r\n class=\"c-star\"\r\n>\r\n *\r\n</span>\r\n", styles: [":host{font-weight:500;font-size:14px;line-height:20px;display:inline-flex;gap:2px;cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-wrapper{display:inline-flex;align-items:center;gap:8px}.c-star{color:var(--cui-danger)}\n"] }]
|
|
14
|
+
}], propDecorators: { isRequired: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9sYWJlbC9sYWJlbC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRMUUsTUFBTSxPQUFPLGlCQUFpQjtJQU45QjtRQVFTLGVBQVUsR0FBRyxLQUFLLENBQUM7S0FDM0I7OytHQUhZLGlCQUFpQjttR0FBakIsaUJBQWlCLDZGQ1I5QiwwSkFTQTs0RkREYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07OEJBSXhDLFVBQVU7c0JBRGhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsYWJlbFtjdWlMYWJlbF0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC50ZW1wbGF0ZS5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sYWJlbC5zdHlsZS5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aUxhYmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpc1JlcXVpcmVkID0gZmFsc2U7XHJcbn1cclxuIiwiPHNwYW4gY2xhc3M9XCJjLXdyYXBwZXJcIj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvc3Bhbj5cclxuPHNwYW5cclxuICAqbmdJZj1cImlzUmVxdWlyZWRcIlxyXG4gIGNsYXNzPVwiYy1zdGFyXCJcclxuPlxyXG4gICpcclxuPC9zcGFuPlxyXG4iXX0=
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { CuiLabelComponent } from './label.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class CuiLabelModule {
|
|
6
|
-
}
|
|
7
|
-
CuiLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
CuiLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, declarations: [CuiLabelComponent], imports: [CommonModule], exports: [CuiLabelComponent] });
|
|
9
|
-
CuiLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, imports: [CommonModule] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
imports: [CommonModule],
|
|
14
|
-
declarations: [CuiLabelComponent],
|
|
15
|
-
exports: [CuiLabelComponent]
|
|
16
|
-
}]
|
|
17
|
-
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { CuiLabelComponent } from './label.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class CuiLabelModule {
|
|
6
|
+
}
|
|
7
|
+
CuiLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
CuiLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, declarations: [CuiLabelComponent], imports: [CommonModule], exports: [CuiLabelComponent] });
|
|
9
|
+
CuiLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLabelModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
imports: [CommonModule],
|
|
14
|
+
declarations: [CuiLabelComponent],
|
|
15
|
+
exports: [CuiLabelComponent]
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2xhYmVsL2xhYmVsLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFPdEQsTUFBTSxPQUFPLGNBQWM7OzRHQUFkLGNBQWM7NkdBQWQsY0FBYyxpQkFIVixpQkFBaUIsYUFEdEIsWUFBWSxhQUVaLGlCQUFpQjs2R0FFaEIsY0FBYyxZQUpmLFlBQVk7NEZBSVgsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHsgQ3VpTGFiZWxDb21wb25lbnQgfSBmcm9tICcuL2xhYmVsLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGRlY2xhcmF0aW9uczogW0N1aUxhYmVsQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbQ3VpTGFiZWxDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdWlMYWJlbE1vZHVsZSB7XHJcbn1cclxuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './notification.component';
|
|
2
|
-
export * from './notification.module';
|
|
3
|
-
export * from './notification.options';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export * from './notification.component';
|
|
2
|
+
export * from './notification.module';
|
|
3
|
+
export * from './notification.options';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24ubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24ub3B0aW9ucyc7XHJcbiJdfQ==
|
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core';
|
|
2
|
-
import { CUI_NOTIFICATION_OPTIONS } from './notification.options';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@cuby-ui/cdk";
|
|
6
|
-
import * as i3 from "../svg/svg.component";
|
|
7
|
-
export class CuiNotificationComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.cuiNotificationOptions = inject(CUI_NOTIFICATION_OPTIONS);
|
|
10
|
-
this.ICON_OPTIONS = {
|
|
11
|
-
info: {
|
|
12
|
-
icon: 'cuiIconInfo',
|
|
13
|
-
color: 'var(--c-info-icon-color)'
|
|
14
|
-
},
|
|
15
|
-
success: {
|
|
16
|
-
icon: 'cuiIconCheckCircle',
|
|
17
|
-
color: 'var(--cui-green-500)'
|
|
18
|
-
},
|
|
19
|
-
alert: {
|
|
20
|
-
icon: 'cuiIconAlertTriangle',
|
|
21
|
-
color: 'var(--cui-yellow-400)'
|
|
22
|
-
},
|
|
23
|
-
error: {
|
|
24
|
-
icon: 'cuiIconXCircle',
|
|
25
|
-
color: 'var(--cui-danger)'
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
this.status = this.cuiNotificationOptions.status;
|
|
29
|
-
this.isCloseable = false;
|
|
30
|
-
this.closed = new EventEmitter();
|
|
31
|
-
}
|
|
32
|
-
onClose() {
|
|
33
|
-
this.closed.next();
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
CuiNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
CuiNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status" } }, ngImport: i0, template: "<cui-svg\n *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\n [icon]=\"iconOption.icon\"\n [color]=\"iconOption.color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;overflow-wrap:anywhere}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\n [icon]=\"iconOption.icon\"\n [color]=\"iconOption.color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;overflow-wrap:anywhere}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"] }]
|
|
41
|
-
}], propDecorators: { status: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}, {
|
|
44
|
-
type: HostBinding,
|
|
45
|
-
args: ['attr.data-status']
|
|
46
|
-
}], isCloseable: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], closed: [{
|
|
49
|
-
type: Output
|
|
50
|
-
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core';
|
|
2
|
+
import { CUI_NOTIFICATION_OPTIONS } from './notification.options';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@cuby-ui/cdk";
|
|
6
|
+
import * as i3 from "../svg/svg.component";
|
|
7
|
+
export class CuiNotificationComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.cuiNotificationOptions = inject(CUI_NOTIFICATION_OPTIONS);
|
|
10
|
+
this.ICON_OPTIONS = {
|
|
11
|
+
info: {
|
|
12
|
+
icon: 'cuiIconInfo',
|
|
13
|
+
color: 'var(--c-info-icon-color)'
|
|
14
|
+
},
|
|
15
|
+
success: {
|
|
16
|
+
icon: 'cuiIconCheckCircle',
|
|
17
|
+
color: 'var(--cui-green-500)'
|
|
18
|
+
},
|
|
19
|
+
alert: {
|
|
20
|
+
icon: 'cuiIconAlertTriangle',
|
|
21
|
+
color: 'var(--cui-yellow-400)'
|
|
22
|
+
},
|
|
23
|
+
error: {
|
|
24
|
+
icon: 'cuiIconXCircle',
|
|
25
|
+
color: 'var(--cui-danger)'
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
this.status = this.cuiNotificationOptions.status;
|
|
29
|
+
this.isCloseable = false;
|
|
30
|
+
this.closed = new EventEmitter();
|
|
31
|
+
}
|
|
32
|
+
onClose() {
|
|
33
|
+
this.closed.next();
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
CuiNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
CuiNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status" } }, ngImport: i0, template: "<cui-svg\r\n *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\r\n [icon]=\"iconOption.icon\"\r\n [color]=\"iconOption.color\"\r\n></cui-svg>\r\n<div class=\"c-content\">\r\n <ng-content></ng-content>\r\n</div>\r\n<button\r\n *ngIf=\"isCloseable\"\r\n class=\"c-button\"\r\n (click)=\"onClose()\"\r\n>\r\n <cui-svg\r\n icon=\"cuiIconX\"\r\n color=\"var(--cui-gray-0)\"\r\n />\r\n</button>\r\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;overflow-wrap:anywhere}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\r\n *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\r\n [icon]=\"iconOption.icon\"\r\n [color]=\"iconOption.color\"\r\n></cui-svg>\r\n<div class=\"c-content\">\r\n <ng-content></ng-content>\r\n</div>\r\n<button\r\n *ngIf=\"isCloseable\"\r\n class=\"c-button\"\r\n (click)=\"onClose()\"\r\n>\r\n <cui-svg\r\n icon=\"cuiIconX\"\r\n color=\"var(--cui-gray-0)\"\r\n />\r\n</button>\r\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;overflow-wrap:anywhere}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"] }]
|
|
41
|
+
}], propDecorators: { status: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}, {
|
|
44
|
+
type: HostBinding,
|
|
45
|
+
args: ['attr.data-status']
|
|
46
|
+
}], isCloseable: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], closed: [{
|
|
49
|
+
type: Output
|
|
50
|
+
}] } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXJILE9BQU8sRUFBRSx3QkFBd0IsRUFBQyxNQUFNLHdCQUF3QixDQUFDOzs7OztBQVFqRSxNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBT21CLDJCQUFzQixHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBRXhELGlCQUFZLEdBQStCO1lBQzVELElBQUksRUFBRTtnQkFDSixJQUFJLEVBQUUsYUFBYTtnQkFDbkIsS0FBSyxFQUFFLDBCQUEwQjthQUNsQztZQUNELE9BQU8sRUFBRTtnQkFDUCxJQUFJLEVBQUUsb0JBQW9CO2dCQUMxQixLQUFLLEVBQUUsc0JBQXNCO2FBQzlCO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLElBQUksRUFBRSxzQkFBc0I7Z0JBQzVCLEtBQUssRUFBRSx1QkFBdUI7YUFDL0I7WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLGdCQUFnQjtnQkFDdEIsS0FBSyxFQUFFLG1CQUFtQjthQUMzQjtTQUNGLENBQUM7UUFJSyxXQUFNLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLE1BQU0sQ0FBQztRQUc1QyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUdYLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBS25EO0lBSFcsT0FBTztRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzs7c0hBbENVLHdCQUF3QjswR0FBeEIsd0JBQXdCLDhNQ1ZyQyxzWkFrQkE7NEZEUmEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQTBCeEMsTUFBTTtzQkFGWixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGtCQUFrQjtnQkFJeEIsV0FBVztzQkFEakIsS0FBSztnQkFJVSxNQUFNO3NCQURyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgaW5qZWN0LCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB0eXBlIHsgQ3VpTm90aWZpY2F0aW9uSWNvbk9wdGlvbnMsIEN1aU5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL25vdGlmaWNhdGlvbi5vcHRpb25zJztcclxuaW1wb3J0IHsgQ1VJX05PVElGSUNBVElPTl9PUFRJT05TfSBmcm9tICcuL25vdGlmaWNhdGlvbi5vcHRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3VpLW5vdGlmaWNhdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi50ZW1wbGF0ZS5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24uc3R5bGUuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdWlOb3RpZmljYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBDdWlOb3RpZmljYXRpb25PcHRpb25zIHtcclxuICBwcml2YXRlIHJlYWRvbmx5IGN1aU5vdGlmaWNhdGlvbk9wdGlvbnMgPSBpbmplY3QoQ1VJX05PVElGSUNBVElPTl9PUFRJT05TKTtcclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IElDT05fT1BUSU9OUzogQ3VpTm90aWZpY2F0aW9uSWNvbk9wdGlvbnMgPSB7XHJcbiAgICBpbmZvOiB7XHJcbiAgICAgIGljb246ICdjdWlJY29uSW5mbycsXHJcbiAgICAgIGNvbG9yOiAndmFyKC0tYy1pbmZvLWljb24tY29sb3IpJ1xyXG4gICAgfSxcclxuICAgIHN1Y2Nlc3M6IHtcclxuICAgICAgaWNvbjogJ2N1aUljb25DaGVja0NpcmNsZScsXHJcbiAgICAgIGNvbG9yOiAndmFyKC0tY3VpLWdyZWVuLTUwMCknXHJcbiAgICB9LFxyXG4gICAgYWxlcnQ6IHtcclxuICAgICAgaWNvbjogJ2N1aUljb25BbGVydFRyaWFuZ2xlJyxcclxuICAgICAgY29sb3I6ICd2YXIoLS1jdWkteWVsbG93LTQwMCknXHJcbiAgICB9LFxyXG4gICAgZXJyb3I6IHtcclxuICAgICAgaWNvbjogJ2N1aUljb25YQ2lyY2xlJyxcclxuICAgICAgY29sb3I6ICd2YXIoLS1jdWktZGFuZ2VyKSdcclxuICAgIH0sXHJcbiAgfTtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zdGF0dXMnKVxyXG4gIHB1YmxpYyBzdGF0dXMgPSB0aGlzLmN1aU5vdGlmaWNhdGlvbk9wdGlvbnMuc3RhdHVzO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpc0Nsb3NlYWJsZSA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgcmVhZG9ubHkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBwcm90ZWN0ZWQgb25DbG9zZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xvc2VkLm5leHQoKTtcclxuICB9XHJcbn1cclxuIiwiPGN1aS1zdmdcclxuICAqY3VpTGV0PVwiSUNPTl9PUFRJT05TW3N0YXR1c10gYXMgaWNvbk9wdGlvblwiXHJcbiAgW2ljb25dPVwiaWNvbk9wdGlvbi5pY29uXCJcclxuICBbY29sb3JdPVwiaWNvbk9wdGlvbi5jb2xvclwiXHJcbj48L2N1aS1zdmc+XHJcbjxkaXYgY2xhc3M9XCJjLWNvbnRlbnRcIj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG48YnV0dG9uXHJcbiAgKm5nSWY9XCJpc0Nsb3NlYWJsZVwiXHJcbiAgY2xhc3M9XCJjLWJ1dHRvblwiXHJcbiAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXHJcbj5cclxuICA8Y3VpLXN2Z1xyXG4gICAgaWNvbj1cImN1aUljb25YXCJcclxuICAgIGNvbG9yPVwidmFyKC0tY3VpLWdyYXktMClcIlxyXG4gIC8+XHJcbjwvYnV0dG9uPlxyXG4iXX0=
|