@ng-doc/ui-kit 17.6.15 → 18.0.0-beta.1
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/animations/expand-collapse.d.ts +0 -1
- package/animations/fade.d.ts +0 -1
- package/animations/index.d.ts +1 -1
- package/animations/overlay.d.ts +0 -1
- package/animations/popup.d.ts +2 -0
- package/animations/prevent-initial-animation.d.ts +0 -1
- package/animations/tab-fade.d.ts +0 -1
- package/assets/icons/16/maximize.svg +1 -0
- package/assets/icons/16/zoom-in.svg +1 -0
- package/assets/icons/16/zoom-out.svg +1 -0
- package/assets/icons/24/activity.svg +1 -0
- package/assets/icons/24/check.svg +1 -0
- package/cdk/index.d.ts +0 -1
- package/classes/base-input/base-input.d.ts +1 -1
- package/classes/base-input/index.d.ts +0 -1
- package/classes/display-value-host/display-value-host.d.ts +0 -1
- package/classes/display-value-host/index.d.ts +0 -1
- package/classes/index.d.ts +0 -1
- package/classes/input-host/index.d.ts +0 -1
- package/classes/input-host/input-host.d.ts +0 -1
- package/classes/list-host/index.d.ts +0 -1
- package/classes/list-host/list-host.d.ts +0 -1
- package/classes/list-item/index.d.ts +0 -1
- package/classes/list-item/list-item.d.ts +0 -1
- package/classes/overlay-host/index.d.ts +0 -1
- package/classes/overlay-host/overlay-host.d.ts +0 -1
- package/classes/overlay-ref/index.d.ts +0 -1
- package/classes/overlay-ref/overlay-ref.d.ts +0 -1
- package/components/blockquote/blockquote.component.d.ts +2 -1
- package/components/button/button.component.d.ts +20 -0
- package/components/button-icon/button-icon.component.d.ts +1 -1
- package/components/button-toggle/button-toggle.component.d.ts +8 -0
- package/components/button-toggle/index.d.ts +1 -0
- package/components/expander/expander.component.d.ts +5 -3
- package/components/floated-content/floated-content.component.d.ts +2 -8
- package/components/icon/icon.component.d.ts +1 -0
- package/components/index.d.ts +4 -1
- package/components/input-wrapper/input-wrapper.component.d.ts +1 -3
- package/components/magnifier/index.d.ts +1 -0
- package/components/magnifier/magnifier.component.d.ts +21 -0
- package/components/magnifier-controller/index.d.ts +1 -0
- package/components/magnifier-controller/magnifier-controller.component.d.ts +7 -0
- package/components/overlay-container/overlay-container.component.d.ts +6 -5
- package/components/sidenav/sidenav.component.d.ts +2 -20
- package/components/tab-group/tab/tab.component.d.ts +1 -1
- package/components/tab-routes-group/index.d.ts +2 -0
- package/components/tab-routes-group/tab-route/tab-route.component.d.ts +7 -0
- package/components/tab-routes-group/tab-routes-group.component.d.ts +6 -0
- package/constants/focus-events.d.ts +0 -1
- package/constants/handlers.d.ts +0 -1
- package/constants/index.d.ts +0 -1
- package/constants/stringify.d.ts +0 -1
- package/decorators/index.d.ts +0 -1
- package/decorators/pure.d.ts +0 -1
- package/directives/autofocus/autofocus.directive.d.ts +0 -1
- package/directives/autofocus/index.d.ts +0 -1
- package/directives/checked-change/checked-change.directive.d.ts +0 -1
- package/directives/checked-change/index.d.ts +0 -1
- package/directives/data/data.directive.d.ts +0 -1
- package/directives/data/index.d.ts +0 -1
- package/directives/dropdown-handler/dropdown-handler.directive.d.ts +0 -1
- package/directives/dropdown-handler/index.d.ts +0 -1
- package/directives/dropdown-origin/dropdown-origin.directive.d.ts +0 -1
- package/directives/dropdown-origin/index.d.ts +0 -1
- package/directives/event-switcher/event-switcher.directive.d.ts +0 -1
- package/directives/event-switcher/index.d.ts +0 -1
- package/directives/focus-catcher/focus-catcher.directive.d.ts +0 -1
- package/directives/focus-catcher/index.d.ts +0 -1
- package/directives/focusable/focusable.directive.d.ts +0 -1
- package/directives/focusable/index.d.ts +0 -1
- package/directives/hotkey/hotkey.directive.d.ts +0 -1
- package/directives/hotkey/index.d.ts +0 -1
- package/directives/index.d.ts +1 -2
- package/directives/input-number/index.d.ts +0 -1
- package/directives/input-number/input-number.directive.d.ts +0 -1
- package/directives/input-string/index.d.ts +0 -1
- package/directives/input-string/input-string.directive.d.ts +0 -1
- package/directives/let/index.d.ts +0 -1
- package/directives/let/let-context.d.ts +0 -1
- package/directives/let/let.directive.d.ts +0 -1
- package/directives/radio-group/index.d.ts +1 -0
- package/directives/radio-group/radio-group.directive.d.ts +7 -0
- package/directives/rotator/index.d.ts +0 -1
- package/directives/rotator/rotator.directive.d.ts +5 -10
- package/directives/tooltip/index.d.ts +0 -1
- package/directives/tooltip/tooltip.directive.d.ts +0 -1
- package/esm2022/animations/index.mjs +2 -1
- package/esm2022/animations/popup.mjs +8 -0
- package/esm2022/cdk/combobox-host/combobox-host.component.mjs +3 -3
- package/esm2022/classes/base-input/base-input.mjs +7 -6
- package/esm2022/classes/overlay-ref/overlay-ref.mjs +2 -2
- package/esm2022/components/blockquote/blockquote.component.mjs +7 -5
- package/esm2022/components/button/button.component.mjs +25 -5
- package/esm2022/components/button-icon/button-icon.component.mjs +5 -5
- package/esm2022/components/button-toggle/button-toggle.component.mjs +23 -0
- package/esm2022/components/button-toggle/index.mjs +2 -0
- package/esm2022/components/button-toggle/ng-doc-ui-kit-components-button-toggle.mjs +5 -0
- package/esm2022/components/checkbox/checkbox.component.mjs +5 -5
- package/esm2022/components/clear-control/clear-control.component.mjs +5 -5
- package/esm2022/components/combobox/combobox.component.mjs +6 -6
- package/esm2022/components/data-list/data-list.component.mjs +4 -4
- package/esm2022/components/data-list-group/data-list-group.component.mjs +3 -3
- package/esm2022/components/dialog-outlet/dialog-outlet.component.mjs +3 -3
- package/esm2022/components/dot/dot.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/components/expander/expander.component.mjs +13 -13
- package/esm2022/components/floated-border/floated-border.component.mjs +3 -3
- package/esm2022/components/floated-content/floated-content.component.mjs +9 -30
- package/esm2022/components/focus-control/focus-control.component.mjs +3 -3
- package/esm2022/components/icon/icon.component.mjs +7 -6
- package/esm2022/components/index.mjs +5 -1
- package/esm2022/components/input-wrapper/input-wrapper.component.mjs +6 -12
- package/esm2022/components/label/label.component.mjs +3 -3
- package/esm2022/components/line/line.component.mjs +3 -3
- package/esm2022/components/list/list.component.mjs +3 -3
- package/esm2022/components/magnifier/index.mjs +2 -0
- package/esm2022/components/magnifier/magnifier.component.mjs +79 -0
- package/esm2022/components/magnifier/ng-doc-ui-kit-components-magnifier.mjs +5 -0
- package/esm2022/components/magnifier-controller/index.mjs +2 -0
- package/esm2022/components/magnifier-controller/magnifier-controller.component.mjs +16 -0
- package/esm2022/components/magnifier-controller/ng-doc-ui-kit-components-magnifier-controller.mjs +5 -0
- package/esm2022/components/option/option.component.mjs +3 -3
- package/esm2022/components/option-group/option-group.component.mjs +6 -6
- package/esm2022/components/overlay-container/overlay-container.component.mjs +14 -8
- package/esm2022/components/overlay-pointer/overlay-pointer.component.mjs +3 -3
- package/esm2022/components/pane/pane.component.mjs +9 -9
- package/esm2022/components/selection/selection-host.directive.mjs +3 -3
- package/esm2022/components/selection/selection-origin.directive.mjs +3 -3
- package/esm2022/components/selection/selection.component.mjs +6 -5
- package/esm2022/components/sidenav/sidenav.component.mjs +10 -130
- package/esm2022/components/smooth-resize/smooth-resize.component.mjs +3 -3
- package/esm2022/components/spinner/spinner.component.mjs +3 -3
- package/esm2022/components/tab-group/tab/tab.component.mjs +5 -5
- package/esm2022/components/tab-group/tab-group.component.mjs +4 -4
- package/esm2022/components/tab-routes-group/index.mjs +3 -0
- package/esm2022/components/tab-routes-group/ng-doc-ui-kit-components-tab-routes-group.mjs +5 -0
- package/esm2022/components/tab-routes-group/tab-route/tab-route.component.mjs +21 -0
- package/esm2022/components/tab-routes-group/tab-routes-group.component.mjs +14 -0
- package/esm2022/components/tag/tag.component.mjs +4 -4
- package/esm2022/components/text/text-left.directive.mjs +3 -3
- package/esm2022/components/text/text-right.directive.mjs +3 -3
- package/esm2022/components/text/text.component.mjs +5 -5
- package/esm2022/components/toggle/toggle.component.mjs +3 -3
- package/esm2022/components/wrapper/wrapper.component.mjs +3 -3
- package/esm2022/directives/autofocus/autofocus.directive.mjs +3 -3
- package/esm2022/directives/checked-change/checked-change.directive.mjs +3 -3
- package/esm2022/directives/data/data.directive.mjs +3 -3
- package/esm2022/directives/dropdown-handler/dropdown-handler.directive.mjs +3 -3
- package/esm2022/directives/dropdown-origin/dropdown-origin.directive.mjs +3 -3
- package/esm2022/directives/event-switcher/event-switcher.directive.mjs +3 -3
- package/esm2022/directives/focus-catcher/focus-catcher.directive.mjs +3 -3
- package/esm2022/directives/focusable/focusable.directive.mjs +3 -3
- package/esm2022/directives/hotkey/hotkey.directive.mjs +3 -3
- package/esm2022/directives/index.mjs +2 -2
- package/esm2022/directives/input-number/input-number.directive.mjs +3 -3
- package/esm2022/directives/input-string/input-string.directive.mjs +3 -3
- package/esm2022/directives/let/let.directive.mjs +3 -3
- package/esm2022/directives/radio-group/index.mjs +2 -0
- package/esm2022/directives/{media-query/ng-doc-ui-kit-directives-media-query.mjs → radio-group/ng-doc-ui-kit-directives-radio-group.mjs} +1 -1
- package/esm2022/directives/radio-group/radio-group.directive.mjs +19 -0
- package/esm2022/directives/rotator/rotator.directive.mjs +15 -23
- package/esm2022/directives/tooltip/tooltip.directive.mjs +3 -3
- package/esm2022/interceptors/cache.interceptor.mjs +3 -3
- package/esm2022/observables/zone.mjs +5 -1
- package/esm2022/pipes/as-array/as-array.pipe.mjs +3 -3
- package/esm2022/pipes/bind/bind.pipe.mjs +4 -4
- package/esm2022/pipes/execute/execute.pipe.mjs +3 -3
- package/esm2022/pipes/highlighter/highlighter.pipe.mjs +3 -3
- package/esm2022/services/dialog/dialog.config.mjs +1 -1
- package/esm2022/services/dialog/dialog.service.mjs +14 -12
- package/esm2022/services/notify/notify.service.mjs +3 -3
- package/esm2022/services/overlay/overlay.service.mjs +6 -6
- package/esm2022/services/overlay-strategy/overlay-strategy.mjs +3 -3
- package/esm2022/services/scroll/scroll.service.mjs +3 -3
- package/esm2022/types/blockquote-type.mjs +1 -1
- package/esm2022/types/color.mjs +1 -1
- package/esm2022/types/content.mjs +1 -1
- package/fesm2022/ng-doc-ui-kit-animations.mjs +8 -1
- package/fesm2022/ng-doc-ui-kit-animations.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs +6 -5
- package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-overlay-ref.mjs +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-overlay-ref.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs +6 -4
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-button-icon.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-button-icon.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-button-toggle.mjs +30 -0
- package/fesm2022/ng-doc-ui-kit-components-button-toggle.mjs.map +1 -0
- package/fesm2022/ng-doc-ui-kit-components-button.mjs +24 -4
- package/fesm2022/ng-doc-ui-kit-components-button.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-combobox.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-components-combobox.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-data-list-group.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-data-list.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-dialog-outlet.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-dot.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-expander.mjs +12 -12
- package/fesm2022/ng-doc-ui-kit-components-expander.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-floated-border.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-floated-content.mjs +8 -29
- package/fesm2022/ng-doc-ui-kit-components-floated-content.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-focus-control.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-icon.mjs +6 -5
- package/fesm2022/ng-doc-ui-kit-components-icon.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs +5 -11
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-label.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-line.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-list.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-magnifier-controller.mjs +23 -0
- package/fesm2022/ng-doc-ui-kit-components-magnifier-controller.mjs.map +1 -0
- package/fesm2022/ng-doc-ui-kit-components-magnifier.mjs +86 -0
- package/fesm2022/ng-doc-ui-kit-components-magnifier.mjs.map +1 -0
- package/fesm2022/ng-doc-ui-kit-components-option-group.mjs +6 -6
- package/fesm2022/ng-doc-ui-kit-components-option.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-overlay-container.mjs +13 -7
- package/fesm2022/ng-doc-ui-kit-components-overlay-container.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-overlay-pointer.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-pane.mjs +9 -9
- package/fesm2022/ng-doc-ui-kit-components-selection.mjs +11 -11
- package/fesm2022/ng-doc-ui-kit-components-selection.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs +9 -129
- package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-spinner.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs +8 -8
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-tab-routes-group.mjs +37 -0
- package/fesm2022/ng-doc-ui-kit-components-tab-routes-group.mjs.map +1 -0
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-text.mjs +10 -10
- package/fesm2022/ng-doc-ui-kit-components-text.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-toggle.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-wrapper.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components.mjs +4 -0
- package/fesm2022/ng-doc-ui-kit-components.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-autofocus.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-data.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-handler.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-origin.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-focusable.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-let.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-radio-group.mjs +26 -0
- package/fesm2022/ng-doc-ui-kit-directives-radio-group.mjs.map +1 -0
- package/fesm2022/ng-doc-ui-kit-directives-rotator.mjs +14 -22
- package/fesm2022/ng-doc-ui-kit-directives-rotator.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-tooltip.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives.mjs +1 -1
- package/fesm2022/ng-doc-ui-kit-interceptors.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-observables.mjs +4 -0
- package/fesm2022/ng-doc-ui-kit-observables.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-as-array.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-pipes-bind.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-pipes-bind.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-execute.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-pipes-highlighter.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-services-dialog.mjs +14 -12
- package/fesm2022/ng-doc-ui-kit-services-dialog.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-notify.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-services-overlay-strategy.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-services-overlay.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-services-overlay.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-scroll.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-types.mjs.map +1 -1
- package/helpers/index.d.ts +0 -1
- package/helpers/merge-overlay-configs.d.ts +0 -1
- package/helpers/to-element.d.ts +0 -1
- package/index.d.ts +0 -1
- package/interceptors/cache.interceptor.d.ts +0 -1
- package/interceptors/index.d.ts +0 -1
- package/interfaces/config.d.ts +0 -1
- package/interfaces/context-with-implicit.d.ts +0 -1
- package/interfaces/index.d.ts +0 -1
- package/interfaces/overlay-config.d.ts +0 -1
- package/interfaces/overlay-container.d.ts +0 -1
- package/interfaces/overlay-properties.d.ts +0 -1
- package/observables/from-subscribe.d.ts +0 -1
- package/observables/index.d.ts +0 -1
- package/observables/observable-state.d.ts +0 -1
- package/observables/zone.d.ts +3 -4
- package/package.json +34 -10
- package/pipes/as-array/as-array.pipe.d.ts +0 -1
- package/pipes/as-array/index.d.ts +0 -1
- package/pipes/bind/bind.pipe.d.ts +0 -1
- package/pipes/bind/index.d.ts +0 -1
- package/pipes/execute/execute.pipe.d.ts +0 -1
- package/pipes/execute/index.d.ts +0 -1
- package/pipes/highlighter/highlighter.pipe.d.ts +0 -1
- package/pipes/highlighter/index.d.ts +0 -1
- package/pipes/index.d.ts +0 -1
- package/providers/index.d.ts +0 -1
- package/providers/ng-doc-ui-kit-config/index.d.ts +0 -1
- package/providers/ng-doc-ui-kit-config/provide-ng-doc-ui-kit-config.d.ts +0 -1
- package/services/dialog/dialog.config.d.ts +3 -2
- package/services/dialog/dialog.service.d.ts +4 -1
- package/services/dialog/index.d.ts +0 -1
- package/services/index.d.ts +0 -1
- package/services/notify/index.d.ts +0 -1
- package/services/notify/notify.service.d.ts +0 -1
- package/services/overlay/index.d.ts +0 -1
- package/services/overlay/overlay.service.d.ts +0 -1
- package/services/overlay-strategy/index.d.ts +0 -1
- package/services/overlay-strategy/overlay-strategy.d.ts +0 -1
- package/services/scroll/index.d.ts +0 -1
- package/services/scroll/scroll.service.d.ts +0 -1
- package/styles/main.css +15 -9
- package/tokens/assets-path.d.ts +0 -1
- package/tokens/component-context.d.ts +0 -1
- package/tokens/custom-icons-path.d.ts +0 -1
- package/tokens/index.d.ts +0 -1
- package/types/align.d.ts +0 -1
- package/types/base-element.d.ts +0 -1
- package/types/blockquote-type.d.ts +1 -2
- package/types/color.d.ts +1 -2
- package/types/content.d.ts +0 -1
- package/types/define-value-fn.d.ts +0 -1
- package/types/display-value-fn.d.ts +0 -1
- package/types/group-fn.d.ts +0 -1
- package/types/handlers.d.ts +0 -1
- package/types/icon-size.d.ts +0 -1
- package/types/index.d.ts +0 -1
- package/types/orientation.d.ts +0 -1
- package/types/overlay-animation-event.d.ts +0 -1
- package/types/overlay-origin.d.ts +0 -1
- package/types/overlay-position.d.ts +0 -1
- package/types/overlay-relative-position.d.ts +0 -1
- package/types/position.d.ts +0 -1
- package/types/size.d.ts +0 -1
- package/types/subscribable.d.ts +0 -1
- package/types/tag-size.d.ts +0 -1
- package/types/text-color.d.ts +0 -1
- package/utils/focus-utils.d.ts +0 -1
- package/utils/index.d.ts +0 -1
- package/utils/overlay-utils.d.ts +0 -1
- package/utils/position-utils.d.ts +0 -1
- package/directives/media-query/index.d.ts +0 -2
- package/directives/media-query/media-query.directive.d.ts +0 -16
- package/esm2022/directives/media-query/index.mjs +0 -2
- package/esm2022/directives/media-query/media-query.directive.mjs +0 -50
- package/fesm2022/ng-doc-ui-kit-directives-media-query.mjs +0 -56
- package/fesm2022/ng-doc-ui-kit-directives-media-query.mjs.map +0 -1
|
@@ -32,16 +32,16 @@ let NgDocClearControlComponent = class NgDocClearControlComponent extends DICont
|
|
|
32
32
|
this.inputHost?.inputControl?.writeValueFromHost(null);
|
|
33
33
|
this.updateModel(null);
|
|
34
34
|
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocClearControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocClearControlComponent, isStandalone: true, selector: "ng-doc-clear-control", usesInheritance: true, ngImport: i0, template: "<button\n ng-doc-button-icon-transparent\n size=\"large\"\n [ngDocFocusable]=\"false\"\n [disabled]=\"disabled\"\n [rounded]=\"false\"\n (click)=\"clear()\"\n (focusout)=\"touch()\"\n *ngIf=\"isVisible\">\n <ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
37
|
};
|
|
38
38
|
NgDocClearControlComponent = __decorate([
|
|
39
39
|
UntilDestroy(),
|
|
40
40
|
__metadata("design:paramtypes", [])
|
|
41
41
|
], NgDocClearControlComponent);
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocClearControlComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
args: [{ selector: 'ng-doc-clear-control', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent], template: "<button\n
|
|
44
|
+
args: [{ selector: 'ng-doc-clear-control', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent], template: "<button\n ng-doc-button-icon-transparent\n size=\"large\"\n [ngDocFocusable]=\"false\"\n [disabled]=\"disabled\"\n [rounded]=\"false\"\n (click)=\"clear()\"\n (focusout)=\"touch()\"\n *ngIf=\"isVisible\">\n <ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"] }]
|
|
45
45
|
}], ctorParameters: () => [] });
|
|
46
46
|
|
|
47
47
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-clear-control.mjs","sources":["../../../../libs/ui-kit/components/clear-control/clear-control.component.ts","../../../../libs/ui-kit/components/clear-control/clear-control.component.html","../../../../libs/ui-kit/components/clear-control/ng-doc-ui-kit-components-clear-control.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { DIControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-clear-control',\n\ttemplateUrl: './clear-control.component.html',\n\tstyleUrls: ['./clear-control.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent],\n})\n@UntilDestroy()\nexport class NgDocClearControlComponent<T> extends DIControl<T> implements AfterContentInit {\n\tprotected readonly inputHost: NgDocInputHost<T> | null = inject(NgDocInputHost, {\n\t\toptional: true,\n\t});\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl(),\n\t\t});\n\t}\n\n\tngAfterContentInit(): void {\n\t\tif (this.inputHost?.inputControl) {\n\t\t\tthis.inputHost.inputControl.changes\n\t\t\t\t.pipe(untilDestroyed(this))\n\t\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t\t}\n\t}\n\n\tget isVisible(): boolean {\n\t\treturn this.inputHost?.inputControl?.hasValue || this.hasValue;\n\t}\n\n\tclear(): void {\n\t\tthis.inputHost?.inputControl?.writeValueFromHost(null);\n\t\tthis.updateModel(null);\n\t}\n}\n","<button\n
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-clear-control.mjs","sources":["../../../../libs/ui-kit/components/clear-control/clear-control.component.ts","../../../../libs/ui-kit/components/clear-control/clear-control.component.html","../../../../libs/ui-kit/components/clear-control/ng-doc-ui-kit-components-clear-control.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { DIControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-clear-control',\n\ttemplateUrl: './clear-control.component.html',\n\tstyleUrls: ['./clear-control.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent],\n})\n@UntilDestroy()\nexport class NgDocClearControlComponent<T> extends DIControl<T> implements AfterContentInit {\n\tprotected readonly inputHost: NgDocInputHost<T> | null = inject(NgDocInputHost, {\n\t\toptional: true,\n\t});\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl(),\n\t\t});\n\t}\n\n\tngAfterContentInit(): void {\n\t\tif (this.inputHost?.inputControl) {\n\t\t\tthis.inputHost.inputControl.changes\n\t\t\t\t.pipe(untilDestroyed(this))\n\t\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t\t}\n\t}\n\n\tget isVisible(): boolean {\n\t\treturn this.inputHost?.inputControl?.hasValue || this.hasValue;\n\t}\n\n\tclear(): void {\n\t\tthis.inputHost?.inputControl?.writeValueFromHost(null);\n\t\tthis.updateModel(null);\n\t}\n}\n","<button\n ng-doc-button-icon-transparent\n size=\"large\"\n [ngDocFocusable]=\"false\"\n [disabled]=\"disabled\"\n [rounded]=\"false\"\n (click)=\"clear()\"\n (focusout)=\"touch()\"\n *ngIf=\"isVisible\">\n <ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,IAAM,0BAA0B,GAAhC,MAAM,0BAA8B,SAAQ,SAAY,CAAA;AAK9D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;YACL,IAAI,EAAE,iBAAiB,EAAE;AACzB,SAAA,CAAC,CAAC;AAPe,QAAA,IAAA,CAAA,SAAS,GAA6B,MAAM,CAAC,cAAc,EAAE;AAC/E,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC,CAAC;KAMF;IAED,kBAAkB,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE;AACjC,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO;AACjC,iBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;iBAC1B,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC,CAAC;SAC1D;KACD;AAED,IAAA,IAAI,SAAS,GAAA;QACZ,OAAO,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC/D;IAED,KAAK,GAAA;QACJ,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACvB;8GA1BW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBvC,6QAWA,EDIW,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,wBAAwB,EAAA,QAAA,EAAA,+LAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,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,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;;AAGzE,0BAA0B,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,0BAA0B,CA2BtC,CAAA;2FA3BY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGf,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;;;AEfvF;;AAEG;;;;"}
|
|
@@ -26,16 +26,16 @@ class NgDocComboboxComponent extends DIControl {
|
|
|
26
26
|
get listHostOrigin() {
|
|
27
27
|
return this.elementRef.nativeElement;
|
|
28
28
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocComboboxComponent, isStandalone: true, selector: "ng-doc-combobox", inputs: { readonly: "readonly", placeholder: "placeholder", clearButton: "clearButton", rightContent: "rightContent", valueContent: "valueContent" }, providers: [
|
|
31
31
|
provideHostControl(NgDocComboboxComponent),
|
|
32
32
|
{
|
|
33
33
|
provide: NgDocListHost,
|
|
34
34
|
useExisting: NgDocComboboxComponent,
|
|
35
35
|
},
|
|
36
|
-
], queries: [{ propertyName: "data", first: true, predicate: NgDocDataDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox-host>\n
|
|
36
|
+
], queries: [{ propertyName: "data", first: true, predicate: NgDocDataDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox-host>\n <ng-doc-input-wrapper\n ngDocFocusCatcher\n [blurContent]=\"hasValue ? valueContent : ''\"\n [blurContext]=\"model()\">\n <input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n <ng-container ngDocInputWrapperRight>\n <ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n <ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n </ng-container>\n <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n <ng-template #dropdownContent>\n <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n </ng-template>\n </ng-doc-dropdown>\n </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: NgDocComboboxHostComponent, selector: "ng-doc-combobox-host", inputs: ["compareFn", "displayValueFn"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocClearControlComponent, selector: "ng-doc-clear-control" }, { kind: "component", type: NgDocDropdownComponent, selector: "ng-doc-dropdown", inputs: ["content", "origin", "closeIfOutsideClick", "closeIfInnerClick", "withArrow", "borderOffset", "panelClass", "contactBorder", "hasBackdrop", "positions", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocComboboxComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{ selector: 'ng-doc-combobox', providers: [
|
|
41
41
|
provideHostControl(NgDocComboboxComponent),
|
|
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
53
53
|
NgDocClearControlComponent,
|
|
54
54
|
NgDocDropdownComponent,
|
|
55
55
|
NgTemplateOutlet,
|
|
56
|
-
], template: "<ng-doc-combobox-host>\n
|
|
56
|
+
], template: "<ng-doc-combobox-host>\n <ng-doc-input-wrapper\n ngDocFocusCatcher\n [blurContent]=\"hasValue ? valueContent : ''\"\n [blurContext]=\"model()\">\n <input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n <ng-container ngDocInputWrapperRight>\n <ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n <ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n </ng-container>\n <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n <ng-template #dropdownContent>\n <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n </ng-template>\n </ng-doc-dropdown>\n </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"] }]
|
|
57
57
|
}], ctorParameters: () => [], propDecorators: { readonly: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], placeholder: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tInput,\n\tTemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { DIControl, provideHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-combobox',\n\ttemplateUrl: './combobox.component.html',\n\tstyleUrls: ['./combobox.component.scss'],\n\tproviders: [\n\t\tprovideHostControl(NgDocComboboxComponent),\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: NgDocComboboxComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocComboboxHostComponent,\n\t\tNgDocInputWrapperComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tNgDocInputStringDirective,\n\t\tPolymorpheusModule,\n\t\tNgIf,\n\t\tNgDocClearControlComponent,\n\t\tNgDocDropdownComponent,\n\t\tNgTemplateOutlet,\n\t],\n})\nexport class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {\n\t@Input()\n\treadonly: boolean = false;\n\n\t@Input()\n\tplaceholder: string = 'Chose the value';\n\n\t@Input()\n\tclearButton: boolean = true;\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\tvalueContent: NgDocContent<NgDocContextWithImplicit<T | null>> = '';\n\n\t@ContentChild(NgDocDataDirective, { read: TemplateRef })\n\tdata: TemplateRef<never> | null = null;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget listHostOrigin(): HTMLElement {\n\t\treturn this.elementRef.nativeElement;\n\t}\n}\n","<ng-doc-combobox-host>\n
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tInput,\n\tTemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { DIControl, provideHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-combobox',\n\ttemplateUrl: './combobox.component.html',\n\tstyleUrls: ['./combobox.component.scss'],\n\tproviders: [\n\t\tprovideHostControl(NgDocComboboxComponent),\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: NgDocComboboxComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocComboboxHostComponent,\n\t\tNgDocInputWrapperComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tNgDocInputStringDirective,\n\t\tPolymorpheusModule,\n\t\tNgIf,\n\t\tNgDocClearControlComponent,\n\t\tNgDocDropdownComponent,\n\t\tNgTemplateOutlet,\n\t],\n})\nexport class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {\n\t@Input()\n\treadonly: boolean = false;\n\n\t@Input()\n\tplaceholder: string = 'Chose the value';\n\n\t@Input()\n\tclearButton: boolean = true;\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\tvalueContent: NgDocContent<NgDocContextWithImplicit<T | null>> = '';\n\n\t@ContentChild(NgDocDataDirective, { read: TemplateRef })\n\tdata: TemplateRef<never> | null = null;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget listHostOrigin(): HTMLElement {\n\t\treturn this.elementRef.nativeElement;\n\t}\n}\n","<ng-doc-combobox-host>\n <ng-doc-input-wrapper\n ngDocFocusCatcher\n [blurContent]=\"hasValue ? valueContent : ''\"\n [blurContext]=\"model()\">\n <input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n <ng-container ngDocInputWrapperRight>\n <ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n <ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n </ng-container>\n <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n <ng-template #dropdownContent>\n <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n </ng-template>\n </ng-doc-dropdown>\n </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -36,8 +36,8 @@ class NgDocDataListGroupComponent extends NgDocDataListComponent {
|
|
|
36
36
|
this.groupItems = Array.from(this.groups.keys());
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDataListGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocDataListGroupComponent, isStandalone: true, selector: "ng-doc-data-list-group", inputs: { itemGroupFn: "itemGroupFn", groupContent: "groupContent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option-group *ngFor=\"let group of groupItems\">\n\t\t\t<span\n\t\t\t\t*polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n\t\t\t\tngDocOptionGroupHeader>\n\t\t\t\t{{ groupText }}\n\t\t\t</span>\n\t\t\t<ng-doc-option\n\t\t\t\t*ngFor=\"let item of groups.get(group); trackBy: trackByFn\"\n\t\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t\t{{ text }}\n\t\t\t\t</ng-container>\n\t\t\t</ng-doc-option>\n\t\t</ng-doc-option-group>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;max-height:var(--ng-doc-list-size)}ng-doc-option-group:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocOptionGroupComponent, selector: "ng-doc-option-group" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgDocOptionGroupHeaderDirective, selector: "[ngDocOptionGroupHeader]" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
__decorate([
|
|
43
43
|
ngDocMakePure,
|
|
@@ -45,7 +45,7 @@ __decorate([
|
|
|
45
45
|
__metadata("design:paramtypes", [Object]),
|
|
46
46
|
__metadata("design:returntype", Object)
|
|
47
47
|
], NgDocDataListGroupComponent.prototype, "getGroupContext", null);
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDataListGroupComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'ng-doc-data-list-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
51
51
|
NgDocListComponent,
|
|
@@ -27,8 +27,8 @@ class NgDocDataListComponent {
|
|
|
27
27
|
getItems() {
|
|
28
28
|
return asArray(this.items);
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocDataListComponent, isStandalone: true, selector: "ng-doc-data-list", inputs: { autofocus: "autofocus", items: "items", itemContent: "itemContent", emptyContent: "emptyContent", itemDisabledFn: "itemDisabledFn", defineValueFn: "defineValueFn", trackByFn: "trackByFn" }, ngImport: i0, template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option\n\t\t\t*ngFor=\"let item of items; trackBy: trackByFn\"\n\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t{{ text }}\n\t\t\t</ng-container>\n\t\t</ng-doc-option>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
32
32
|
}
|
|
33
33
|
__decorate([
|
|
34
34
|
ngDocMakePure,
|
|
@@ -36,7 +36,7 @@ __decorate([
|
|
|
36
36
|
__metadata("design:paramtypes", [Object]),
|
|
37
37
|
__metadata("design:returntype", Object)
|
|
38
38
|
], NgDocDataListComponent.prototype, "getContext", null);
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDataListComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'ng-doc-data-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
42
42
|
NgDocListComponent,
|
|
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
45
45
|
NgDocOptionComponent,
|
|
46
46
|
PolymorpheusModule,
|
|
47
47
|
NgDocTextComponent,
|
|
48
|
-
], template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option\n\t\t\t*ngFor=\"let item of items; trackBy: trackByFn\"\n\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t{{ text }}\n\t\t\t</ng-container>\n\t\t</ng-doc-option>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size:
|
|
48
|
+
], template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option\n\t\t\t*ngFor=\"let item of items; trackBy: trackByFn\"\n\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t{{ text }}\n\t\t\t</ng-container>\n\t\t</ng-doc-option>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"] }]
|
|
49
49
|
}], propDecorators: { autofocus: [{
|
|
50
50
|
type: Input
|
|
51
51
|
}], items: [{
|
|
@@ -39,8 +39,8 @@ let DialogOutletComponent = class DialogOutletComponent {
|
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DialogOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DialogOutletComponent, isStandalone: true, selector: "ng-doc-dialog-outlet", inputs: { config: "config" }, queries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }], viewQueries: [{ propertyName: "outletContent", first: true, predicate: ["outletContent"], descendants: true, static: true }], ngImport: i0, template: `
|
|
44
44
|
<ng-template #outletContent>
|
|
45
45
|
<ng-content></ng-content>
|
|
46
46
|
</ng-template>
|
|
@@ -49,7 +49,7 @@ let DialogOutletComponent = class DialogOutletComponent {
|
|
|
49
49
|
DialogOutletComponent = __decorate([
|
|
50
50
|
UntilDestroy()
|
|
51
51
|
], DialogOutletComponent);
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DialogOutletComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{
|
|
55
55
|
selector: 'ng-doc-dialog-outlet',
|
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class NgDocDotComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocDotComponent, isStandalone: true, selector: "ng-doc-dot", inputs: { color: "color", size: "size" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDotComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'ng-doc-dot', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
|
|
11
11
|
}], propDecorators: { color: [{
|
|
@@ -174,8 +174,8 @@ let NgDocDropdownComponent = class NgDocDropdownComponent {
|
|
|
174
174
|
this.overlay.overlayRef.dispose();
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
177
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgDocOverlayService }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: NgDocOverlayHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
178
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocDropdownComponent, isStandalone: true, selector: "ng-doc-dropdown", inputs: { content: "content", origin: "origin", closeIfOutsideClick: "closeIfOutsideClick", closeIfInnerClick: "closeIfInnerClick", withArrow: "withArrow", borderOffset: "borderOffset", panelClass: "panelClass", contactBorder: "contactBorder", hasBackdrop: "hasBackdrop", positions: "positions", minHeight: "minHeight", maxHeight: "maxHeight", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", width: "width" }, outputs: { beforeOpen: "beforeOpen", afterOpen: "afterOpen", beforeClose: "beforeClose", afterClose: "afterClose" }, host: { listeners: { "focus": "focus()" }, properties: { "attr.tabIndex": "this.tabIndex" } }, providers: [NgDocOverlayService], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
179
179
|
};
|
|
180
180
|
NgDocDropdownComponent = __decorate([
|
|
181
181
|
UntilDestroy(),
|
|
@@ -185,7 +185,7 @@ NgDocDropdownComponent = __decorate([
|
|
|
185
185
|
NgZone,
|
|
186
186
|
NgDocOverlayHost])
|
|
187
187
|
], NgDocDropdownComponent);
|
|
188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDropdownComponent, decorators: [{
|
|
189
189
|
type: Component,
|
|
190
190
|
args: [{ selector: 'ng-doc-dropdown', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NgDocOverlayService], standalone: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"] }]
|
|
191
191
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgDocOverlayService }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i2.NgDocOverlayHost, decorators: [{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { NgIf } from '@angular/common';
|
|
1
|
+
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ChangeDetectionStrategy, Input
|
|
3
|
+
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
4
4
|
import { preventInitialChildAnimations, expandCollapseAnimation } from '@ng-doc/ui-kit/animations';
|
|
5
5
|
import * as i1 from '@tinkoff/ng-polymorpheus';
|
|
6
6
|
import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
@@ -10,29 +10,29 @@ class NgDocExpanderComponent {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
/** Change expand state */
|
|
12
12
|
this.expanded = false;
|
|
13
|
-
/** Expander content */
|
|
14
|
-
this.content = '';
|
|
15
13
|
/** Closed height could be used to show preview of the content */
|
|
16
14
|
this.from = 0;
|
|
15
|
+
this.animationDisabled = true;
|
|
16
|
+
}
|
|
17
|
+
ngAfterViewInit() {
|
|
18
|
+
this.animationDisabled = false;
|
|
17
19
|
}
|
|
18
20
|
toggle() {
|
|
19
21
|
this.expanded = !this.expanded;
|
|
20
22
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocExpanderComponent, isStandalone: true, selector: "ng-doc-expander", inputs: { expanded: "expanded", content: "content", from: "from" }, ngImport: i0, template: "<div\n *ngIf=\"expanded || from\"\n [@.disabled]=\"animationDisabled\"\n [@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [preventInitialChildAnimations, expandCollapseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
25
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocExpanderComponent, decorators: [{
|
|
25
27
|
type: Component,
|
|
26
|
-
args: [{ animations: [preventInitialChildAnimations, expandCollapseAnimation], selector: 'ng-doc-expander', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, PolymorpheusModule], template: "<div\n
|
|
28
|
+
args: [{ animations: [preventInitialChildAnimations, expandCollapseAnimation], selector: 'ng-doc-expander', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, PolymorpheusModule, NgTemplateOutlet], template: "<div\n *ngIf=\"expanded || from\"\n [@.disabled]=\"animationDisabled\"\n [@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{display:block}\n"] }]
|
|
27
29
|
}], propDecorators: { expanded: [{
|
|
28
30
|
type: Input
|
|
29
31
|
}], content: [{
|
|
30
|
-
type: Input
|
|
32
|
+
type: Input,
|
|
33
|
+
args: [{ required: true }]
|
|
31
34
|
}], from: [{
|
|
32
35
|
type: Input
|
|
33
|
-
}], preventInitialChild: [{
|
|
34
|
-
type: HostBinding,
|
|
35
|
-
args: ['@preventInitialChild']
|
|
36
36
|
}] } });
|
|
37
37
|
|
|
38
38
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import {NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component,
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { expandCollapseAnimation, preventInitialChildAnimations } from '@ng-doc/ui-kit/animations';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n/** Component helps to expand or collapse content */\n@Component({\n animations: [preventInitialChildAnimations, expandCollapseAnimation],\n selector: 'ng-doc-expander',\n templateUrl: './expander.component.html',\n styleUrls: ['./expander.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgIf, PolymorpheusModule, NgTemplateOutlet],\n})\nexport class NgDocExpanderComponent implements AfterViewInit {\n /** Change expand state */\n @Input()\n expanded: boolean = false;\n\n /** Expander content */\n @Input({ required: true })\n content!: NgDocContent;\n\n /** Closed height could be used to show preview of the content */\n @Input()\n from: number = 0;\n\n protected animationDisabled = true;\n\n ngAfterViewInit(): void {\n this.animationDisabled = false;\n }\n\n toggle(): void {\n this.expanded = !this.expanded;\n }\n}\n","<div\n *ngIf=\"expanded || from\"\n [@.disabled]=\"animationDisabled\"\n [@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAMA;MAUa,sBAAsB,CAAA;AATnC,IAAA,WAAA,GAAA;;QAYE,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;;QAQ1B,IAAI,CAAA,IAAA,GAAW,CAAC,CAAC;QAEP,IAAiB,CAAA,iBAAA,GAAG,IAAI,CAAC;AASpC,KAAA;IAPC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;KAChC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChC;8GArBU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,2QAMA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDQY,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EANtB,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAQzD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,EAC1D,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA,IAAI,WACP,CAAC,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,2QAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAKrD,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAKN,OAAO,EAAA,CAAA;sBADN,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAKzB,IAAI,EAAA,CAAA;sBADH,KAAK;;;AE1BR;;AAEG;;;;"}
|
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class NgDocFloatedBorderComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedBorderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocFloatedBorderComponent, isStandalone: true, selector: "ng-doc-floated-border", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:relative;display:block}:host:after{position:absolute;content:\"\";top:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none;border:var(--ng-doc-floated-border);border-color:var(--ng-doc-floated-border-color);border-radius:var(--ng-doc-floated-border-radius);box-shadow:0 1px 2px #1018280d,0 0 0 4px var(--ng-doc-floated-border-shadow-color);transition:var(--ng-doc-transition)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedBorderComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'ng-doc-floated-border', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{position:relative;display:block}:host:after{position:absolute;content:\"\";top:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none;border:var(--ng-doc-floated-border);border-color:var(--ng-doc-floated-border-color);border-radius:var(--ng-doc-floated-border-radius);box-shadow:0 1px 2px #1018280d,0 0 0 4px var(--ng-doc-floated-border-shadow-color);transition:var(--ng-doc-transition)}\n"] }]
|
|
11
11
|
}] });
|
|
@@ -1,40 +1,19 @@
|
|
|
1
|
-
import { __decorate, __metadata } from 'tslib';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
|
|
4
|
-
import { ngDocMakePure } from '@ng-doc/ui-kit/decorators';
|
|
5
|
-
import { toElement } from '@ng-doc/ui-kit/helpers';
|
|
2
|
+
import { inject, ElementRef, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
|
|
6
3
|
|
|
7
4
|
class NgDocFloatedContentComponent {
|
|
8
|
-
constructor(
|
|
9
|
-
this.elementRef = elementRef;
|
|
10
|
-
this.renderer = renderer;
|
|
11
|
-
this.ngZone = ngZone;
|
|
5
|
+
constructor() {
|
|
12
6
|
this.propertyName = '';
|
|
13
7
|
this.alignTo = 'left';
|
|
8
|
+
this.element = inject(ElementRef).nativeElement;
|
|
14
9
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
this.ngZone.runOutsideAngular(() => Promise.resolve().then(() => this.setPadding(this.elementRef.nativeElement.offsetWidth)));
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
setPadding(padding) {
|
|
21
|
-
if (this.bindTo && this.propertyName) {
|
|
22
|
-
this.renderer.setStyle(toElement(this.bindTo), this.propertyName, padding ? `${padding}px` : null, 2);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFloatedContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocFloatedContentComponent, isStandalone: true, selector: "[ng-doc-floated-content]", inputs: { bindTo: "bindTo", propertyName: "propertyName", alignTo: "alignTo" }, host: { properties: { "attr.data-ng-doc-align": "this.alignTo" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocFloatedContentComponent, isStandalone: true, selector: "[ng-doc-floated-content]", inputs: { bindTo: "bindTo", propertyName: "propertyName", alignTo: "alignTo" }, host: { properties: { "attr.data-ng-doc-align": "this.alignTo" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
12
|
}
|
|
28
|
-
|
|
29
|
-
ngDocMakePure,
|
|
30
|
-
__metadata("design:type", Function),
|
|
31
|
-
__metadata("design:paramtypes", [Number]),
|
|
32
|
-
__metadata("design:returntype", void 0)
|
|
33
|
-
], NgDocFloatedContentComponent.prototype, "setPadding", null);
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFloatedContentComponent, decorators: [{
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedContentComponent, decorators: [{
|
|
35
14
|
type: Component,
|
|
36
15
|
args: [{ selector: '[ng-doc-floated-content]', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"] }]
|
|
37
|
-
}],
|
|
16
|
+
}], propDecorators: { bindTo: [{
|
|
38
17
|
type: Input
|
|
39
18
|
}], propertyName: [{
|
|
40
19
|
type: Input
|
|
@@ -43,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
43
22
|
}, {
|
|
44
23
|
type: HostBinding,
|
|
45
24
|
args: ['attr.data-ng-doc-align']
|
|
46
|
-
}]
|
|
25
|
+
}] } });
|
|
47
26
|
|
|
48
27
|
/**
|
|
49
28
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-floated-content.mjs","sources":["../../../../libs/ui-kit/components/floated-content/floated-content.component.ts","../../../../libs/ui-kit/components/floated-content/ng-doc-ui-kit-components-floated-content.ts"],"sourcesContent":["import {\n
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-floated-content.mjs","sources":["../../../../libs/ui-kit/components/floated-content/floated-content.component.ts","../../../../libs/ui-kit/components/floated-content/ng-doc-ui-kit-components-floated-content.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n inject,\n Input,\n} from '@angular/core';\nimport { BaseElement, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\n\n@Component({\n selector: '[ng-doc-floated-content]',\n template: ` <ng-content></ng-content> `,\n styleUrls: ['./floated-content.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class NgDocFloatedContentComponent {\n @Input()\n bindTo?: BaseElement<HTMLElement>;\n\n @Input()\n propertyName: string = '';\n\n @Input()\n @HostBinding('attr.data-ng-doc-align')\n alignTo: NgDocHorizontalAlign = 'left';\n\n readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAiBa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAYE,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;QAI1B,IAAO,CAAA,OAAA,GAAyB,MAAM,CAAC;AAE9B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa,CAAC;AAC9E,KAAA;8GAZY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,wOAL7B,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,YAC1B,CAA6B,2BAAA,CAAA,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,CAAA;8BAIhB,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAKN,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;;;ACzBvC;;AAEG;;;;"}
|
|
@@ -19,14 +19,14 @@ class NgDocFocusControlComponent {
|
|
|
19
19
|
NgDocFocusUtils.focusClosestElement(this.focusHost, this.documentRef.body);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFocusControlComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocFocusControlComponent, isStandalone: true, selector: "ng-doc-focus-control", inputs: { focusHost: "focusHost" }, ngImport: i0, template: `
|
|
24
24
|
<div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusPrev()"></div>
|
|
25
25
|
<ng-content></ng-content>
|
|
26
26
|
<div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusNext()"></div>
|
|
27
27
|
`, isInline: true, styles: [":host{width:100%}\n"], dependencies: [{ kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFocusControlComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'ng-doc-focus-control', template: `
|
|
32
32
|
<div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusPrev()"></div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i1 from '@angular/common/http';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { inject, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
|
|
3
|
+
import { inject, numberAttribute, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
|
|
4
4
|
import { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';
|
|
5
5
|
import { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';
|
|
6
6
|
import { Subject, of } from 'rxjs';
|
|
@@ -41,10 +41,10 @@ class NgDocIconComponent {
|
|
|
41
41
|
? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`
|
|
42
42
|
: `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;
|
|
43
43
|
}
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.1", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", customIcon: "customIcon", size: ["size", "size", numberAttribute] }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-custom-icon": "this.customIcon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocIconComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
args: [{ selector: 'ng-doc-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"] }]
|
|
50
50
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.HttpClient }], propDecorators: { icon: [{
|
|
@@ -58,7 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
58
58
|
type: HostBinding,
|
|
59
59
|
args: ['attr.data-ng-doc-custom-icon']
|
|
60
60
|
}], size: [{
|
|
61
|
-
type: Input
|
|
61
|
+
type: Input,
|
|
62
|
+
args: [{ transform: numberAttribute }]
|
|
62
63
|
}, {
|
|
63
64
|
type: HostBinding,
|
|
64
65
|
args: ['attr.data-ng-doc-size']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-icon.mjs","sources":["../../../../libs/ui-kit/components/icon/icon.component.ts","../../../../libs/ui-kit/components/icon/ng-doc-ui-kit-components-icon.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport {\n
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-icon.mjs","sources":["../../../../libs/ui-kit/components/icon/icon.component.ts","../../../../libs/ui-kit/components/icon/ng-doc-ui-kit-components-icon.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n inject,\n Input,\n numberAttribute,\n OnChanges,\n OnInit,\n} from '@angular/core';\nimport { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';\nimport { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';\nimport { NgDocIconSize } from '@ng-doc/ui-kit/types';\nimport { of, Subject } from 'rxjs';\nimport { catchError, startWith, switchMap } from 'rxjs/operators';\n\n@Component({\n selector: 'ng-doc-icon',\n template: '',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class NgDocIconComponent implements OnChanges, OnInit {\n /** Icon name */\n @Input()\n @HostBinding('attr.data-ng-doc-icon')\n icon: string = '';\n\n /** Custom icon name, if not set, `icon` will be used */\n @Input()\n @HostBinding('attr.data-ng-doc-custom-icon')\n customIcon: string = '';\n\n /** Icon size */\n @Input({ transform: numberAttribute })\n @HostBinding('attr.data-ng-doc-size')\n size: NgDocIconSize = 16;\n\n private readonly reload$: Subject<void> = new Subject<void>();\n private readonly assetsPath: string = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';\n private readonly customIconsPath: string =\n inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';\n\n constructor(\n private readonly elementRef: ElementRef<HTMLElement>,\n private readonly httpClient: HttpClient,\n ) {}\n\n ngOnChanges(): void {\n this.reload$.next();\n }\n\n ngOnInit(): void {\n this.reload$\n .pipe(\n startWith(null),\n switchMap(() =>\n this.httpClient\n .get(this.href, {\n responseType: 'text',\n params: { [NgDocCacheInterceptor.TOKEN]: 'true' },\n })\n .pipe(\n catchError((e: Error) => {\n console.error(e);\n\n return of('');\n }),\n ),\n ),\n )\n .subscribe((svg: string) => (this.elementRef.nativeElement.innerHTML = svg));\n }\n\n get href(): string {\n return this.customIcon\n ? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`\n : `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|