@ng-doc/ui-kit 16.13.1 → 16.15.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/assets/icons/16/arrow-left.svg +5 -5
- package/assets/icons/16/arrow-right.svg +5 -5
- package/assets/icons/16/at-sign.svg +5 -5
- package/assets/icons/16/check.svg +3 -3
- package/assets/icons/16/chevron-right.svg +4 -4
- package/assets/icons/16/chevrons-right.svg +5 -5
- package/assets/icons/16/code.svg +4 -4
- package/assets/icons/16/copy.svg +4 -4
- package/assets/icons/16/edit-2.svg +3 -3
- package/assets/icons/16/external-link.svg +6 -6
- package/assets/icons/16/home.svg +4 -4
- package/assets/icons/16/info.svg +5 -5
- package/assets/icons/16/link-2.svg +4 -4
- package/assets/icons/16/menu.svg +5 -5
- package/assets/icons/16/minus.svg +3 -3
- package/assets/icons/16/search.svg +4 -4
- package/assets/icons/16/x.svg +4 -4
- package/assets/icons/24/alert-circle.svg +6 -0
- package/assets/icons/24/alert-triangle.svg +7 -7
- package/assets/icons/24/circle.svg +3 -3
- package/assets/icons/24/info.svg +5 -5
- package/assets/icons/24/menu.svg +5 -5
- package/assets/icons/24/moon.svg +3 -3
- package/assets/icons/24/search.svg +4 -4
- package/assets/icons/24/sun.svg +11 -11
- package/components/button/button.component.d.ts +4 -3
- package/components/dot/dot.component.d.ts +2 -2
- package/components/tag/tag.component.d.ts +2 -2
- package/esm2022/animations/fade.mjs +9 -3
- package/esm2022/animations/overlay.mjs +1 -1
- package/esm2022/animations/prevent-initial-animation.mjs +2 -4
- package/esm2022/animations/tab-fade.mjs +9 -3
- package/esm2022/cdk/combobox-host/combobox-host.component.mjs +1 -1
- package/esm2022/classes/display-value-host/display-value-host.mjs +1 -1
- package/esm2022/classes/input-host/input-host.mjs +1 -1
- package/esm2022/classes/list-host/list-host.mjs +1 -1
- package/esm2022/classes/overlay-ref/overlay-ref.mjs +2 -2
- package/esm2022/components/blockquote/blockquote.component.mjs +3 -3
- package/esm2022/components/button/button.component.mjs +7 -4
- package/esm2022/components/button-icon/button-icon.component.mjs +3 -3
- package/esm2022/components/checkbox/checkbox.component.mjs +4 -4
- package/esm2022/components/clear-control/clear-control.component.mjs +2 -2
- package/esm2022/components/combobox/combobox.component.mjs +2 -2
- package/esm2022/components/data-list/data-list.component.mjs +11 -4
- package/esm2022/components/data-list-group/data-list-group.component.mjs +3 -3
- package/esm2022/components/dot/dot.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +9 -5
- package/esm2022/components/floated-border/floated-border.component.mjs +1 -1
- package/esm2022/components/floated-content/floated-content.component.mjs +1 -1
- package/esm2022/components/focus-control/focus-control.component.mjs +1 -1
- package/esm2022/components/input-wrapper/input-wrapper.component.mjs +3 -3
- package/esm2022/components/label/label.component.mjs +1 -1
- package/esm2022/components/line/line.component.mjs +1 -1
- package/esm2022/components/list/list.component.mjs +5 -3
- package/esm2022/components/option/option.component.mjs +3 -3
- package/esm2022/components/option-group/option-group.component.mjs +3 -3
- package/esm2022/components/overlay-container/overlay-container.component.mjs +5 -3
- package/esm2022/components/overlay-pointer/overlay-pointer.component.mjs +1 -1
- package/esm2022/components/pane/pane.component.mjs +4 -4
- package/esm2022/components/selection/selection-host.directive.mjs +3 -2
- package/esm2022/components/selection/selection-origin.directive.mjs +1 -1
- package/esm2022/components/selection/selection.component.mjs +2 -2
- package/esm2022/components/sidenav/sidenav.component.mjs +3 -3
- package/esm2022/components/smooth-resize/smooth-resize.component.mjs +2 -2
- package/esm2022/components/spinner/spinner.component.mjs +1 -1
- package/esm2022/components/tab-group/tab/tab.component.mjs +1 -1
- package/esm2022/components/tab-group/tab-group.component.mjs +3 -3
- package/esm2022/components/tag/tag.component.mjs +3 -3
- package/esm2022/components/text/text.component.mjs +1 -1
- package/esm2022/components/toggle/toggle.component.mjs +9 -5
- package/esm2022/components/wrapper/wrapper.component.mjs +1 -1
- package/esm2022/constants/handlers.mjs +1 -1
- package/esm2022/constants/stringify.mjs +1 -1
- package/esm2022/decorators/pure.mjs +3 -2
- package/esm2022/directives/autofocus/autofocus.directive.mjs +1 -1
- package/esm2022/directives/checked-change/checked-change.directive.mjs +2 -2
- package/esm2022/directives/data/data.directive.mjs +1 -1
- package/esm2022/directives/dropdown-handler/dropdown-handler.directive.mjs +1 -1
- package/esm2022/directives/dropdown-origin/dropdown-origin.directive.mjs +1 -1
- package/esm2022/directives/event-switcher/event-switcher.directive.mjs +1 -1
- package/esm2022/directives/focus-catcher/focus-catcher.directive.mjs +2 -2
- package/esm2022/directives/focusable/focusable.directive.mjs +1 -1
- package/esm2022/directives/hotkey/hotkey.directive.mjs +1 -1
- package/esm2022/directives/input-number/input-number.directive.mjs +7 -3
- package/esm2022/directives/input-string/input-string.directive.mjs +7 -3
- package/esm2022/directives/let/let-context.mjs +1 -1
- package/esm2022/directives/let/let.directive.mjs +1 -1
- package/esm2022/directives/tooltip/tooltip.directive.mjs +13 -5
- package/esm2022/helpers/merge-overlay-configs.mjs +1 -1
- package/esm2022/interfaces/overlay-config.mjs +1 -1
- package/esm2022/interfaces/overlay-container.mjs +1 -1
- package/esm2022/interfaces/overlay-properties.mjs +1 -1
- package/esm2022/observables/zone.mjs +2 -2
- package/esm2022/pipes/as-array/as-array.pipe.mjs +1 -1
- package/esm2022/pipes/bind/bind.pipe.mjs +1 -1
- package/esm2022/pipes/execute/execute.pipe.mjs +1 -1
- package/esm2022/pipes/highlighter/highlighter.pipe.mjs +1 -1
- package/esm2022/services/notify/notify.service.mjs +5 -2
- package/esm2022/services/overlay/overlay.service.mjs +2 -2
- package/esm2022/services/overlay-strategy/overlay-strategy.mjs +7 -3
- package/esm2022/tokens/assets-path.mjs +1 -1
- package/esm2022/tokens/component-context.mjs +1 -1
- package/esm2022/tokens/custom-icons-path.mjs +1 -1
- package/esm2022/types/base-element.mjs +1 -1
- package/esm2022/types/color.mjs +1 -1
- package/esm2022/types/group-fn.mjs +1 -1
- package/esm2022/types/index.mjs +1 -2
- package/esm2022/types/overlay-origin.mjs +1 -1
- package/esm2022/types/overlay-position.mjs +1 -1
- package/esm2022/types/subscribable.mjs +1 -1
- package/esm2022/utils/position-utils.mjs +3 -2
- package/fesm2022/ng-doc-ui-kit-animations.mjs +17 -7
- package/fesm2022/ng-doc-ui-kit-animations.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-display-value-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-input-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-list-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-overlay-ref.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-button-icon.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-button-icon.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-button.mjs +6 -3
- package/fesm2022/ng-doc-ui-kit-components-button.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-combobox.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-data-list-group.mjs +1 -1
- package/fesm2022/ng-doc-ui-kit-components-data-list-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-data-list.mjs +9 -2
- package/fesm2022/ng-doc-ui-kit-components-data-list.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-dot.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-dot.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs +7 -3
- package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-floated-border.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-floated-content.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-focus-control.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-label.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-line.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-list.mjs +3 -1
- package/fesm2022/ng-doc-ui-kit-components-list.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-option-group.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-option-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-option.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-option.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-overlay-container.mjs +3 -1
- package/fesm2022/ng-doc-ui-kit-components-overlay-container.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-overlay-pointer.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-pane.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-pane.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-selection.mjs +2 -1
- package/fesm2022/ng-doc-ui-kit-components-selection.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-spinner.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-text.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-toggle.mjs +8 -4
- package/fesm2022/ng-doc-ui-kit-components-toggle.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-wrapper.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-constants.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-decorators.mjs +2 -1
- package/fesm2022/ng-doc-ui-kit-decorators.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-autofocus.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-data.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-handler.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-origin.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-focusable.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs +6 -2
- package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs +6 -2
- package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-let.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-tooltip.mjs +12 -4
- package/fesm2022/ng-doc-ui-kit-directives-tooltip.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-helpers.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-observables.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-as-array.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-bind.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-execute.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-highlighter.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-notify.mjs +4 -1
- package/fesm2022/ng-doc-ui-kit-services-notify.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-overlay-strategy.mjs +6 -2
- package/fesm2022/ng-doc-ui-kit-services-overlay-strategy.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-overlay.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-tokens.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-utils.mjs +2 -1
- package/fesm2022/ng-doc-ui-kit-utils.mjs.map +1 -1
- package/package.json +2 -2
- package/styles/main.css +36 -380
- package/types/color.d.ts +1 -1
- package/types/index.d.ts +0 -1
- package/esm2022/types/palette-color.mjs +0 -2
- package/types/palette-color.d.ts +0 -1
|
@@ -24,8 +24,14 @@ const expandCollapseAnimation = trigger('expandCollapse', [
|
|
|
24
24
|
]);
|
|
25
25
|
|
|
26
26
|
const fadeAnimation = trigger('fadeAnimation', [
|
|
27
|
-
transition(':enter', [
|
|
28
|
-
|
|
27
|
+
transition(':enter', [
|
|
28
|
+
style({ opacity: 0 }),
|
|
29
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),
|
|
30
|
+
]),
|
|
31
|
+
transition(':leave', [
|
|
32
|
+
style({ opacity: 1 }),
|
|
33
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 0 })),
|
|
34
|
+
]),
|
|
29
35
|
]);
|
|
30
36
|
|
|
31
37
|
const dropdownOpenAnimation = [
|
|
@@ -53,13 +59,17 @@ const notificationCloseAnimation = [
|
|
|
53
59
|
animate('120ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'scale(0.7)', opacity: 0 })),
|
|
54
60
|
];
|
|
55
61
|
|
|
56
|
-
const preventInitialChildAnimations = trigger('preventInitialChild', [
|
|
57
|
-
transition(':enter', []),
|
|
58
|
-
]);
|
|
62
|
+
const preventInitialChildAnimations = trigger('preventInitialChild', [transition(':enter', [])]);
|
|
59
63
|
|
|
60
64
|
const tabFadeAnimation = trigger('tabFadeAnimation', [
|
|
61
|
-
transition(':enter', [
|
|
62
|
-
|
|
65
|
+
transition(':enter', [
|
|
66
|
+
style({ opacity: 0 }),
|
|
67
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),
|
|
68
|
+
]),
|
|
69
|
+
transition(':leave', [
|
|
70
|
+
style({ opacity: 1 }),
|
|
71
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 0 })),
|
|
72
|
+
]),
|
|
63
73
|
]);
|
|
64
74
|
|
|
65
75
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-animations.mjs","sources":["../../../../libs/ui-kit/animations/expand-collapse.ts","../../../../libs/ui-kit/animations/fade.ts","../../../../libs/ui-kit/animations/overlay.ts","../../../../libs/ui-kit/animations/prevent-initial-animation.ts","../../../../libs/ui-kit/animations/tab-fade.ts","../../../../libs/ui-kit/animations/ng-doc-ui-kit-animations.ts"],"sourcesContent":["import {\n\tanimate,\n\tAnimationTriggerMetadata,\n\tstate,\n\tstyle,\n\ttransition,\n\ttrigger,\n} from '@angular/animations';\n\nexport const expandCollapseAnimation: AnimationTriggerMetadata = trigger('expandCollapse', [\n\ttransition(\n\t\t':enter',\n\t\t[\n\t\t\tstyle({ opacity: '{{opacity}}', height: '{{from}}' }),\n\t\t\tanimate('225ms cubic-bezier(0.4,0.0,0.2,1)', style({ opacity: 1, height: '*' })),\n\t\t],\n\t\t{ params: { from: 0, opacity: 0 } },\n\t),\n\ttransition(\n\t\t':leave',\n\t\t[\n\t\t\tstyle({ opacity: 1, height: '*' }),\n\t\t\tanimate(\n\t\t\t\t'225ms cubic-bezier(0.4,0.0,0.2,1)',\n\t\t\t\tstyle({\n\t\t\t\t\topacity: '{{opacity}}',\n\t\t\t\t\theight: '{{from}}',\n\t\t\t\t}),\n\t\t\t),\n\t\t],\n\t\t{ params: { from: 0, opacity: 0 } },\n\t),\n\tstate('true', style({ opacity: 1, height: '*' })),\n\tstate('false', style({ opacity: '{{opacity}}', height: '{{from}}' }), {\n\t\tparams: {\n\t\t\tfrom: 0,\n\t\t\topacity: 0,\n\t\t},\n\t}),\n\ttransition('* => true', [animate('225ms cubic-bezier(0.4,0.0,0.2,1)')]),\n\ttransition('* => false', [animate('225ms cubic-bezier(0.4,0.0,0.2,1)')]),\n]);\n","import {animate, AnimationTriggerMetadata, style, transition, trigger} from '@angular/animations';\n\nexport const fadeAnimation: AnimationTriggerMetadata = trigger('fadeAnimation', [\n\ttransition(':enter', [
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-animations.mjs","sources":["../../../../libs/ui-kit/animations/expand-collapse.ts","../../../../libs/ui-kit/animations/fade.ts","../../../../libs/ui-kit/animations/overlay.ts","../../../../libs/ui-kit/animations/prevent-initial-animation.ts","../../../../libs/ui-kit/animations/tab-fade.ts","../../../../libs/ui-kit/animations/ng-doc-ui-kit-animations.ts"],"sourcesContent":["import {\n\tanimate,\n\tAnimationTriggerMetadata,\n\tstate,\n\tstyle,\n\ttransition,\n\ttrigger,\n} from '@angular/animations';\n\nexport const expandCollapseAnimation: AnimationTriggerMetadata = trigger('expandCollapse', [\n\ttransition(\n\t\t':enter',\n\t\t[\n\t\t\tstyle({ opacity: '{{opacity}}', height: '{{from}}' }),\n\t\t\tanimate('225ms cubic-bezier(0.4,0.0,0.2,1)', style({ opacity: 1, height: '*' })),\n\t\t],\n\t\t{ params: { from: 0, opacity: 0 } },\n\t),\n\ttransition(\n\t\t':leave',\n\t\t[\n\t\t\tstyle({ opacity: 1, height: '*' }),\n\t\t\tanimate(\n\t\t\t\t'225ms cubic-bezier(0.4,0.0,0.2,1)',\n\t\t\t\tstyle({\n\t\t\t\t\topacity: '{{opacity}}',\n\t\t\t\t\theight: '{{from}}',\n\t\t\t\t}),\n\t\t\t),\n\t\t],\n\t\t{ params: { from: 0, opacity: 0 } },\n\t),\n\tstate('true', style({ opacity: 1, height: '*' })),\n\tstate('false', style({ opacity: '{{opacity}}', height: '{{from}}' }), {\n\t\tparams: {\n\t\t\tfrom: 0,\n\t\t\topacity: 0,\n\t\t},\n\t}),\n\ttransition('* => true', [animate('225ms cubic-bezier(0.4,0.0,0.2,1)')]),\n\ttransition('* => false', [animate('225ms cubic-bezier(0.4,0.0,0.2,1)')]),\n]);\n","import { animate, AnimationTriggerMetadata, style, transition, trigger } from '@angular/animations';\n\nexport const fadeAnimation: AnimationTriggerMetadata = trigger('fadeAnimation', [\n\ttransition(':enter', [\n\t\tstyle({ opacity: 0 }),\n\t\tanimate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),\n\t]),\n\ttransition(':leave', [\n\t\tstyle({ opacity: 1 }),\n\t\tanimate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 0 })),\n\t]),\n]);\n","import { animate, AnimationMetadata, style } from '@angular/animations';\n\nexport const dropdownOpenAnimation: AnimationMetadata[] = [\n\tstyle({ transform: 'scale(0.9)', opacity: 0 }),\n\tanimate('120ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'scale(1)', opacity: 1 })),\n];\n\nexport const dropdownCloseAnimation: AnimationMetadata[] = [\n\tstyle({ transform: 'scaleY(1)', opacity: 1 }),\n\tanimate(\n\t\t'120ms cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\tstyle({ transform: 'scaleY(0.9)', opacity: 0 }),\n\t),\n];\n\nexport const tooltipOpenAnimation: AnimationMetadata[] = [\n\tstyle({ transform: 'scale(0.8)', opacity: 0 }),\n\tanimate('120ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'scale(1)', opacity: 1 })),\n];\n\nexport const tooltipCloseAnimation: AnimationMetadata[] = [\n\tstyle({ transform: 'scale(1)', opacity: 1 }),\n\tanimate('120ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'scale(0.8)', opacity: 0 })),\n];\n\nexport const notificationOpenAnimation: AnimationMetadata[] = [\n\tstyle({ transform: 'scale(0.7)', opacity: 0 }),\n\tanimate('120ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'scale(1)', opacity: 1 })),\n];\n\nexport const notificationCloseAnimation: AnimationMetadata[] = [\n\tstyle({ transform: 'scale(1)', opacity: 1 }),\n\tanimate('120ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'scale(0.7)', opacity: 0 })),\n];\n","import { AnimationTriggerMetadata, transition, trigger } from '@angular/animations';\n\nexport const preventInitialChildAnimations: AnimationTriggerMetadata = trigger(\n\t'preventInitialChild',\n\t[transition(':enter', [])],\n);\n","import { animate, AnimationTriggerMetadata, style, transition, trigger } from '@angular/animations';\n\nexport const tabFadeAnimation: AnimationTriggerMetadata = trigger('tabFadeAnimation', [\n\ttransition(':enter', [\n\t\tstyle({ opacity: 0 }),\n\t\tanimate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),\n\t]),\n\ttransition(':leave', [\n\t\tstyle({ opacity: 1 }),\n\t\tanimate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 0 })),\n\t]),\n]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-cdk-combobox-host.mjs","sources":["../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.ts","../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.html","../../../../libs/ui-kit/cdk/combobox-host/ng-doc-ui-kit-cdk-combobox-host.ts"],"sourcesContent":["import {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tforwardRef,\n\tInject,\n\tInput,\n\tNgZone,\n\tOptional,\n\tSkipSelf,\n\tViewChild,\n} from '@angular/core';\nimport {\n\tNgDocBaseInput,\n\tNgDocDisplayValueHost,\n\tNgDocInputHost,\n\tNgDocListHost,\n\tNgDocOverlayHost,\n} from '@ng-doc/ui-kit/classes';\nimport {NgDocDropdownComponent} from '@ng-doc/ui-kit/components/dropdown';\nimport {NgDocDropdownHandlerDirective} from '@ng-doc/ui-kit/directives/dropdown-handler';\nimport {NgDocFocusCatcherDirective} from '@ng-doc/ui-kit/directives/focus-catcher';\nimport {ngDocZoneOptimize} from '@ng-doc/ui-kit/observables';\nimport {NgDocDisplayValueFunction, NgDocOverlayPosition} from '@ng-doc/ui-kit/types';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {\n\tFL_CONTROL_HOST,\n\tFL_DEFAULT_COMPARE,\n\tFlCompareFunction,\n\tFlCompareHost,\n\tFlControlHost,\n\tFlControlSelector,\n\tprovideControlHost,\n} from 'flex-controls';\nimport {filter} from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-combobox-host',\n\ttemplateUrl: './combobox-host.component.html',\n\tstyleUrls: ['./combobox-host.component.scss'],\n\tproviders: [\n\t\tprovideControlHost(forwardRef(() => NgDocComboboxHostComponent)),\n\t\t{\n\t\t\tprovide: NgDocOverlayHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: FlCompareHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocDisplayValueHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocFocusCatcherDirective, NgDocDropdownHandlerDirective],\n})\n@UntilDestroy()\nexport class NgDocComboboxHostComponent<T>\n\textends FlControlHost<T>\n\timplements\n\t\tNgDocOverlayHost,\n\t\tNgDocInputHost<string>,\n\t\tFlCompareHost<T>,\n\t\tNgDocDisplayValueHost<T>,\n\t\tNgDocListHost,\n\t\tAfterContentInit\n{\n\t@Input()\n\tcompareFn: FlCompareFunction<T> = FL_DEFAULT_COMPARE;\n\n\t@Input()\n\tdisplayValueFn: NgDocDisplayValueFunction<T> = String;\n\n\t@ViewChild('origin', {read: ElementRef, static: true})\n\torigin?: ElementRef<HTMLElement>;\n\n\t@ContentChild(NgDocDropdownComponent)\n\tdropdown?: NgDocDropdownComponent;\n\n\t@ContentChild(NgDocBaseInput)\n\tinputControl?: NgDocBaseInput<string>;\n\n\treadonly positions: NgDocOverlayPosition[] = ['bottom-center', 'top-center'];\n\n\tconstructor(\n\t\tprotected ngZone: NgZone,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@SkipSelf()\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(host);\n\t}\n\n\tngAfterContentInit(): void {\n\t\tthis.inputControl?.valueChange\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.inputControl?.isFocused),\n\t\t\t\tuntilDestroyed(this),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.dropdown?.open());\n\n\t\tthis.typedControlChange(FlControlSelector)\n\t\t\t.pipe(untilDestroyed(this))\n\t\t\t.subscribe(() => this.dropdown?.close());\n\t}\n\n\tget listHostOrigin(): ElementRef<HTMLElement> | undefined {\n\t\treturn this.inputControl?.elementRef;\n\t}\n\n\tget searchText(): string {\n\t\treturn this.hasValue ? '' : this.inputControl?.value || '';\n\t}\n\n\tget width(): number {\n\t\treturn this.origin?.nativeElement.offsetWidth || 0;\n\t}\n\n\tget panelClass(): string {\n\t\treturn `ng-doc-combobox-host-overlay`;\n\t}\n\n\tclickEvent(): void {\n\t\tif (!this.disabled) {\n\t\t\tthis.dropdown?.open();\n\t\t}\n\t}\n}\n","<label\n\tclass=\"ng-doc-dropdown-host\"\n\tngDocFocusCatcher\n\t[ngDocDropdownHandler]=\"dropdown\"\n\t(click)=\"clickEvent()\"\n\t#origin>\n\t<ng-content></ng-content>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-cdk-combobox-host.mjs","sources":["../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.ts","../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.html","../../../../libs/ui-kit/cdk/combobox-host/ng-doc-ui-kit-cdk-combobox-host.ts"],"sourcesContent":["import {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tforwardRef,\n\tInject,\n\tInput,\n\tNgZone,\n\tOptional,\n\tSkipSelf,\n\tViewChild,\n} from '@angular/core';\nimport {\n\tNgDocBaseInput,\n\tNgDocDisplayValueHost,\n\tNgDocInputHost,\n\tNgDocListHost,\n\tNgDocOverlayHost,\n} from '@ng-doc/ui-kit/classes';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocDropdownHandlerDirective } from '@ng-doc/ui-kit/directives/dropdown-handler';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { NgDocDisplayValueFunction, NgDocOverlayPosition } from '@ng-doc/ui-kit/types';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport {\n\tFL_CONTROL_HOST,\n\tFL_DEFAULT_COMPARE,\n\tFlCompareFunction,\n\tFlCompareHost,\n\tFlControlHost,\n\tFlControlSelector,\n\tprovideControlHost,\n} from 'flex-controls';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-combobox-host',\n\ttemplateUrl: './combobox-host.component.html',\n\tstyleUrls: ['./combobox-host.component.scss'],\n\tproviders: [\n\t\tprovideControlHost(forwardRef(() => NgDocComboboxHostComponent)),\n\t\t{\n\t\t\tprovide: NgDocOverlayHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: FlCompareHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocDisplayValueHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocFocusCatcherDirective, NgDocDropdownHandlerDirective],\n})\n@UntilDestroy()\nexport class NgDocComboboxHostComponent<T>\n\textends FlControlHost<T>\n\timplements\n\t\tNgDocOverlayHost,\n\t\tNgDocInputHost<string>,\n\t\tFlCompareHost<T>,\n\t\tNgDocDisplayValueHost<T>,\n\t\tNgDocListHost,\n\t\tAfterContentInit\n{\n\t@Input()\n\tcompareFn: FlCompareFunction<T> = FL_DEFAULT_COMPARE;\n\n\t@Input()\n\tdisplayValueFn: NgDocDisplayValueFunction<T> = String;\n\n\t@ViewChild('origin', { read: ElementRef, static: true })\n\torigin?: ElementRef<HTMLElement>;\n\n\t@ContentChild(NgDocDropdownComponent)\n\tdropdown?: NgDocDropdownComponent;\n\n\t@ContentChild(NgDocBaseInput)\n\tinputControl?: NgDocBaseInput<string>;\n\n\treadonly positions: NgDocOverlayPosition[] = ['bottom-center', 'top-center'];\n\n\tconstructor(\n\t\tprotected ngZone: NgZone,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@SkipSelf()\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(host);\n\t}\n\n\tngAfterContentInit(): void {\n\t\tthis.inputControl?.valueChange\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.inputControl?.isFocused),\n\t\t\t\tuntilDestroyed(this),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.dropdown?.open());\n\n\t\tthis.typedControlChange(FlControlSelector)\n\t\t\t.pipe(untilDestroyed(this))\n\t\t\t.subscribe(() => this.dropdown?.close());\n\t}\n\n\tget listHostOrigin(): ElementRef<HTMLElement> | undefined {\n\t\treturn this.inputControl?.elementRef;\n\t}\n\n\tget searchText(): string {\n\t\treturn this.hasValue ? '' : this.inputControl?.value || '';\n\t}\n\n\tget width(): number {\n\t\treturn this.origin?.nativeElement.offsetWidth || 0;\n\t}\n\n\tget panelClass(): string {\n\t\treturn `ng-doc-combobox-host-overlay`;\n\t}\n\n\tclickEvent(): void {\n\t\tif (!this.disabled) {\n\t\t\tthis.dropdown?.open();\n\t\t}\n\t}\n}\n","<label\n\tclass=\"ng-doc-dropdown-host\"\n\tngDocFocusCatcher\n\t[ngDocDropdownHandler]=\"dropdown\"\n\t(click)=\"clickEvent()\"\n\t#origin>\n\t<ng-content></ng-content>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsCA,IAgCa,0BAA0B,GAAA,4BAAA,GAhCvC,MAgCa,0BACZ,SAAQ,aAAgB,CAAA;IA0BxB,WACW,CAAA,MAAc,EAIL,IAAuB,EAAA;QAE1C,KAAK,CAAC,IAAI,CAAC,CAAC;QANF,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QAIL,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAmB;QArB3C,IAAS,CAAA,SAAA,GAAyB,kBAAkB,CAAC;QAGrD,IAAc,CAAA,cAAA,GAAiC,MAAM,CAAC;AAW7C,QAAA,IAAA,CAAA,SAAS,GAA2B,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;KAU5E;IAED,kBAAkB,GAAA;QACjB,IAAI,CAAC,YAAY,EAAE,WAAW;aAC5B,IAAI,CACJ,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,EAC5C,cAAc,CAAC,IAAI,CAAC,EACpB,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAC9B;aACA,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AAEzC,QAAA,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC;AACxC,aAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aAC1B,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;KAC1C;AAED,IAAA,IAAI,cAAc,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;KACrC;AAED,IAAA,IAAI,UAAU,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;KAC3D;AAED,IAAA,IAAI,KAAK,GAAA;QACR,OAAO,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,WAAW,IAAI,CAAC,CAAC;KACnD;AAED,IAAA,IAAI,UAAU,GAAA;AACb,QAAA,OAAO,8BAA8B,CAAC;KACtC;IAED,UAAU,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACnB,YAAA,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtB,SAAA;KACD;AAvEW,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,wCA6B7B,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AA7BZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EA5B3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,SAAA,EAAA;YACV,kBAAkB,CAAC,UAAU,CAAC,MAAM,4BAA0B,CAAC,CAAC;AAChE,YAAA;AACC,gBAAA,OAAO,EAAE,gBAAgB;AACzB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA0B,CAAC;AACzD,aAAA;AACD,YAAA;AACC,gBAAA,OAAO,EAAE,cAAc;AACvB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA0B,CAAC;AACzD,aAAA;AACD,YAAA;AACC,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA0B,CAAC;AACzD,aAAA;AACD,YAAA;AACC,gBAAA,OAAO,EAAE,qBAAqB;AAC9B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA0B,CAAC;AACzD,aAAA;AACD,YAAA;AACC,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA0B,CAAC;AACzD,aAAA;SACD,EAyBa,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,sBAAsB,EAGtB,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,cAAc,EANC,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAU,kECtFxC,uLAQA,EAAA,MAAA,EAAA,CAAA,kKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED2DW,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,6BAA6B,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAGvD,0BAA0B,GAAA,4BAAA,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;qCA6BK,MAAM;QAIE,aAAa,CAAA,CAAA;AAhC5B,CAAA,EAAA,0BAA0B,CAwEtC,CAAA;2FAxEY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAhCtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGrB,SAAA,EAAA;AACV,wBAAA,kBAAkB,CAAC,UAAU,CAAC,MAAK,0BAA2B,CAAC,CAAC;AAChE,wBAAA;AACC,4BAAA,OAAO,EAAE,gBAAgB;AACzB,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC,CAAC;AACzD,yBAAA;AACD,wBAAA;AACC,4BAAA,OAAO,EAAE,cAAc;AACvB,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC,CAAC;AACzD,yBAAA;AACD,wBAAA;AACC,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC,CAAC;AACzD,yBAAA;AACD,wBAAA;AACC,4BAAA,OAAO,EAAE,qBAAqB;AAC9B,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC,CAAC;AACzD,yBAAA;AACD,wBAAA;AACC,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC,CAAC;AACzD,yBAAA;qBACD,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA,IAAI,WACP,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,EAAA,QAAA,EAAA,uLAAA,EAAA,MAAA,EAAA,CAAA,kKAAA,CAAA,EAAA,CAAA;;0BAgClE,MAAM;2BAAC,eAAe,CAAA;;0BACtB,QAAQ;;0BACR,QAAQ;4CApBV,SAAS,EAAA,CAAA;sBADR,KAAK;gBAIN,cAAc,EAAA,CAAA;sBADb,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,SAAS;uBAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIvD,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,sBAAsB,CAAA;gBAIpC,YAAY,EAAA,CAAA;sBADX,YAAY;uBAAC,cAAc,CAAA;;;AE5F7B;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-classes-display-value-host.mjs","sources":["../../../../libs/ui-kit/classes/display-value-host/display-value-host.ts","../../../../libs/ui-kit/classes/display-value-host/ng-doc-ui-kit-classes-display-value-host.ts"],"sourcesContent":["import {NgDocDisplayValueFunction} from '@ng-doc/ui-kit/types';\n\nexport abstract class NgDocDisplayValueHost<T> {\n\tabstract displayValueFn: NgDocDisplayValueFunction<T>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"MAEsB,qBAAqB,CAAA;AAE1C;;ACJD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-classes-display-value-host.mjs","sources":["../../../../libs/ui-kit/classes/display-value-host/display-value-host.ts","../../../../libs/ui-kit/classes/display-value-host/ng-doc-ui-kit-classes-display-value-host.ts"],"sourcesContent":["import { NgDocDisplayValueFunction } from '@ng-doc/ui-kit/types';\n\nexport abstract class NgDocDisplayValueHost<T> {\n\tabstract displayValueFn: NgDocDisplayValueFunction<T>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"MAEsB,qBAAqB,CAAA;AAE1C;;ACJD;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-classes-input-host.mjs","sources":["../../../../libs/ui-kit/classes/input-host/input-host.ts","../../../../libs/ui-kit/classes/input-host/ng-doc-ui-kit-classes-input-host.ts"],"sourcesContent":["import {FlControl} from 'flex-controls';\n\nexport abstract class NgDocInputHost<T> {\n\tabstract inputControl?: FlControl<T>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"MAEsB,cAAc,CAAA;AAEnC;;ACJD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-classes-input-host.mjs","sources":["../../../../libs/ui-kit/classes/input-host/input-host.ts","../../../../libs/ui-kit/classes/input-host/ng-doc-ui-kit-classes-input-host.ts"],"sourcesContent":["import { FlControl } from 'flex-controls';\n\nexport abstract class NgDocInputHost<T> {\n\tabstract inputControl?: FlControl<T>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"MAEsB,cAAc,CAAA;AAEnC;;ACJD;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-classes-list-host.mjs","sources":["../../../../libs/ui-kit/classes/list-host/list-host.ts","../../../../libs/ui-kit/classes/list-host/ng-doc-ui-kit-classes-list-host.ts"],"sourcesContent":["import {ElementRef} from '@angular/core';\n\nexport abstract class NgDocListHost {\n\tabstract listHostOrigin: ElementRef<HTMLElement> | HTMLElement | undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"MAEsB,aAAa,CAAA;AAElC;;ACJD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-classes-list-host.mjs","sources":["../../../../libs/ui-kit/classes/list-host/list-host.ts","../../../../libs/ui-kit/classes/list-host/ng-doc-ui-kit-classes-list-host.ts"],"sourcesContent":["import { ElementRef } from '@angular/core';\n\nexport abstract class NgDocListHost {\n\tabstract listHostOrigin: ElementRef<HTMLElement> | HTMLElement | undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"MAEsB,aAAa,CAAA;AAElC;;ACJD;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-classes-overlay-ref.mjs","sources":["../../../../libs/ui-kit/classes/overlay-ref/overlay-ref.ts","../../../../libs/ui-kit/classes/overlay-ref/ng-doc-ui-kit-classes-overlay-ref.ts"],"sourcesContent":["import {ConnectedOverlayPositionChange, FlexibleConnectedPositionStrategy, OverlayRef} from '@angular/cdk/overlay';\nimport {Location} from '@angular/common';\nimport {NgZone} from '@angular/core';\nimport {Event, NavigationEnd, Router} from '@angular/router';\nimport {isPresent} from '@ng-doc/core/helpers/is-present';\nimport {toElement} from '@ng-doc/ui-kit/helpers';\nimport {NgDocOverlayConfig, NgDocOverlayContainer} from '@ng-doc/ui-kit/interfaces';\nimport {fromSubscribe, ngDocZoneDetach, ngDocZoneOptimize} from '@ng-doc/ui-kit/observables';\nimport {NgDocOverlayAnimationEvent} from '@ng-doc/ui-kit/types';\nimport {fromEvent, merge, NEVER, Observable} from 'rxjs';\nimport {debounceTime, filter, map, pairwise, switchMap, take, takeUntil} from 'rxjs/operators';\n\nexport class NgDocOverlayRef<T = unknown> {\n\tprivate overlayResult: T | null = null;\n\tprivate opened: boolean = true;\n\n\tconstructor(\n\t\treadonly overlayRef: OverlayRef,\n\t\tprivate readonly overlayConfig: NgDocOverlayConfig,\n\t\treadonly overlayContainer: NgDocOverlayContainer,\n\t\tprivate readonly ngZone: NgZone,\n\t\tprivate readonly router?: Router,\n\t\tprivate readonly location?: Location,\n\t) {\n\t\t/* Closes overlay when it was outside click */\n\t\tthis.afterOpen()\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() => this.ngZone.runOutsideAngular(() => this.overlayRef.outsidePointerEvents())),\n\t\t\t\tfilter((event: MouseEvent) => !!this.overlayConfig.closeIfOutsideClick && this.outsideClickChecker(event)),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.close());\n\n\t\t/* Closes overlay when it was inner click */\n\t\tfromEvent(this.overlayRef.overlayElement, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.overlayConfig.closeIfInnerClick),\n\t\t\t\ttakeUntil(this.overlayRef.detachments()),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.close());\n\n\t\t/* Closes overlay if route was changed */\n\t\tif (this.router && this.overlayConfig.disposeOnRouteNavigation) {\n\t\t\tthis.router.events\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter((event: Event) => event instanceof NavigationEnd),\n\t\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t\t\ttakeUntil(this.overlayRef.detachments()),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => this.close());\n\t\t}\n\n\t\tif (this.location && this.overlayConfig.disposeOnNavigation) {\n\t\t\tfromSubscribe(this.location)\n\t\t\t\t.pipe(takeUntil(this.overlayRef.detachments()))\n\t\t\t\t.subscribe(() => this.close());\n\t\t}\n\n\t\tif (!this.overlayConfig.disableClose) {\n\t\t\tmerge(\n\t\t\t\tthis.overlayRef.backdropClick(),\n\t\t\t\tthis.overlayRef.keydownEvents().pipe(filter((e: KeyboardEvent) => e.code === 'Escape')),\n\t\t\t)\n\t\t\t\t.pipe(take(1), takeUntil(this.overlayRef.detachments()))\n\t\t\t\t.subscribe(() => this.close());\n\t\t}\n\n\t\t/* Update position if origin changes its position */\n\t\tconst origin: unknown = toElement(this.overlayConfig.origin);\n\n\t\tif (origin instanceof HTMLElement) {\n\t\t\tthis.ngZone.onStable\n\t\t\t\t.pipe(\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(() => origin.getBoundingClientRect()),\n\t\t\t\t\tpairwise(),\n\t\t\t\t\tfilter(\n\t\t\t\t\t\t([a, b]: [DOMRect, DOMRect]) =>\n\t\t\t\t\t\t\tisPresent(a) &&\n\t\t\t\t\t\t\tisPresent(b) &&\n\t\t\t\t\t\t\t(a.x !== b.x || a.y !== b.y || a.width !== b.width || a.height !== b.height),\n\t\t\t\t\t),\n\t\t\t\t\tngDocZoneDetach(this.ngZone),\n\t\t\t\t\ttakeUntil(this.overlayRef.detachments()),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => this.overlayRef.updatePosition());\n\t\t}\n\t}\n\n\t/** Sets focus to overlay */\n\tfocus(): void {\n\t\tthis.overlayContainer.focus();\n\t}\n\n\t/** Overlay has focus */\n\tget isFocused(): boolean {\n\t\treturn this.overlayContainer.isFocused;\n\t}\n\n\t/** Overlay is opened */\n\tget isOpened(): boolean {\n\t\treturn this.opened;\n\t}\n\n\t/** Overlay has attached */\n\tget hasAttached(): boolean {\n\t\treturn this.overlayRef.hasAttached();\n\t}\n\n\t/**\n\t * Closes overlay\n\t *\n\t * @param closeResult\n\t */\n\tclose(closeResult?: T): void {\n\t\tthis.overlayResult = isPresent(closeResult) ? closeResult : null;\n\t\tthis.afterClose().subscribe(() => void this.overlayRef.detach());\n\t\tthis.overlayContainer.close();\n\t\tthis.overlayRef.detachBackdrop();\n\t\tthis.opened = false;\n\t}\n\n\tbeforeOpen(): Observable<void> {\n\t\treturn this.overlayContainer.animationEvent.pipe(\n\t\t\tfilter((event: NgDocOverlayAnimationEvent) => event === 'beforeOpen'),\n\t\t\ttake(1),\n\t\t\tmap(() => void 0),\n\t\t);\n\t}\n\n\tafterOpen(): Observable<void> {\n\t\treturn this.overlayContainer.animationEvent.pipe(\n\t\t\tfilter((event: NgDocOverlayAnimationEvent) => event === 'afterOpen'),\n\t\t\ttake(1),\n\t\t\tmap(() => void 0),\n\t\t);\n\t}\n\n\tbeforeClose(): Observable<T | null> {\n\t\treturn merge(\n\t\t\tthis.overlayContainer.animationEvent.pipe(filter((event: NgDocOverlayAnimationEvent) => event === 'beforeClose')),\n\t\t\tthis.overlayRef.detachments(),\n\t\t).pipe(\n\t\t\ttake(1),\n\t\t\tmap(() => this.overlayResult),\n\t\t);\n\t}\n\n\tafterClose(): Observable<T | null> {\n\t\treturn merge(\n\t\t\tthis.overlayContainer.animationEvent.pipe(filter((event: NgDocOverlayAnimationEvent) => event === 'afterClose')),\n\t\t\tthis.overlayRef.detachments(),\n\t\t).pipe(\n\t\t\ttake(1),\n\t\t\tmap(() => this.overlayResult),\n\t\t);\n\t}\n\n\tpositionChanges(): Observable<ConnectedOverlayPositionChange> {\n\t\treturn this.overlayConfig.positionStrategy instanceof FlexibleConnectedPositionStrategy\n\t\t\t? this.overlayConfig.positionStrategy.positionChanges\n\t\t\t: NEVER;\n\t}\n\n\tprivate outsideClickChecker(event: MouseEvent): boolean {\n\t\tconst target: EventTarget | null = event.target;\n\t\tif (target instanceof Element) {\n\t\t\tconst origin: unknown = toElement(this.overlayConfig.origin);\n\t\t\tif (origin instanceof HTMLElement) {\n\t\t\t\treturn !origin.contains(target);\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-classes-overlay-ref.mjs","sources":["../../../../libs/ui-kit/classes/overlay-ref/overlay-ref.ts","../../../../libs/ui-kit/classes/overlay-ref/ng-doc-ui-kit-classes-overlay-ref.ts"],"sourcesContent":["import {\n\tConnectedOverlayPositionChange,\n\tFlexibleConnectedPositionStrategy,\n\tOverlayRef,\n} from '@angular/cdk/overlay';\nimport { Location } from '@angular/common';\nimport { NgZone } from '@angular/core';\nimport { Event, NavigationEnd, Router } from '@angular/router';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { NgDocOverlayConfig, NgDocOverlayContainer } from '@ng-doc/ui-kit/interfaces';\nimport { fromSubscribe, ngDocZoneDetach, ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { NgDocOverlayAnimationEvent } from '@ng-doc/ui-kit/types';\nimport { fromEvent, merge, NEVER, Observable } from 'rxjs';\nimport { debounceTime, filter, map, pairwise, switchMap, take, takeUntil } from 'rxjs/operators';\n\nexport class NgDocOverlayRef<T = unknown> {\n\tprivate overlayResult: T | null = null;\n\tprivate opened: boolean = true;\n\n\tconstructor(\n\t\treadonly overlayRef: OverlayRef,\n\t\tprivate readonly overlayConfig: NgDocOverlayConfig,\n\t\treadonly overlayContainer: NgDocOverlayContainer,\n\t\tprivate readonly ngZone: NgZone,\n\t\tprivate readonly router?: Router,\n\t\tprivate readonly location?: Location,\n\t) {\n\t\t/* Closes overlay when it was outside click */\n\t\tthis.afterOpen()\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() =>\n\t\t\t\t\tthis.ngZone.runOutsideAngular(() => this.overlayRef.outsidePointerEvents()),\n\t\t\t\t),\n\t\t\t\tfilter(\n\t\t\t\t\t(event: MouseEvent) =>\n\t\t\t\t\t\t!!this.overlayConfig.closeIfOutsideClick && this.outsideClickChecker(event),\n\t\t\t\t),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.close());\n\n\t\t/* Closes overlay when it was inner click */\n\t\tfromEvent(this.overlayRef.overlayElement, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.overlayConfig.closeIfInnerClick),\n\t\t\t\ttakeUntil(this.overlayRef.detachments()),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.close());\n\n\t\t/* Closes overlay if route was changed */\n\t\tif (this.router && this.overlayConfig.disposeOnRouteNavigation) {\n\t\t\tthis.router.events\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter((event: Event) => event instanceof NavigationEnd),\n\t\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t\t\ttakeUntil(this.overlayRef.detachments()),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => this.close());\n\t\t}\n\n\t\tif (this.location && this.overlayConfig.disposeOnNavigation) {\n\t\t\tfromSubscribe(this.location)\n\t\t\t\t.pipe(takeUntil(this.overlayRef.detachments()))\n\t\t\t\t.subscribe(() => this.close());\n\t\t}\n\n\t\tif (!this.overlayConfig.disableClose) {\n\t\t\tmerge(\n\t\t\t\tthis.overlayRef.backdropClick(),\n\t\t\t\tthis.overlayRef.keydownEvents().pipe(filter((e: KeyboardEvent) => e.code === 'Escape')),\n\t\t\t)\n\t\t\t\t.pipe(take(1), takeUntil(this.overlayRef.detachments()))\n\t\t\t\t.subscribe(() => this.close());\n\t\t}\n\n\t\t/* Update position if origin changes its position */\n\t\tconst origin: unknown = toElement(this.overlayConfig.origin);\n\n\t\tif (origin instanceof HTMLElement) {\n\t\t\tthis.ngZone.onStable\n\t\t\t\t.pipe(\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(() => origin.getBoundingClientRect()),\n\t\t\t\t\tpairwise(),\n\t\t\t\t\tfilter(\n\t\t\t\t\t\t([a, b]: [DOMRect, DOMRect]) =>\n\t\t\t\t\t\t\tisPresent(a) &&\n\t\t\t\t\t\t\tisPresent(b) &&\n\t\t\t\t\t\t\t(a.x !== b.x || a.y !== b.y || a.width !== b.width || a.height !== b.height),\n\t\t\t\t\t),\n\t\t\t\t\tngDocZoneDetach(this.ngZone),\n\t\t\t\t\ttakeUntil(this.overlayRef.detachments()),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => this.overlayRef.updatePosition());\n\t\t}\n\t}\n\n\t/** Sets focus to overlay */\n\tfocus(): void {\n\t\tthis.overlayContainer.focus();\n\t}\n\n\t/** Overlay has focus */\n\tget isFocused(): boolean {\n\t\treturn this.overlayContainer.isFocused;\n\t}\n\n\t/** Overlay is opened */\n\tget isOpened(): boolean {\n\t\treturn this.opened;\n\t}\n\n\t/** Overlay has attached */\n\tget hasAttached(): boolean {\n\t\treturn this.overlayRef.hasAttached();\n\t}\n\n\t/**\n\t * Closes overlay\n\t *\n\t * @param closeResult\n\t */\n\tclose(closeResult?: T): void {\n\t\tthis.overlayResult = isPresent(closeResult) ? closeResult : null;\n\t\tthis.afterClose().subscribe(() => void this.overlayRef.detach());\n\t\tthis.overlayContainer.close();\n\t\tthis.overlayRef.detachBackdrop();\n\t\tthis.opened = false;\n\t}\n\n\tbeforeOpen(): Observable<void> {\n\t\treturn this.overlayContainer.animationEvent.pipe(\n\t\t\tfilter((event: NgDocOverlayAnimationEvent) => event === 'beforeOpen'),\n\t\t\ttake(1),\n\t\t\tmap(() => void 0),\n\t\t);\n\t}\n\n\tafterOpen(): Observable<void> {\n\t\treturn this.overlayContainer.animationEvent.pipe(\n\t\t\tfilter((event: NgDocOverlayAnimationEvent) => event === 'afterOpen'),\n\t\t\ttake(1),\n\t\t\tmap(() => void 0),\n\t\t);\n\t}\n\n\tbeforeClose(): Observable<T | null> {\n\t\treturn merge(\n\t\t\tthis.overlayContainer.animationEvent.pipe(\n\t\t\t\tfilter((event: NgDocOverlayAnimationEvent) => event === 'beforeClose'),\n\t\t\t),\n\t\t\tthis.overlayRef.detachments(),\n\t\t).pipe(\n\t\t\ttake(1),\n\t\t\tmap(() => this.overlayResult),\n\t\t);\n\t}\n\n\tafterClose(): Observable<T | null> {\n\t\treturn merge(\n\t\t\tthis.overlayContainer.animationEvent.pipe(\n\t\t\t\tfilter((event: NgDocOverlayAnimationEvent) => event === 'afterClose'),\n\t\t\t),\n\t\t\tthis.overlayRef.detachments(),\n\t\t).pipe(\n\t\t\ttake(1),\n\t\t\tmap(() => this.overlayResult),\n\t\t);\n\t}\n\n\tpositionChanges(): Observable<ConnectedOverlayPositionChange> {\n\t\treturn this.overlayConfig.positionStrategy instanceof FlexibleConnectedPositionStrategy\n\t\t\t? this.overlayConfig.positionStrategy.positionChanges\n\t\t\t: NEVER;\n\t}\n\n\tprivate outsideClickChecker(event: MouseEvent): boolean {\n\t\tconst target: EventTarget | null = event.target;\n\t\tif (target instanceof Element) {\n\t\t\tconst origin: unknown = toElement(this.overlayConfig.origin);\n\t\t\tif (origin instanceof HTMLElement) {\n\t\t\t\treturn !origin.contains(target);\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -8,11 +8,11 @@ class NgDocBlockquoteComponent {
|
|
|
8
8
|
this.type = 'default';
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, isStandalone: true, selector: "blockquote[ng-doc-blockquote]", inputs: { type: "type" }, host: { properties: { "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, isStandalone: true, selector: "blockquote[ng-doc-blockquote]", inputs: { type: "type" }, host: { properties: { "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:var(--ng-doc-base-gutter);margin:var(--ng-doc-blockquote-margin);overflow:hidden;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-blockquote-background, var(--ng-doc-base-9));opacity:.1;border-radius:inherit;overflow:hidden;pointer-events:none}:host{position:relative}:host:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--ng-doc-blockquote-border-color, var(--ng-doc-base-9));opacity:.2;border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-type=note]{--ng-doc-blockquote-background: var(--ng-doc-info);--ng-doc-blockquote-border-color: var(--ng-doc-info);--ng-doc-icon-color: var(--ng-doc-info)}:host[data-ng-doc-type=warning]{--ng-doc-blockquote-background: var(--ng-doc-warning);--ng-doc-blockquote-border-color: var(--ng-doc-warning);--ng-doc-icon-color: var(--ng-doc-warning)}:host[data-ng-doc-type=alert]{--ng-doc-blockquote-background: var(--ng-doc-alert);--ng-doc-blockquote-border-color: var(--ng-doc-alert);--ng-doc-icon-color: var(--ng-doc-alert)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-
|
|
15
|
+
args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:var(--ng-doc-base-gutter);margin:var(--ng-doc-blockquote-margin);overflow:hidden;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-blockquote-background, var(--ng-doc-base-9));opacity:.1;border-radius:inherit;overflow:hidden;pointer-events:none}:host{position:relative}:host:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--ng-doc-blockquote-border-color, var(--ng-doc-base-9));opacity:.2;border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-type=note]{--ng-doc-blockquote-background: var(--ng-doc-info);--ng-doc-blockquote-border-color: var(--ng-doc-info);--ng-doc-icon-color: var(--ng-doc-info)}:host[data-ng-doc-type=warning]{--ng-doc-blockquote-background: var(--ng-doc-warning);--ng-doc-blockquote-border-color: var(--ng-doc-warning);--ng-doc-icon-color: var(--ng-doc-warning)}:host[data-ng-doc-type=alert]{--ng-doc-blockquote-background: var(--ng-doc-alert);--ng-doc-blockquote-border-color: var(--ng-doc-alert);--ng-doc-icon-color: var(--ng-doc-alert)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"] }]
|
|
16
16
|
}], propDecorators: { type: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import {NgIf, NgSwitch, NgSwitchCase} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocIconComponent} from '@ng-doc/ui-kit/components/icon';\nimport {NgDocBlockquoteType} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'blockquote[ng-doc-blockquote]',\n\ttemplateUrl: './blockquote.component.html',\n\tstyleUrls: ['./blockquote.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent],\n})\nexport class NgDocBlockquoteComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-type')\n\ttype: NgDocBlockquoteType = 'default';\n}\n","<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import { NgIf, NgSwitch, NgSwitchCase } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocBlockquoteType } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'blockquote[ng-doc-blockquote]',\n\ttemplateUrl: './blockquote.component.html',\n\tstyleUrls: ['./blockquote.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent],\n})\nexport class NgDocBlockquoteComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-type')\n\ttype: NgDocBlockquoteType = 'default';\n}\n","<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA,MAQa,wBAAwB,CAAA;AARrC,IAAA,WAAA,GAAA;QAWC,IAAI,CAAA,IAAA,GAAwB,SAAS,CAAC;AACtC,KAAA;8GAJY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbrC,4cAUA,EDCW,MAAA,EAAA,CAAA,qhDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE9C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAGxB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,4cAAA,EAAA,MAAA,EAAA,CAAA,qhDAAA,CAAA,EAAA,CAAA;8BAK3D,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AEfrC;;AAEG;;;;"}
|
|
@@ -7,11 +7,11 @@ class NgDocButtonIconComponent {
|
|
|
7
7
|
this.rounded = true;
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonIconComponent, isStandalone: true, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:50%;width:calc(var(--ng-doc-base-gutter) * 4);height:calc(var(--ng-doc-base-gutter) * 4);background-color:var(--ng-doc-button-background);color:var(--ng-doc-button-color);overflow:hidden;--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{background-color:var(--ng-doc-button-hover-background);color:var(--ng-doc-button-hover-color);--ng-doc-icon-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);color:var(--ng-doc-button-active-color);--ng-doc-icon-color: var(--ng-doc-button-active-color)}:host[data-ng-doc-rounded=false]{--ng-doc-button-color: var(--ng-doc-
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonIconComponent, isStandalone: true, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:50%;width:calc(var(--ng-doc-base-gutter) * 4);height:calc(var(--ng-doc-base-gutter) * 4);background-color:var(--ng-doc-button-background);color:var(--ng-doc-button-color);overflow:hidden;--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{background-color:var(--ng-doc-button-hover-background);color:var(--ng-doc-button-hover-color);--ng-doc-icon-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);color:var(--ng-doc-button-active-color);--ng-doc-icon-color: var(--ng-doc-button-active-color)}:host[data-ng-doc-rounded=false]{--ng-doc-button-color: var(--ng-doc-base-6);--ng-doc-button-hover-color: var(--ng-doc-base-8);--ng-doc-button-active-color: var(--ng-doc-base-10);--ng-doc-button-hover-background: transparent;--ng-doc-button-active-background: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonIconComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'button[ng-doc-button-icon], a[ng-doc-button-icon]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:50%;width:calc(var(--ng-doc-base-gutter) * 4);height:calc(var(--ng-doc-base-gutter) * 4);background-color:var(--ng-doc-button-background);color:var(--ng-doc-button-color);overflow:hidden;--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{background-color:var(--ng-doc-button-hover-background);color:var(--ng-doc-button-hover-color);--ng-doc-icon-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);color:var(--ng-doc-button-active-color);--ng-doc-icon-color: var(--ng-doc-button-active-color)}:host[data-ng-doc-rounded=false]{--ng-doc-button-color: var(--ng-doc-
|
|
14
|
+
args: [{ selector: 'button[ng-doc-button-icon], a[ng-doc-button-icon]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:50%;width:calc(var(--ng-doc-base-gutter) * 4);height:calc(var(--ng-doc-base-gutter) * 4);background-color:var(--ng-doc-button-background);color:var(--ng-doc-button-color);overflow:hidden;--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{background-color:var(--ng-doc-button-hover-background);color:var(--ng-doc-button-hover-color);--ng-doc-icon-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);color:var(--ng-doc-button-active-color);--ng-doc-icon-color: var(--ng-doc-button-active-color)}:host[data-ng-doc-rounded=false]{--ng-doc-button-color: var(--ng-doc-base-6);--ng-doc-button-hover-color: var(--ng-doc-base-8);--ng-doc-button-active-color: var(--ng-doc-base-10);--ng-doc-button-hover-background: transparent;--ng-doc-button-active-background: transparent}\n"] }]
|
|
15
15
|
}], propDecorators: { size: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-button-icon.mjs","sources":["../../../../libs/ui-kit/components/button-icon/button-icon.component.ts","../../../../libs/ui-kit/components/button-icon/button-icon.component.html","../../../../libs/ui-kit/components/button-icon/ng-doc-ui-kit-components-button-icon.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocSize} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'button[ng-doc-button-icon], a[ng-doc-button-icon]',\n\ttemplateUrl: './button-icon.component.html',\n\tstyleUrls: ['./button-icon.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocButtonIconComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n\trounded: boolean = true;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAOa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;QAUC,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;QAI3B,IAAO,CAAA,OAAA,GAAY,IAAI,CAAC;AACxB,KAAA;8GARY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,uQCVrC,6BACA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-button-icon.mjs","sources":["../../../../libs/ui-kit/components/button-icon/button-icon.component.ts","../../../../libs/ui-kit/components/button-icon/button-icon.component.html","../../../../libs/ui-kit/components/button-icon/ng-doc-ui-kit-components-button-icon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'button[ng-doc-button-icon], a[ng-doc-button-icon]',\n\ttemplateUrl: './button-icon.component.html',\n\tstyleUrls: ['./button-icon.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocButtonIconComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n\trounded: boolean = true;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAOa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;QAUC,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;QAI3B,IAAO,CAAA,OAAA,GAAY,IAAI,CAAC;AACxB,KAAA;8GARY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,uQCVrC,6BACA,EAAA,MAAA,EAAA,CAAA,qqCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mDAAmD,EAG5C,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,qqCAAA,CAAA,EAAA,CAAA;8BAKhB,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;AEhBxC;;AAEG;;;;"}
|
|
@@ -3,16 +3,17 @@ import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular
|
|
|
3
3
|
|
|
4
4
|
class NgDocButtonComponent {
|
|
5
5
|
constructor() {
|
|
6
|
-
this.size = '
|
|
6
|
+
this.size = 'small';
|
|
7
7
|
this.color = 'primary';
|
|
8
8
|
this.rounded = false;
|
|
9
|
+
this.number = 123;
|
|
9
10
|
}
|
|
10
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, isStandalone: true, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, isStandalone: true, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded", number: "number" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:var(--ng-doc-button-background);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-button-alpha-background);opacity:var(--ng-doc-button-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: .1;--ng-doc-button-hover-background-opacity: .2;--ng-doc-button-active-background-opacity: .3}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-flat]{--ng-doc-button-alpha-background: var(--ng-doc-white);--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
13
|
}
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
|
-
args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"] }]
|
|
16
|
+
args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:var(--ng-doc-button-background);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-button-alpha-background);opacity:var(--ng-doc-button-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: .1;--ng-doc-button-hover-background-opacity: .2;--ng-doc-button-active-background-opacity: .3}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-flat]{--ng-doc-button-alpha-background: var(--ng-doc-white);--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}\n"] }]
|
|
16
17
|
}], propDecorators: { size: [{
|
|
17
18
|
type: Input
|
|
18
19
|
}, {
|
|
@@ -28,6 +29,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
28
29
|
}, {
|
|
29
30
|
type: HostBinding,
|
|
30
31
|
args: ['attr.data-ng-doc-rounded']
|
|
32
|
+
}], number: [{
|
|
33
|
+
type: Input
|
|
31
34
|
}] } });
|
|
32
35
|
|
|
33
36
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/ng-doc-ui-kit-components-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector:\n\t\t'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]',\n\ttemplate: `<ng-content></ng-content>`,\n\tstyleUrls: ['./button.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocButtonComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'small';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n\trounded: boolean = false;\n\n\t@Input()\n\tnumber: number = 123;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAQa,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QAWC,IAAI,CAAA,IAAA,GAAc,OAAO,CAAC;QAI1B,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;QAI9B,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;QAGzB,IAAM,CAAA,MAAA,GAAW,GAAG,CAAC;AACrB,KAAA;8GAfY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,6aALtB,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,09LAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKzB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAER,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+IAA+I,YACtI,CAA2B,yBAAA,CAAA,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,09LAAA,CAAA,EAAA,CAAA;8BAKhB,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;gBAIvC,MAAM,EAAA,CAAA;sBADL,KAAK;;;ACxBP;;AAEG;;;;"}
|
|
@@ -15,11 +15,11 @@ class NgDocCheckboxComponent extends FlControlSelector {
|
|
|
15
15
|
this.color = 'primary';
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckboxComponent, deps: [{ token: FlCompareHost, optional: true }, { token: FL_CONTROL_HOST, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCheckboxComponent, isStandalone: true, selector: "ng-doc-checkbox", inputs: { color: "color" }, host: { properties: { "attr.data-lu-color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCheckboxComponent, isStandalone: true, selector: "ng-doc-checkbox", inputs: { color: "color" }, host: { properties: { "attr.data-lu-color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgDocCheckedChangeDirective, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: ["ngDocChecked"], outputs: ["ngDocCheckedChange"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckboxComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'ng-doc-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent], template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}
|
|
22
|
+
args: [{ selector: 'ng-doc-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent], template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"] }]
|
|
23
23
|
}], ctorParameters: function () { return [{ type: i1.FlCompareHost, decorators: [{
|
|
24
24
|
type: Inject,
|
|
25
25
|
args: [FlCompareHost]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-checkbox.mjs","sources":["../../../../libs/ui-kit/components/checkbox/checkbox.component.ts","../../../../libs/ui-kit/components/checkbox/checkbox.component.html","../../../../libs/ui-kit/components/checkbox/ng-doc-ui-kit-components-checkbox.ts"],"sourcesContent":["import {NgIf} from '@angular/common';\nimport {
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-checkbox.mjs","sources":["../../../../libs/ui-kit/components/checkbox/checkbox.component.ts","../../../../libs/ui-kit/components/checkbox/checkbox.component.html","../../../../libs/ui-kit/components/checkbox/ng-doc-ui-kit-components-checkbox.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tHostBinding,\n\tInject,\n\tInput,\n\tOptional,\n} from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocCheckedChangeDirective } from '@ng-doc/ui-kit/directives/checked-change';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocColor } from '@ng-doc/ui-kit/types';\nimport { FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector } from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-checkbox',\n\ttemplateUrl: './checkbox.component.html',\n\tstyleUrls: ['./checkbox.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent],\n})\nexport class NgDocCheckboxComponent<T> extends FlControlSelector<T> {\n\t@Input()\n\t@HostBinding('attr.data-lu-color')\n\tcolor: NgDocColor = 'primary';\n\n\tconstructor(\n\t\t@Inject(FlCompareHost)\n\t\t@Optional()\n\t\tprotected override compareHost?: FlCompareHost<T | boolean | null>,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(compareHost, host);\n\t}\n}\n","<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAQa,sBAA0B,SAAQ,iBAAoB,CAAA;IAKlE,WAGoB,CAAA,WAA+C,EAG/C,IAAuB,EAAA;AAE1C,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QALN,IAAW,CAAA,WAAA,GAAX,WAAW,CAAoC;QAG/C,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAmB;QAR3C,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;KAW7B;8GAdW,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAMzB,aAAa,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAGb,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGATZ,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBnC,2sBAqBA,EDAW,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,sJAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE5E,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGV,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,2BAA2B,EAAE,uBAAuB,EAAE,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,2sBAAA,EAAA,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,CAAA;;0BAQvF,MAAM;2BAAC,aAAa,CAAA;;0BACpB,QAAQ;;0BAER,MAAM;2BAAC,eAAe,CAAA;;0BACtB,QAAQ;4CAPV,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,oBAAoB,CAAA;;;AEzBlC;;AAEG;;;;"}
|