@ng-nest/ui 19.0.13 → 20.0.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/README.md +1 -1
- package/affix/index.d.ts +58 -3
- package/alert/index.d.ts +424 -3
- package/anchor/index.d.ts +186 -3
- package/api/index.d.ts +20 -3
- package/auto-complete/index.d.ts +454 -3
- package/avatar/index.d.ts +198 -3
- package/back-top/index.d.ts +75 -3
- package/badge/index.d.ts +153 -3
- package/base-form/index.d.ts +248 -3
- package/button/index.d.ts +380 -3
- package/calendar/index.d.ts +194 -3
- package/card/index.d.ts +99 -3
- package/carousel/index.d.ts +328 -3
- package/cascade/index.d.ts +459 -3
- package/checkbox/index.d.ts +351 -3
- package/collapse/index.d.ts +198 -3
- package/color/index.d.ts +80 -3
- package/color-picker/index.d.ts +484 -3
- package/comment/index.d.ts +158 -3
- package/container/index.d.ts +143 -3
- package/core/index.d.ts +1900 -3
- package/crumb/index.d.ts +91 -3
- package/date-picker/index.d.ts +2081 -3
- package/description/index.d.ts +234 -3
- package/dialog/index.d.ts +524 -3
- package/doc/index.d.ts +20 -3
- package/drag/index.d.ts +45 -3
- package/drawer/index.d.ts +244 -3
- package/dropdown/index.d.ts +201 -3
- package/empty/index.d.ts +60 -3
- package/examples/index.d.ts +20 -3
- package/fesm2022/ng-nest-ui-affix.mjs +11 -11
- package/fesm2022/ng-nest-ui-alert.mjs +11 -11
- package/fesm2022/ng-nest-ui-anchor.mjs +17 -17
- package/fesm2022/ng-nest-ui-api.mjs +8 -8
- package/fesm2022/ng-nest-ui-auto-complete.mjs +14 -14
- package/fesm2022/ng-nest-ui-avatar.mjs +17 -17
- package/fesm2022/ng-nest-ui-back-top.mjs +12 -11
- package/fesm2022/ng-nest-ui-back-top.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-badge.mjs +11 -11
- package/fesm2022/ng-nest-ui-base-form.mjs +7 -9
- package/fesm2022/ng-nest-ui-base-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-button.mjs +18 -18
- package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-calendar.mjs +11 -11
- package/fesm2022/ng-nest-ui-card.mjs +11 -11
- package/fesm2022/ng-nest-ui-carousel.mjs +17 -17
- package/fesm2022/ng-nest-ui-cascade.mjs +15 -14
- package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-checkbox.mjs +11 -11
- package/fesm2022/ng-nest-ui-collapse.mjs +18 -17
- package/fesm2022/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs +17 -17
- package/fesm2022/ng-nest-ui-color.mjs +11 -11
- package/fesm2022/ng-nest-ui-comment.mjs +17 -17
- package/fesm2022/ng-nest-ui-container.mjs +32 -32
- package/fesm2022/ng-nest-ui-core.mjs +19 -19
- package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-crumb.mjs +11 -11
- package/fesm2022/ng-nest-ui-date-picker.mjs +50 -50
- package/fesm2022/ng-nest-ui-description.mjs +17 -17
- package/fesm2022/ng-nest-ui-dialog.mjs +41 -41
- package/fesm2022/ng-nest-ui-doc.mjs +8 -8
- package/fesm2022/ng-nest-ui-drag.mjs +10 -10
- package/fesm2022/ng-nest-ui-drawer.mjs +32 -32
- package/fesm2022/ng-nest-ui-dropdown.mjs +14 -14
- package/fesm2022/ng-nest-ui-empty.mjs +11 -11
- package/fesm2022/ng-nest-ui-examples.mjs +8 -8
- package/fesm2022/ng-nest-ui-find.mjs +11 -11
- package/fesm2022/ng-nest-ui-form.mjs +20 -21
- package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-highlight.mjs +14 -14
- package/fesm2022/ng-nest-ui-i18n.mjs +13 -13
- package/fesm2022/ng-nest-ui-icon.mjs +28 -20
- package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-image.mjs +20 -20
- package/fesm2022/ng-nest-ui-inner.mjs +11 -11
- package/fesm2022/ng-nest-ui-input-number.mjs +11 -11
- package/fesm2022/ng-nest-ui-input.mjs +17 -17
- package/fesm2022/ng-nest-ui-keyword.mjs +10 -10
- package/fesm2022/ng-nest-ui-layout.mjs +17 -17
- package/fesm2022/ng-nest-ui-link.mjs +11 -11
- package/fesm2022/ng-nest-ui-list.mjs +26 -26
- package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-loading.mjs +11 -11
- package/fesm2022/ng-nest-ui-menu.mjs +17 -17
- package/fesm2022/ng-nest-ui-message-box.mjs +11 -11
- package/fesm2022/ng-nest-ui-message.mjs +11 -11
- package/fesm2022/ng-nest-ui-notification.mjs +11 -11
- package/fesm2022/ng-nest-ui-outlet.mjs +7 -7
- package/fesm2022/ng-nest-ui-page-header.mjs +11 -11
- package/fesm2022/ng-nest-ui-pagination.mjs +12 -22
- package/fesm2022/ng-nest-ui-pagination.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pattern.mjs +8 -8
- package/fesm2022/ng-nest-ui-popconfirm.mjs +11 -11
- package/fesm2022/ng-nest-ui-popover.mjs +14 -14
- package/fesm2022/ng-nest-ui-portal.mjs +8 -8
- package/fesm2022/ng-nest-ui-portal.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-progress.mjs +11 -11
- package/fesm2022/ng-nest-ui-radio.mjs +11 -11
- package/fesm2022/ng-nest-ui-rate.mjs +11 -11
- package/fesm2022/ng-nest-ui-resizable.mjs +11 -11
- package/fesm2022/ng-nest-ui-result.mjs +11 -11
- package/fesm2022/ng-nest-ui-ripple.mjs +10 -10
- package/fesm2022/ng-nest-ui-select.mjs +14 -14
- package/fesm2022/ng-nest-ui-skeleton.mjs +11 -11
- package/fesm2022/ng-nest-ui-slider-select.mjs +11 -11
- package/fesm2022/ng-nest-ui-slider.mjs +11 -11
- package/fesm2022/ng-nest-ui-statistic.mjs +17 -17
- package/fesm2022/ng-nest-ui-steps.mjs +11 -11
- package/fesm2022/ng-nest-ui-switch.mjs +11 -11
- package/fesm2022/ng-nest-ui-table.mjs +29 -39
- package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tabs.mjs +26 -26
- package/fesm2022/ng-nest-ui-tag.mjs +11 -11
- package/fesm2022/ng-nest-ui-text-retract.mjs +11 -11
- package/fesm2022/ng-nest-ui-textarea.mjs +11 -11
- package/fesm2022/ng-nest-ui-theme.mjs +11 -11
- package/fesm2022/ng-nest-ui-time-ago.mjs +7 -7
- package/fesm2022/ng-nest-ui-time-picker.mjs +17 -17
- package/fesm2022/ng-nest-ui-time-range.mjs +7 -7
- package/fesm2022/ng-nest-ui-timeline.mjs +11 -11
- package/fesm2022/ng-nest-ui-tooltip.mjs +14 -14
- package/fesm2022/ng-nest-ui-transfer.mjs +11 -11
- package/fesm2022/ng-nest-ui-tree-file.mjs +11 -11
- package/fesm2022/ng-nest-ui-tree-select.mjs +14 -14
- package/fesm2022/ng-nest-ui-tree.mjs +20 -20
- package/fesm2022/ng-nest-ui-typography.mjs +11 -11
- package/fesm2022/ng-nest-ui-upload.mjs +14 -14
- package/find/index.d.ts +625 -3
- package/form/index.d.ts +556 -3
- package/highlight/index.d.ts +107 -3
- package/i18n/index.d.ts +9399 -3
- package/icon/index.d.ts +135 -3
- package/image/index.d.ts +282 -3
- package/index.d.ts +0 -21
- package/inner/index.d.ts +38 -3
- package/input/index.d.ts +615 -3
- package/input-number/index.d.ts +352 -3
- package/keyword/index.d.ts +61 -3
- package/layout/index.d.ts +171 -3
- package/link/index.d.ts +128 -3
- package/list/index.d.ts +482 -3
- package/loading/index.d.ts +92 -3
- package/menu/index.d.ts +206 -3
- package/message/index.d.ts +192 -3
- package/message-box/index.d.ts +234 -3
- package/notification/index.d.ts +136 -3
- package/outlet/index.d.ts +28 -3
- package/package.json +18 -18
- package/page-header/index.d.ts +61 -3
- package/pagination/index.d.ts +212 -3
- package/pattern/index.d.ts +20 -3
- package/popconfirm/index.d.ts +124 -3
- package/popover/index.d.ts +163 -3
- package/portal/index.d.ts +157 -3
- package/progress/index.d.ts +191 -3
- package/radio/index.d.ts +313 -3
- package/rate/index.d.ts +231 -3
- package/resizable/index.d.ts +155 -3
- package/result/index.d.ts +61 -3
- package/ripple/index.d.ts +67 -3
- package/select/index.d.ts +635 -3
- package/skeleton/index.d.ts +132 -3
- package/slider/index.d.ts +188 -3
- package/slider-select/index.d.ts +386 -3
- package/statistic/index.d.ts +129 -3
- package/steps/index.d.ts +101 -3
- package/switch/index.d.ts +223 -3
- package/table/index.d.ts +1076 -3
- package/tabs/index.d.ts +238 -3
- package/tag/index.d.ts +99 -3
- package/text-retract/index.d.ts +45 -3
- package/textarea/index.d.ts +340 -3
- package/theme/index.d.ts +152 -3
- package/time-ago/index.d.ts +32 -3
- package/time-picker/index.d.ts +615 -3
- package/time-range/index.d.ts +24 -3
- package/timeline/index.d.ts +108 -3
- package/tooltip/index.d.ts +154 -3
- package/transfer/index.d.ts +340 -3
- package/tree/index.d.ts +601 -3
- package/tree-file/index.d.ts +167 -3
- package/tree-select/index.d.ts +642 -3
- package/typography/index.d.ts +42 -3
- package/upload/index.d.ts +304 -3
- package/affix/affix.component.d.ts +0 -6
- package/affix/affix.module.d.ts +0 -7
- package/affix/affix.property.d.ts +0 -46
- package/affix/public-api.d.ts +0 -3
- package/alert/alert.component.d.ts +0 -21
- package/alert/alert.module.d.ts +0 -7
- package/alert/alert.property.d.ts +0 -396
- package/alert/public-api.d.ts +0 -3
- package/anchor/anchor-inner.component.d.ts +0 -6
- package/anchor/anchor.component.d.ts +0 -38
- package/anchor/anchor.module.d.ts +0 -8
- package/anchor/anchor.property.d.ts +0 -136
- package/anchor/public-api.d.ts +0 -4
- package/api/api.component.d.ts +0 -6
- package/api/api.module.d.ts +0 -7
- package/api/api.property.d.ts +0 -6
- package/api/public-api.d.ts +0 -3
- package/auto-complete/auto-complete-portal.component.d.ts +0 -35
- package/auto-complete/auto-complete.component.d.ts +0 -54
- package/auto-complete/auto-complete.module.d.ts +0 -7
- package/auto-complete/auto-complete.property.d.ts +0 -365
- package/auto-complete/public-api.d.ts +0 -4
- package/avatar/avatar-group.component.d.ts +0 -7
- package/avatar/avatar.component.d.ts +0 -37
- package/avatar/avatar.module.d.ts +0 -8
- package/avatar/avatar.property.d.ts +0 -149
- package/avatar/public-api.d.ts +0 -4
- package/back-top/back-top.component.d.ts +0 -25
- package/back-top/back-top.module.d.ts +0 -7
- package/back-top/back-top.property.d.ts +0 -45
- package/back-top/public-api.d.ts +0 -3
- package/badge/badge.component.d.ts +0 -14
- package/badge/badge.module.d.ts +0 -7
- package/badge/badge.property.d.ts +0 -132
- package/badge/public-api.d.ts +0 -3
- package/base-form/base-form.component.d.ts +0 -61
- package/base-form/base-form.module.d.ts +0 -6
- package/base-form/base-form.property.d.ts +0 -180
- package/base-form/public-api.d.ts +0 -3
- package/button/button.component.d.ts +0 -25
- package/button/button.module.d.ts +0 -8
- package/button/button.property.d.ts +0 -336
- package/button/buttons.component.d.ts +0 -13
- package/button/public-api.d.ts +0 -4
- package/calendar/calendar.component.d.ts +0 -55
- package/calendar/calendar.module.d.ts +0 -7
- package/calendar/calendar.property.d.ts +0 -132
- package/calendar/public-api.d.ts +0 -3
- package/card/card.component.d.ts +0 -9
- package/card/card.module.d.ts +0 -7
- package/card/card.property.d.ts +0 -83
- package/card/public-api.d.ts +0 -3
- package/carousel/carousel-panel.component.d.ts +0 -34
- package/carousel/carousel.component.d.ts +0 -33
- package/carousel/carousel.module.d.ts +0 -8
- package/carousel/carousel.property.d.ts +0 -259
- package/carousel/public-api.d.ts +0 -4
- package/cascade/cascade-portal.component.d.ts +0 -41
- package/cascade/cascade.component.d.ts +0 -56
- package/cascade/cascade.module.d.ts +0 -7
- package/cascade/cascade.property.d.ts +0 -360
- package/cascade/public-api.d.ts +0 -4
- package/checkbox/checkbox.component.d.ts +0 -26
- package/checkbox/checkbox.module.d.ts +0 -7
- package/checkbox/checkbox.property.d.ts +0 -320
- package/checkbox/public-api.d.ts +0 -3
- package/collapse/collapse-panel.component.d.ts +0 -16
- package/collapse/collapse.component.d.ts +0 -10
- package/collapse/collapse.module.d.ts +0 -8
- package/collapse/collapse.property.d.ts +0 -168
- package/collapse/public-api.d.ts +0 -4
- package/color/color.component.d.ts +0 -10
- package/color/color.module.d.ts +0 -7
- package/color/color.property.d.ts +0 -64
- package/color/public-api.d.ts +0 -3
- package/color-picker/color-map.data.d.ts +0 -3
- package/color-picker/color-picker-portal.component.d.ts +0 -118
- package/color-picker/color-picker.component.d.ts +0 -53
- package/color-picker/color-picker.directive.d.ts +0 -9
- package/color-picker/color-picker.module.d.ts +0 -8
- package/color-picker/color-picker.property.d.ts +0 -304
- package/color-picker/public-api.d.ts +0 -5
- package/comment/comment-reply.component.d.ts +0 -8
- package/comment/comment.component.d.ts +0 -14
- package/comment/comment.module.d.ts +0 -8
- package/comment/comment.property.d.ts +0 -131
- package/comment/public-api.d.ts +0 -4
- package/container/aside.component.d.ts +0 -8
- package/container/container.component.d.ts +0 -10
- package/container/container.module.d.ts +0 -11
- package/container/container.property.d.ts +0 -94
- package/container/footer.component.d.ts +0 -12
- package/container/header.component.d.ts +0 -12
- package/container/main.component.d.ts +0 -6
- package/container/public-api.d.ts +0 -7
- package/core/README.md +0 -25
- package/core/animation/badge.d.ts +0 -11
- package/core/animation/connect.d.ts +0 -11
- package/core/animation/consts.d.ts +0 -9
- package/core/animation/drop.d.ts +0 -6
- package/core/animation/fade.d.ts +0 -6
- package/core/animation/move.d.ts +0 -7
- package/core/animation/opacity.d.ts +0 -6
- package/core/animation/public-api.d.ts +0 -8
- package/core/animation/slide.d.ts +0 -6
- package/core/components/inner-html.component.d.ts +0 -9
- package/core/components/public-api.d.ts +0 -1
- package/core/config/config.d.ts +0 -624
- package/core/config/config.service.d.ts +0 -22
- package/core/config/index.d.ts +0 -1
- package/core/config/public-api.d.ts +0 -2
- package/core/functions/chunk.d.ts +0 -12
- package/core/functions/clone-deep.d.ts +0 -17
- package/core/functions/convert.d.ts +0 -90
- package/core/functions/csspx.d.ts +0 -5
- package/core/functions/date.d.ts +0 -70
- package/core/functions/drop.d.ts +0 -13
- package/core/functions/flex.d.ts +0 -7
- package/core/functions/group-by.d.ts +0 -5
- package/core/functions/guid.d.ts +0 -5
- package/core/functions/has-in.d.ts +0 -5
- package/core/functions/order-by.d.ts +0 -5
- package/core/functions/parent-path.d.ts +0 -10
- package/core/functions/property.d.ts +0 -16
- package/core/functions/public-api.d.ts +0 -15
- package/core/functions/remove.d.ts +0 -5
- package/core/functions/resize.d.ts +0 -19
- package/core/interfaces/data.type.d.ts +0 -194
- package/core/interfaces/identify.type.d.ts +0 -83
- package/core/interfaces/index.d.ts +0 -1
- package/core/interfaces/layout.type.d.ts +0 -169
- package/core/interfaces/public-api.d.ts +0 -4
- package/core/interfaces/result-list.type.d.ts +0 -116
- package/core/public-api.d.ts +0 -8
- package/core/services/http.service.d.ts +0 -28
- package/core/services/preloading-strategy.service.d.ts +0 -9
- package/core/services/public-api.d.ts +0 -5
- package/core/services/repository.service.d.ts +0 -28
- package/core/services/reuse-strategy.service.d.ts +0 -17
- package/core/services/storage.service.d.ts +0 -15
- package/core/theme/index.d.ts +0 -1
- package/core/theme/public-api.d.ts +0 -2
- package/core/theme/theme.d.ts +0 -73
- package/core/theme/theme.service.d.ts +0 -76
- package/core/util/animation.d.ts +0 -1
- package/core/util/camel-to-kebab.d.ts +0 -13
- package/core/util/check.d.ts +0 -10
- package/core/util/computed-style.d.ts +0 -10
- package/core/util/host.d.ts +0 -5
- package/core/util/html.d.ts +0 -5
- package/core/util/index.d.ts +0 -1
- package/core/util/kebab-to-camel.d.ts +0 -13
- package/core/util/log.d.ts +0 -10
- package/core/util/option.d.ts +0 -9
- package/core/util/public-api.d.ts +0 -10
- package/core/util/sleep.d.ts +0 -5
- package/crumb/crumb.component.d.ts +0 -7
- package/crumb/crumb.module.d.ts +0 -7
- package/crumb/crumb.property.d.ts +0 -77
- package/crumb/public-api.d.ts +0 -3
- package/date-picker/date-picker-portal.component.d.ts +0 -104
- package/date-picker/date-picker.component.d.ts +0 -113
- package/date-picker/date-picker.module.d.ts +0 -8
- package/date-picker/date-picker.property.d.ts +0 -1316
- package/date-picker/date-quarter.pipe.d.ts +0 -9
- package/date-picker/date-range-portal.component.d.ts +0 -135
- package/date-picker/date-range.component.d.ts +0 -134
- package/date-picker/picker-date.component.d.ts +0 -97
- package/date-picker/picker-month.component.d.ts +0 -86
- package/date-picker/picker-quarter.component.d.ts +0 -86
- package/date-picker/picker-year.component.d.ts +0 -32
- package/date-picker/public-api.d.ts +0 -11
- package/description/description-item.component.d.ts +0 -8
- package/description/description.component.d.ts +0 -15
- package/description/description.module.d.ts +0 -8
- package/description/description.property.d.ts +0 -207
- package/description/public-api.d.ts +0 -4
- package/dialog/dialog-container.component.d.ts +0 -7
- package/dialog/dialog-portal.component.d.ts +0 -45
- package/dialog/dialog-portal.directives.d.ts +0 -36
- package/dialog/dialog-ref.d.ts +0 -23
- package/dialog/dialog.component.d.ts +0 -72
- package/dialog/dialog.module.d.ts +0 -9
- package/dialog/dialog.property.d.ts +0 -338
- package/dialog/dialog.service.d.ts +0 -20
- package/dialog/public-api.d.ts +0 -8
- package/doc/doc.component.d.ts +0 -6
- package/doc/doc.module.d.ts +0 -7
- package/doc/doc.property.d.ts +0 -6
- package/doc/public-api.d.ts +0 -3
- package/drag/drag.directive.d.ts +0 -13
- package/drag/drag.module.d.ts +0 -7
- package/drag/drag.property.d.ts +0 -25
- package/drag/public-api.d.ts +0 -3
- package/drawer/drawer-container.component.d.ts +0 -7
- package/drawer/drawer-portal.component.d.ts +0 -17
- package/drawer/drawer-portal.directives.d.ts +0 -18
- package/drawer/drawer-ref.d.ts +0 -9
- package/drawer/drawer.component.d.ts +0 -34
- package/drawer/drawer.module.d.ts +0 -9
- package/drawer/drawer.property.d.ts +0 -149
- package/drawer/drawer.service.d.ts +0 -17
- package/drawer/public-api.d.ts +0 -9
- package/dropdown/dropdown-portal.component.d.ts +0 -55
- package/dropdown/dropdown.component.d.ts +0 -42
- package/dropdown/dropdown.module.d.ts +0 -7
- package/dropdown/dropdown.property.d.ts +0 -102
- package/dropdown/public-api.d.ts +0 -4
- package/empty/empty.component.d.ts +0 -6
- package/empty/empty.module.d.ts +0 -7
- package/empty/empty.property.d.ts +0 -48
- package/empty/public-api.d.ts +0 -3
- package/examples/examples.component.d.ts +0 -6
- package/examples/examples.module.d.ts +0 -7
- package/examples/examples.property.d.ts +0 -6
- package/examples/public-api.d.ts +0 -3
- package/find/find.component.d.ts +0 -57
- package/find/find.module.d.ts +0 -7
- package/find/find.property.d.ts +0 -563
- package/find/public-api.d.ts +0 -3
- package/form/control.component.d.ts +0 -51
- package/form/form.component.d.ts +0 -25
- package/form/form.module.d.ts +0 -8
- package/form/form.property.d.ts +0 -494
- package/form/public-api.d.ts +0 -4
- package/highlight/highlight.component.d.ts +0 -19
- package/highlight/highlight.module.d.ts +0 -7
- package/highlight/highlight.property.d.ts +0 -72
- package/highlight/highlight.service.d.ts +0 -8
- package/highlight/public-api.d.ts +0 -4
- package/i18n/i18n.directive.d.ts +0 -11
- package/i18n/i18n.module.d.ts +0 -8
- package/i18n/i18n.pipe.d.ts +0 -12
- package/i18n/i18n.property.d.ts +0 -195
- package/i18n/i18n.service.d.ts +0 -17
- package/i18n/languages/ar_EG.d.ts +0 -180
- package/i18n/languages/bg_BG.d.ts +0 -180
- package/i18n/languages/ca_ES.d.ts +0 -180
- package/i18n/languages/cs_CZ.d.ts +0 -180
- package/i18n/languages/da_DK.d.ts +0 -180
- package/i18n/languages/de_DE.d.ts +0 -180
- package/i18n/languages/el_GR.d.ts +0 -180
- package/i18n/languages/en_GB.d.ts +0 -181
- package/i18n/languages/en_US.d.ts +0 -181
- package/i18n/languages/es_ES.d.ts +0 -180
- package/i18n/languages/et_EE.d.ts +0 -180
- package/i18n/languages/fa_IR.d.ts +0 -180
- package/i18n/languages/fi_FI.d.ts +0 -180
- package/i18n/languages/fr_BE.d.ts +0 -180
- package/i18n/languages/fr_FR.d.ts +0 -180
- package/i18n/languages/he_IL.d.ts +0 -180
- package/i18n/languages/hi_IN.d.ts +0 -180
- package/i18n/languages/hr_HR.d.ts +0 -180
- package/i18n/languages/hu_HU.d.ts +0 -180
- package/i18n/languages/hy_AM.d.ts +0 -180
- package/i18n/languages/id_ID.d.ts +0 -180
- package/i18n/languages/is_IS.d.ts +0 -180
- package/i18n/languages/it_IT.d.ts +0 -180
- package/i18n/languages/ja_JP.d.ts +0 -180
- package/i18n/languages/ka_GE.d.ts +0 -180
- package/i18n/languages/kn_IN.d.ts +0 -180
- package/i18n/languages/ko_KR.d.ts +0 -180
- package/i18n/languages/ku_IQ.d.ts +0 -156
- package/i18n/languages/lv_LV.d.ts +0 -180
- package/i18n/languages/mn_MN.d.ts +0 -180
- package/i18n/languages/ms_MY.d.ts +0 -180
- package/i18n/languages/nb_NO.d.ts +0 -180
- package/i18n/languages/ne_NP.d.ts +0 -180
- package/i18n/languages/nl_BE.d.ts +0 -180
- package/i18n/languages/nl_NL.d.ts +0 -180
- package/i18n/languages/pl_PL.d.ts +0 -180
- package/i18n/languages/pt_BR.d.ts +0 -180
- package/i18n/languages/pt_PT.d.ts +0 -180
- package/i18n/languages/ro_RO.d.ts +0 -180
- package/i18n/languages/ru_RU.d.ts +0 -180
- package/i18n/languages/sk_SK.d.ts +0 -179
- package/i18n/languages/sl_SI.d.ts +0 -180
- package/i18n/languages/sr_RS.d.ts +0 -180
- package/i18n/languages/sv_SE.d.ts +0 -180
- package/i18n/languages/ta_IN.d.ts +0 -180
- package/i18n/languages/th_TH.d.ts +0 -180
- package/i18n/languages/tr_TR.d.ts +0 -180
- package/i18n/languages/uk_UA.d.ts +0 -180
- package/i18n/languages/vi_VN.d.ts +0 -180
- package/i18n/languages/zh_CN.d.ts +0 -180
- package/i18n/languages/zh_TW.d.ts +0 -180
- package/i18n/public-api.d.ts +0 -56
- package/icon/icon.component.d.ts +0 -31
- package/icon/icon.module.d.ts +0 -7
- package/icon/icon.property.d.ts +0 -64
- package/icon/icon.service.d.ts +0 -33
- package/icon/public-api.d.ts +0 -4
- package/image/image-group.component.d.ts +0 -9
- package/image/image-preview.component.d.ts +0 -33
- package/image/image.component.d.ts +0 -24
- package/image/image.module.d.ts +0 -9
- package/image/image.property.d.ts +0 -213
- package/image/public-api.d.ts +0 -5
- package/inner/inner.component.d.ts +0 -8
- package/inner/inner.module.d.ts +0 -7
- package/inner/inner.property.d.ts +0 -24
- package/inner/public-api.d.ts +0 -3
- package/input/input-group.component.d.ts +0 -8
- package/input/input.component.d.ts +0 -52
- package/input/input.module.d.ts +0 -8
- package/input/input.property.d.ts +0 -553
- package/input/public-api.d.ts +0 -4
- package/input-number/input-number.component.d.ts +0 -35
- package/input-number/input-number.module.d.ts +0 -7
- package/input-number/input-number.property.d.ts +0 -313
- package/input-number/public-api.d.ts +0 -3
- package/keyword/keyword.directive.d.ts +0 -10
- package/keyword/keyword.module.d.ts +0 -7
- package/keyword/keyword.property.d.ts +0 -44
- package/keyword/public-api.d.ts +0 -3
- package/layout/col.component.d.ts +0 -14
- package/layout/layout.module.d.ts +0 -8
- package/layout/layout.property.d.ts +0 -139
- package/layout/public-api.d.ts +0 -4
- package/layout/row.component.d.ts +0 -13
- package/link/link.component.d.ts +0 -13
- package/link/link.module.d.ts +0 -7
- package/link/link.property.d.ts +0 -108
- package/link/public-api.d.ts +0 -3
- package/list/list-drop-group.directive.d.ts +0 -13
- package/list/list-option.component.d.ts +0 -18
- package/list/list.component.d.ts +0 -76
- package/list/list.module.d.ts +0 -9
- package/list/list.property.d.ts +0 -378
- package/list/public-api.d.ts +0 -5
- package/loading/loading.component.d.ts +0 -23
- package/loading/loading.module.d.ts +0 -7
- package/loading/loading.property.d.ts +0 -64
- package/loading/public-api.d.ts +0 -3
- package/menu/menu-node.component.d.ts +0 -19
- package/menu/menu.component.d.ts +0 -35
- package/menu/menu.module.d.ts +0 -8
- package/menu/menu.property.d.ts +0 -150
- package/menu/public-api.d.ts +0 -4
- package/message/README.md +0 -20
- package/message/message-ref.d.ts +0 -9
- package/message/message.component.d.ts +0 -15
- package/message/message.module.d.ts +0 -6
- package/message/message.property.d.ts +0 -137
- package/message/message.service.d.ts +0 -27
- package/message/public-api.d.ts +0 -5
- package/message-box/message-box.component.d.ts +0 -31
- package/message-box/message-box.module.d.ts +0 -6
- package/message-box/message-box.property.d.ts +0 -180
- package/message-box/message-box.service.d.ts +0 -17
- package/message-box/public-api.d.ts +0 -4
- package/notification/notification.component.d.ts +0 -15
- package/notification/notification.module.d.ts +0 -6
- package/notification/notification.property.d.ts +0 -96
- package/notification/notification.service.d.ts +0 -20
- package/notification/public-api.d.ts +0 -4
- package/outlet/outlet.directive.d.ts +0 -14
- package/outlet/outlet.module.d.ts +0 -7
- package/outlet/outlet.property.d.ts +0 -6
- package/outlet/public-api.d.ts +0 -3
- package/page-header/page-header.component.d.ts +0 -12
- package/page-header/page-header.module.d.ts +0 -7
- package/page-header/page-header.property.d.ts +0 -43
- package/page-header/public-api.d.ts +0 -3
- package/pagination/pagination.component.d.ts +0 -53
- package/pagination/pagination.module.d.ts +0 -7
- package/pagination/pagination.property.d.ts +0 -161
- package/pagination/public-api.d.ts +0 -3
- package/pattern/pattern.component.d.ts +0 -6
- package/pattern/pattern.module.d.ts +0 -7
- package/pattern/pattern.property.d.ts +0 -6
- package/pattern/public-api.d.ts +0 -3
- package/popconfirm/popconfirm.component.d.ts +0 -22
- package/popconfirm/popconfirm.module.d.ts +0 -7
- package/popconfirm/popconfirm.property.d.ts +0 -96
- package/popconfirm/public-api.d.ts +0 -3
- package/popover/popover-portal.component.d.ts +0 -23
- package/popover/popover.directive.d.ts +0 -34
- package/popover/popover.module.d.ts +0 -7
- package/popover/popover.property.d.ts +0 -103
- package/popover/public-api.d.ts +0 -4
- package/portal/portal.module.d.ts +0 -6
- package/portal/portal.property.d.ts +0 -76
- package/portal/portal.service.d.ts +0 -80
- package/portal/public-api.d.ts +0 -3
- package/progress/progress.component.d.ts +0 -39
- package/progress/progress.module.d.ts +0 -7
- package/progress/progress.property.d.ts +0 -147
- package/progress/public-api.d.ts +0 -3
- package/radio/public-api.d.ts +0 -3
- package/radio/radio.component.d.ts +0 -23
- package/radio/radio.module.d.ts +0 -7
- package/radio/radio.property.d.ts +0 -284
- package/rate/public-api.d.ts +0 -3
- package/rate/rate.component.d.ts +0 -26
- package/rate/rate.module.d.ts +0 -7
- package/rate/rate.property.d.ts +0 -200
- package/resizable/public-api.d.ts +0 -3
- package/resizable/resizable.directive.d.ts +0 -52
- package/resizable/resizable.module.d.ts +0 -7
- package/resizable/resizable.property.d.ts +0 -97
- package/result/public-api.d.ts +0 -3
- package/result/result.component.d.ts +0 -10
- package/result/result.module.d.ts +0 -7
- package/result/result.property.d.ts +0 -44
- package/ripple/public-api.d.ts +0 -3
- package/ripple/ripple.directive.d.ts +0 -21
- package/ripple/ripple.module.d.ts +0 -7
- package/ripple/ripple.property.d.ts +0 -39
- package/select/public-api.d.ts +0 -4
- package/select/select-portal.component.d.ts +0 -55
- package/select/select.component.d.ts +0 -108
- package/select/select.module.d.ts +0 -7
- package/select/select.property.d.ts +0 -474
- package/skeleton/public-api.d.ts +0 -3
- package/skeleton/skeleton.component.d.ts +0 -9
- package/skeleton/skeleton.module.d.ts +0 -7
- package/skeleton/skeleton.property.d.ts +0 -116
- package/slider/public-api.d.ts +0 -3
- package/slider/slider.component.d.ts +0 -62
- package/slider/slider.module.d.ts +0 -7
- package/slider/slider.property.d.ts +0 -121
- package/slider-select/public-api.d.ts +0 -3
- package/slider-select/slider-select.component.d.ts +0 -60
- package/slider-select/slider-select.module.d.ts +0 -7
- package/slider-select/slider-select.property.d.ts +0 -321
- package/statistic/countdown.component.d.ts +0 -21
- package/statistic/public-api.d.ts +0 -4
- package/statistic/statistic.component.d.ts +0 -8
- package/statistic/statistic.module.d.ts +0 -8
- package/statistic/statistic.property.d.ts +0 -95
- package/steps/public-api.d.ts +0 -3
- package/steps/steps.component.d.ts +0 -11
- package/steps/steps.module.d.ts +0 -7
- package/steps/steps.property.d.ts +0 -82
- package/switch/public-api.d.ts +0 -3
- package/switch/switch.component.d.ts +0 -15
- package/switch/switch.module.d.ts +0 -7
- package/switch/switch.property.d.ts +0 -202
- package/table/public-api.d.ts +0 -6
- package/table/table-body.component.d.ts +0 -48
- package/table/table-foot.component.d.ts +0 -15
- package/table/table-head.component.d.ts +0 -48
- package/table/table.component.d.ts +0 -106
- package/table/table.module.d.ts +0 -10
- package/table/table.property.d.ts +0 -879
- package/tabs/public-api.d.ts +0 -6
- package/tabs/tab-content.component.d.ts +0 -10
- package/tabs/tab-link.directive.d.ts +0 -17
- package/tabs/tab.component.d.ts +0 -11
- package/tabs/tabs.component.d.ts +0 -36
- package/tabs/tabs.module.d.ts +0 -9
- package/tabs/tabs.property.d.ts +0 -167
- package/tag/public-api.d.ts +0 -3
- package/tag/tag.component.d.ts +0 -17
- package/tag/tag.module.d.ts +0 -7
- package/tag/tag.property.d.ts +0 -76
- package/text-retract/public-api.d.ts +0 -3
- package/text-retract/text-retract.component.d.ts +0 -10
- package/text-retract/text-retract.module.d.ts +0 -7
- package/text-retract/text-retract.property.d.ts +0 -29
- package/textarea/public-api.d.ts +0 -3
- package/textarea/textarea.component.d.ts +0 -26
- package/textarea/textarea.module.d.ts +0 -7
- package/textarea/textarea.property.d.ts +0 -310
- package/theme/public-api.d.ts +0 -3
- package/theme/theme.component.d.ts +0 -47
- package/theme/theme.module.d.ts +0 -7
- package/theme/theme.property.d.ts +0 -101
- package/time-ago/public-api.d.ts +0 -3
- package/time-ago/time-ago.module.d.ts +0 -7
- package/time-ago/time-ago.pipe.d.ts +0 -17
- package/time-ago/time-ago.property.d.ts +0 -6
- package/time-picker/public-api.d.ts +0 -5
- package/time-picker/time-picker-frame.component.d.ts +0 -73
- package/time-picker/time-picker-portal.component.d.ts +0 -39
- package/time-picker/time-picker.component.d.ts +0 -64
- package/time-picker/time-picker.module.d.ts +0 -8
- package/time-picker/time-picker.property.d.ts +0 -442
- package/time-range/public-api.d.ts +0 -3
- package/time-range/time-range.module.d.ts +0 -7
- package/time-range/time-range.pipe.d.ts +0 -10
- package/time-range/time-range.property.d.ts +0 -6
- package/timeline/public-api.d.ts +0 -3
- package/timeline/timeline.component.d.ts +0 -11
- package/timeline/timeline.module.d.ts +0 -7
- package/timeline/timeline.property.d.ts +0 -90
- package/tooltip/public-api.d.ts +0 -4
- package/tooltip/tooltip-portal.component.d.ts +0 -34
- package/tooltip/tooltip.directive.d.ts +0 -36
- package/tooltip/tooltip.module.d.ts +0 -7
- package/tooltip/tooltip.property.d.ts +0 -81
- package/transfer/public-api.d.ts +0 -3
- package/transfer/transfer.component.d.ts +0 -72
- package/transfer/transfer.module.d.ts +0 -7
- package/transfer/transfer.property.d.ts +0 -264
- package/tree/public-api.d.ts +0 -4
- package/tree/tree-node.component.d.ts +0 -57
- package/tree/tree.component.d.ts +0 -77
- package/tree/tree.module.d.ts +0 -8
- package/tree/tree.property.d.ts +0 -460
- package/tree/tree.service.d.ts +0 -10
- package/tree-file/public-api.d.ts +0 -3
- package/tree-file/tree-file.component.d.ts +0 -24
- package/tree-file/tree-file.module.d.ts +0 -7
- package/tree-file/tree-file.property.d.ts +0 -138
- package/tree-select/public-api.d.ts +0 -4
- package/tree-select/tree-select-portal.component.d.ts +0 -46
- package/tree-select/tree-select.component.d.ts +0 -109
- package/tree-select/tree-select.module.d.ts +0 -7
- package/tree-select/tree-select.property.d.ts +0 -487
- package/typography/public-api.d.ts +0 -3
- package/typography/typography.component.d.ts +0 -11
- package/typography/typography.module.d.ts +0 -7
- package/typography/typography.property.d.ts +0 -25
- package/upload/public-api.d.ts +0 -4
- package/upload/upload-portal.component.d.ts +0 -48
- package/upload/upload.component.d.ts +0 -44
- package/upload/upload.module.d.ts +0 -7
- package/upload/upload.property.d.ts +0 -209
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, Component, signal, computed, inject, PLATFORM_ID, DestroyRef, effect,
|
|
2
|
+
import { input, output, Component, signal, computed, inject, PLATFORM_ID, DestroyRef, effect, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
3
|
import { XPropertyFunction, XToBoolean, XToNumber, XToCssPixelValue, XIsEmpty, XFadeAnimation } from '@ng-nest/ui/core';
|
|
4
4
|
import { Subject, of } from 'rxjs';
|
|
5
5
|
import { delay, takeUntil } from 'rxjs/operators';
|
|
@@ -313,10 +313,10 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
313
313
|
*/
|
|
314
314
|
this.resizing = output();
|
|
315
315
|
}
|
|
316
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
317
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
316
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAlertProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
317
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XAlertProperty, isStandalone: true, selector: "x-alert-property", inputs: { hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, effect: { classPropertyName: "effect", publicName: "effect", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, disabledAnimation: { classPropertyName: "disabledAnimation", publicName: "disabledAnimation", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, offsetLeft: { classPropertyName: "offsetLeft", publicName: "offsetLeft", isSignal: true, isRequired: false, transformFunction: null }, offsetTop: { classPropertyName: "offsetTop", publicName: "offsetTop", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null }, dragFreeDragPosition: { classPropertyName: "dragFreeDragPosition", publicName: "dragFreeDragPosition", isSignal: true, isRequired: false, transformFunction: null }, operationTpl: { classPropertyName: "operationTpl", publicName: "operationTpl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", dragEnded: "dragEnded", resizing: "resizing" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
318
318
|
}
|
|
319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAlertProperty, decorators: [{
|
|
320
320
|
type: Component,
|
|
321
321
|
args: [{
|
|
322
322
|
selector: `${XAlertPrefix}-property`, template: ''
|
|
@@ -367,10 +367,10 @@ class XAlertComponent extends XAlertProperty {
|
|
|
367
367
|
!this.destory() && this.close.emit();
|
|
368
368
|
}
|
|
369
369
|
}
|
|
370
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
371
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
370
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
371
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XAlertComponent, isStandalone: true, selector: "x-alert", usesInheritance: true, ngImport: i0, template: "@if (!styleHide() && !hide()) {\r\n <div\r\n class=\"x-alert\"\r\n [class.x-alert-has-close]=\"!hideClose()\"\r\n [class.x-alert-icon-content]=\"showIcon() && content()\"\r\n cdkDrag\r\n (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n [cdkDragFreeDragPosition]=\"dragFreeDragPosition()!\"\r\n [cdkDragDisabled]=\"!draggable()\"\r\n [cdkDragBoundary]=\"dragBoundary()!\"\r\n [ngClass]=\"classMap()\"\r\n @x-fade-animation\r\n [@.disabled]=\"disabledAnimation()\"\r\n (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n [xResizable]=\"resizable()!\"\r\n (resizing)=\"resizing.emit($event)\"\r\n [offsetLeft]=\"offsetLeft()\"\r\n [offsetTop]=\"offsetTop()\"\r\n [style.minWidth]=\"minWidth()\"\r\n [style.minHeight]=\"minHeight()\"\r\n >\r\n @if (showIcon()) {\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n }\r\n <ng-template #iconTpl>\r\n @switch (type()) {\r\n @case ('success') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-check-circle\"></x-icon>\r\n }\r\n @case ('info') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-info-circle\"></x-icon>\r\n }\r\n @case ('warning') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-exclamation-circle\"></x-icon>\r\n }\r\n @case ('error') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-close-circle\"></x-icon>\r\n }\r\n @case ('loading') {\r\n <x-icon class=\"x-alert-icon\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n }\r\n }\r\n </ng-template>\r\n <div class=\"x-alert-inner\">\r\n <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title() && content()\">\r\n <ng-container *xOutlet=\"title(); context: { $iconTpl: iconTpl }\">{{ title() }}</ng-container>\r\n </span>\r\n @if (content()) {\r\n <div class=\"x-alert-content\">\r\n <ng-container *xOutlet=\"content(); context: { $iconTpl: iconTpl }\">{{ content() }}</ng-container>\r\n </div>\r\n }\r\n <div class=\"x-alert-close\">\r\n <div class=\"x-alert-operation\" *xOutlet=\"operationTpl()\">{{ operationTpl() }}</div>\r\n @if (!hideClose()) {\r\n <x-button class=\"x-alert-operation-close\" size=\"small\" [icon]=\"!closeText() ? 'fto-x' : ''\" [type]=\"'text'\" (click)=\"onClose()\" closable>\r\n {{ closeText() }}\r\n </x-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0}.x-alert{background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-has-close .x-alert-title{margin-right:1.425rem}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon-content{align-items:flex-start}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-900);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-900);background-color:var(--x-warning);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-900)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "directive", type: XResizableDirective, selector: "[xResizable]" }], animations: [XFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
372
372
|
}
|
|
373
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAlertComponent, decorators: [{
|
|
374
374
|
type: Component,
|
|
375
375
|
args: [{ selector: `${XAlertPrefix}`, imports: [
|
|
376
376
|
NgClass,
|
|
@@ -384,11 +384,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
384
384
|
}], ctorParameters: () => [] });
|
|
385
385
|
|
|
386
386
|
class XAlertModule {
|
|
387
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
388
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
389
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
387
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
388
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XAlertModule, imports: [XAlertComponent], exports: [XAlertComponent] }); }
|
|
389
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAlertModule, imports: [XAlertComponent] }); }
|
|
390
390
|
}
|
|
391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAlertModule, decorators: [{
|
|
392
392
|
type: NgModule,
|
|
393
393
|
args: [{
|
|
394
394
|
exports: [XAlertComponent],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, Component, viewChild, ElementRef, signal, inject, computed, Renderer2,
|
|
2
|
+
import { input, Component, viewChild, ElementRef, signal, inject, computed, Renderer2, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
3
|
import { XPropertyFunction, XToCssPixelValue, XIsEmpty, XComputedStyle, XToCssPx, XIsChange, XRequestAnimationFrame, XIsNumber } from '@ng-nest/ui/core';
|
|
4
4
|
import { XSliderComponent } from '@ng-nest/ui/slider';
|
|
5
5
|
import { XAffixComponent } from '@ng-nest/ui/affix';
|
|
@@ -100,10 +100,10 @@ class XAnchorProperty extends XPropertyFunction(X_ANCHOR_CONFIG_NAME) {
|
|
|
100
100
|
*/
|
|
101
101
|
this.justify = input(this.config?.justify ?? 'start');
|
|
102
102
|
}
|
|
103
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
104
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
103
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XAnchorProperty, isStandalone: true, selector: "x-anchor-property", inputs: { scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, affixTop: { classPropertyName: "affixTop", publicName: "affixTop", isSignal: true, isRequired: false, transformFunction: null }, affixBottom: { classPropertyName: "affixBottom", publicName: "affixBottom", isSignal: true, isRequired: false, transformFunction: null }, affixWidth: { classPropertyName: "affixWidth", publicName: "affixWidth", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorProperty, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{
|
|
109
109
|
selector: `${XAnchorPrefix}-property`, template: ''
|
|
@@ -119,10 +119,10 @@ const XAnchorInnerPrefix = 'x-anchor-inner';
|
|
|
119
119
|
* Anchor inner Property
|
|
120
120
|
*/
|
|
121
121
|
class XAnchorInnerProperty {
|
|
122
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
123
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
122
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorInnerProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: XAnchorInnerProperty, isStandalone: true, selector: "x-anchor-inner-property", ngImport: i0, template: '', isInline: true }); }
|
|
124
124
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorInnerProperty, decorators: [{
|
|
126
126
|
type: Component,
|
|
127
127
|
args: [{
|
|
128
128
|
selector: `${XAnchorInnerPrefix}-property`, template: ''
|
|
@@ -276,19 +276,19 @@ class XAnchorComponent extends XAnchorProperty {
|
|
|
276
276
|
}
|
|
277
277
|
});
|
|
278
278
|
}
|
|
279
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
280
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
279
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
280
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.0", type: XAnchorComponent, isStandalone: true, selector: "x-anchor", viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap()\">\r\n <div #content class=\"x-anchor-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <x-affix class=\"x-anchor-affix\" [top]=\"affixTop()\">\r\n <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight()\" [style.width]=\"affixWidth()\">\r\n <x-slider\r\n [data]=\"sliderData()\"\r\n layout=\"column\"\r\n [(activatedIndex)]=\"activatedIndex\"\r\n [nodeJustify]=\"justify()\"\r\n [nodeTpl]=\"sliderNodeTpl\"\r\n [showAnchor]=\"true\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0}.x-anchor{display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-slider .x-slider{overflow:hidden}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XAffixComponent, selector: "x-affix" }, { kind: "component", type: XSliderComponent, selector: "x-slider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
281
281
|
}
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorComponent, decorators: [{
|
|
283
283
|
type: Component,
|
|
284
284
|
args: [{ selector: `${XAnchorPrefix}`, imports: [NgClass, XAffixComponent, XSliderComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap()\">\r\n <div #content class=\"x-anchor-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <x-affix class=\"x-anchor-affix\" [top]=\"affixTop()\">\r\n <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight()\" [style.width]=\"affixWidth()\">\r\n <x-slider\r\n [data]=\"sliderData()\"\r\n layout=\"column\"\r\n [(activatedIndex)]=\"activatedIndex\"\r\n [nodeJustify]=\"justify()\"\r\n [nodeTpl]=\"sliderNodeTpl\"\r\n [showAnchor]=\"true\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0}.x-anchor{display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-slider .x-slider{overflow:hidden}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}\n"] }]
|
|
285
285
|
}] });
|
|
286
286
|
|
|
287
287
|
class XAnchorInnerComponent extends XAnchorInnerProperty {
|
|
288
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
289
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
288
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorInnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
289
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: XAnchorInnerComponent, isStandalone: true, selector: "x-anchor-inner", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
290
290
|
}
|
|
291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorInnerComponent, decorators: [{
|
|
292
292
|
type: Component,
|
|
293
293
|
args: [{
|
|
294
294
|
selector: `${XAnchorInnerPrefix}`,
|
|
@@ -299,11 +299,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
299
299
|
}] });
|
|
300
300
|
|
|
301
301
|
class XAnchorModule {
|
|
302
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
303
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
304
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
302
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
303
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XAnchorModule, imports: [XAnchorComponent, XAnchorInnerComponent], exports: [XAnchorComponent, XAnchorInnerComponent] }); }
|
|
304
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorModule, imports: [XAnchorComponent] }); }
|
|
305
305
|
}
|
|
306
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
306
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAnchorModule, decorators: [{
|
|
307
307
|
type: NgModule,
|
|
308
308
|
args: [{
|
|
309
309
|
exports: [XAnchorComponent, XAnchorInnerComponent],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Api
|
|
@@ -12,10 +12,10 @@ class XApiComponent {
|
|
|
12
12
|
constructor() {
|
|
13
13
|
this._has = true;
|
|
14
14
|
}
|
|
15
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
16
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
15
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XApiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: XApiComponent, isStandalone: true, selector: "x-api", host: { properties: { "class.x-api": "this._has" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0}.x-api{display:block}.x-api>.x-api-selector:not(:first-child){margin-top:1rem}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{margin-left:1rem;padding:.25rem .5rem;color:var(--x-danger);background:var(--x-danger-900);border-radius:var(--x-border-small-radius)}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%;position:relative;white-space:nowrap}.x-api>.x-api-interface>tr>td:nth-child(3){width:22%;color:#f637e3}.x-api>.x-api-interface>tr>td:nth-child(4){color:#fa2c05;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#3b82f6;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api .x-api-name{color:#3b82f6;cursor:pointer;background-color:#3b82f61a;border-radius:var(--x-border-small-radius);padding:.25rem .325rem .25rem 1.5rem;transition:var(--x-animation-duration-base) background-color;will-change:background-color}.x-api .x-api-name:hover{background-color:#3b82f633}.x-api .x-api-signal{background:#3b82f61a;border-radius:var(--x-border-small-radius);color:var(--x-success);margin-right:-1.325rem;height:1.625rem;width:1.375rem;display:inline-flex;align-items:center;justify-content:center}.x-api .x-api-popover{color:#f637e3;cursor:pointer;background-color:#f637e31a;border-radius:var(--x-border-small-radius);padding:.25rem .325rem;transition:var(--x-animation-duration-base) background-color;will-change:background-color}.x-api .x-api-popover:hover{background-color:#f637e333}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 0}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XApiComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: `${XApiPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0}.x-api{display:block}.x-api>.x-api-selector:not(:first-child){margin-top:1rem}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{margin-left:1rem;padding:.25rem .5rem;color:var(--x-danger);background:var(--x-danger-900);border-radius:var(--x-border-small-radius)}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%;position:relative;white-space:nowrap}.x-api>.x-api-interface>tr>td:nth-child(3){width:22%;color:#f637e3}.x-api>.x-api-interface>tr>td:nth-child(4){color:#fa2c05;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#3b82f6;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api .x-api-name{color:#3b82f6;cursor:pointer;background-color:#3b82f61a;border-radius:var(--x-border-small-radius);padding:.25rem .325rem .25rem 1.5rem;transition:var(--x-animation-duration-base) background-color;will-change:background-color}.x-api .x-api-name:hover{background-color:#3b82f633}.x-api .x-api-signal{background:#3b82f61a;border-radius:var(--x-border-small-radius);color:var(--x-success);margin-right:-1.325rem;height:1.625rem;width:1.375rem;display:inline-flex;align-items:center;justify-content:center}.x-api .x-api-popover{color:#f637e3;cursor:pointer;background-color:#f637e31a;border-radius:var(--x-border-small-radius);padding:.25rem .325rem;transition:var(--x-animation-duration-base) background-color;will-change:background-color}.x-api .x-api-popover:hover{background-color:#f637e333}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 0}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"] }]
|
|
21
21
|
}], propDecorators: { _has: [{
|
|
@@ -24,11 +24,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
24
24
|
}] } });
|
|
25
25
|
|
|
26
26
|
class XApiModule {
|
|
27
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
29
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
27
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XApiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
28
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XApiModule, imports: [XApiComponent], exports: [XApiComponent] }); }
|
|
29
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XApiModule }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XApiModule, decorators: [{
|
|
32
32
|
type: NgModule,
|
|
33
33
|
args: [{
|
|
34
34
|
exports: [XApiComponent],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Subject, BehaviorSubject, fromEvent } from 'rxjs';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { input, model, output, Component, viewChild, signal, inject, DestroyRef,
|
|
3
|
+
import { input, model, output, Component, viewChild, signal, inject, DestroyRef, HostListener, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, computed, ViewContainerRef, ElementRef, effect, NgModule } from '@angular/core';
|
|
4
4
|
import { XToNumber, XToBoolean, XToCssPixelValue, XConnectBaseAnimation, XIsChange, XIsObservable, XIsFunction, XSetData, XParents, XIsEmpty } from '@ng-nest/ui/core';
|
|
5
5
|
import { XFormControlFunction, XValueAccessor } from '@ng-nest/ui/base-form';
|
|
6
6
|
import { XPortalService, XPortalConnectedPosition } from '@ng-nest/ui/portal';
|
|
@@ -167,10 +167,10 @@ class XAutoCompleteProperty extends XFormControlFunction(X_AUTOCOMPLETE_CONFIG_N
|
|
|
167
167
|
*/
|
|
168
168
|
this.nodeEmit = output();
|
|
169
169
|
}
|
|
170
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
171
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
170
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
171
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XAutoCompleteProperty, isStandalone: true, selector: "x-auto-complete-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, onlySelect: { classPropertyName: "onlySelect", publicName: "onlySelect", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pointer: { classPropertyName: "pointer", publicName: "pointer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, labelAlign: { classPropertyName: "labelAlign", publicName: "labelAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, valueTpl: { classPropertyName: "valueTpl", publicName: "valueTpl", isSignal: true, isRequired: false, transformFunction: null }, valueTplContext: { classPropertyName: "valueTplContext", publicName: "valueTplContext", isSignal: true, isRequired: false, transformFunction: null }, before: { classPropertyName: "before", publicName: "before", isSignal: true, isRequired: false, transformFunction: null }, after: { classPropertyName: "after", publicName: "after", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, inputValidator: { classPropertyName: "inputValidator", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
172
172
|
}
|
|
173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteProperty, decorators: [{
|
|
174
174
|
type: Component,
|
|
175
175
|
args: [{ selector: `${XAutoCompletePrefix}-property`, template: '' }]
|
|
176
176
|
}] });
|
|
@@ -237,10 +237,10 @@ class XAutoCompletePortalComponent {
|
|
|
237
237
|
onTabOut() {
|
|
238
238
|
this.closeSubject.next();
|
|
239
239
|
}
|
|
240
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
241
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
240
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompletePortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
241
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.0", type: XAutoCompletePortalComponent, isStandalone: true, selector: "x-auto-complete-portal", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, inputCom: { classPropertyName: "inputCom", publicName: "inputCom", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { keywordText: "keywordTextChange", animating: "animating", nodeClick: "nodeClick" }, host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.getPlacement" } }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, read: XListComponent, isSignal: true }], ngImport: i0, template: "<div\r\n #autoCompletePortal\r\n class=\"x-auto-complete-portal\"\r\n tabindex=\"-1\"\r\n (click)=\"inputCom()?.inputFocus('focus'); stopPropagation($event)\"\r\n>\r\n <x-list\r\n #list\r\n [data]=\"data()!\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n (keyManagerChange)=\"onActive($event)\"\r\n (keyManagerTabOut)=\"onTabOut()\"\r\n [nodeTpl]=\"nodeTpl()\"\r\n [scrollElement]=\"autoCompletePortal\"\r\n [keywordText]=\"keywordText()\"\r\n [caseSensitive]=\"caseSensitive()\"\r\n [inPortal]=\"true\"\r\n ></x-list>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);width:100%;border-radius:var(--x-border-small-radius);box-shadow:var(--x-box-shadow);position:relative;display:flex;background-color:var(--x-background-100);overflow-y:auto;max-height:calc(calc(var(--x-font-size) + .875rem) * 6 + var(--x-border-width) * 7)}.x-auto-complete-portal:focus{outline:none}\n"], dependencies: [{ kind: "component", type: XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
242
242
|
}
|
|
243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
243
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompletePortalComponent, decorators: [{
|
|
244
244
|
type: Component,
|
|
245
245
|
args: [{ selector: `${XAutoCompletePortalPrefix}`, imports: [XListComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XConnectBaseAnimation], template: "<div\r\n #autoCompletePortal\r\n class=\"x-auto-complete-portal\"\r\n tabindex=\"-1\"\r\n (click)=\"inputCom()?.inputFocus('focus'); stopPropagation($event)\"\r\n>\r\n <x-list\r\n #list\r\n [data]=\"data()!\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n (keyManagerChange)=\"onActive($event)\"\r\n (keyManagerTabOut)=\"onTabOut()\"\r\n [nodeTpl]=\"nodeTpl()\"\r\n [scrollElement]=\"autoCompletePortal\"\r\n [keywordText]=\"keywordText()\"\r\n [caseSensitive]=\"caseSensitive()\"\r\n [inPortal]=\"true\"\r\n ></x-list>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);width:100%;border-radius:var(--x-border-small-radius);box-shadow:var(--x-box-shadow);position:relative;display:flex;background-color:var(--x-background-100);overflow-y:auto;max-height:calc(calc(var(--x-font-size) + .875rem) * 6 + var(--x-border-width) * 7)}.x-auto-complete-portal:focus{outline:none}\n"] }]
|
|
246
246
|
}], propDecorators: { getPlacement: [{
|
|
@@ -528,20 +528,20 @@ class XAutoCompleteComponent extends XAutoCompleteProperty {
|
|
|
528
528
|
this.inputChange.next(this.value());
|
|
529
529
|
});
|
|
530
530
|
}
|
|
531
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
532
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
531
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
532
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.0", type: XAutoCompleteComponent, isStandalone: true, selector: "x-auto-complete", providers: [XValueAccessor(XAutoCompleteComponent)], viewQueries: [{ propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, read: XInputComponent, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #autoComplete class=\"x-auto-complete\">\r\n <div class=\"x-auto-complete-row\">\r\n <x-input\r\n #inputCom\r\n type=\"text\"\r\n [label]=\"label()\"\r\n [labelWidth]=\"labelWidth()\"\r\n [labelAlign]=\"labelAlign()\"\r\n [justify]=\"justify()\"\r\n [align]=\"align()\"\r\n [direction]=\"direction()\"\r\n [disabled]=\"disabledComputed()\"\r\n [required]=\"requiredComputed()\"\r\n [validator]=\"validatorComputed()\"\r\n [inputValidator]=\"inputValidator()\"\r\n [icon]=\"icon()\"\r\n [iconSpin]=\"iconSpin()\"\r\n [placeholder]=\"placeholder()\"\r\n [readonly]=\"readonly()\"\r\n [clearable]=\"false\"\r\n [(ngModel)]=\"value\"\r\n [valueTpl]=\"valueTpl()\"\r\n [valueTplContext]=\"valueTplContextComputed()\"\r\n [size]=\"size()\"\r\n [bordered]=\"bordered()\"\r\n [before]=\"before()\"\r\n [after]=\"after()\"\r\n [pattern]=\"patternComputed()\"\r\n [message]=\"messageComputed()\"\r\n [pointer]=\"pointer()\"\r\n [(active)]=\"active\"\r\n (xInput)=\"onInput($event)\"\r\n (xKeydown)=\"onKeydown($event)\"\r\n (xClick)=\"showPortal()\"\r\n ></x-input>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete{display:inline-block;width:12rem}.x-auto-complete{margin:0;padding:0}.x-auto-complete{width:100%}.x-auto-complete x-input{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);width:100%;border-radius:var(--x-border-small-radius);box-shadow:var(--x-box-shadow);position:relative;display:flex;background-color:var(--x-background-100);overflow-y:auto;max-height:calc(calc(var(--x-font-size) + .875rem) * 6 + var(--x-border-width) * 7)}.x-auto-complete-portal:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: XInputComponent, selector: "x-input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
533
533
|
}
|
|
534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteComponent, decorators: [{
|
|
535
535
|
type: Component,
|
|
536
536
|
args: [{ selector: `${XAutoCompletePrefix}`, imports: [FormsModule, ReactiveFormsModule, XInputComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XAutoCompleteComponent)], template: "<div #autoComplete class=\"x-auto-complete\">\r\n <div class=\"x-auto-complete-row\">\r\n <x-input\r\n #inputCom\r\n type=\"text\"\r\n [label]=\"label()\"\r\n [labelWidth]=\"labelWidth()\"\r\n [labelAlign]=\"labelAlign()\"\r\n [justify]=\"justify()\"\r\n [align]=\"align()\"\r\n [direction]=\"direction()\"\r\n [disabled]=\"disabledComputed()\"\r\n [required]=\"requiredComputed()\"\r\n [validator]=\"validatorComputed()\"\r\n [inputValidator]=\"inputValidator()\"\r\n [icon]=\"icon()\"\r\n [iconSpin]=\"iconSpin()\"\r\n [placeholder]=\"placeholder()\"\r\n [readonly]=\"readonly()\"\r\n [clearable]=\"false\"\r\n [(ngModel)]=\"value\"\r\n [valueTpl]=\"valueTpl()\"\r\n [valueTplContext]=\"valueTplContextComputed()\"\r\n [size]=\"size()\"\r\n [bordered]=\"bordered()\"\r\n [before]=\"before()\"\r\n [after]=\"after()\"\r\n [pattern]=\"patternComputed()\"\r\n [message]=\"messageComputed()\"\r\n [pointer]=\"pointer()\"\r\n [(active)]=\"active\"\r\n (xInput)=\"onInput($event)\"\r\n (xKeydown)=\"onKeydown($event)\"\r\n (xClick)=\"showPortal()\"\r\n ></x-input>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete{display:inline-block;width:12rem}.x-auto-complete{margin:0;padding:0}.x-auto-complete{width:100%}.x-auto-complete x-input{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);width:100%;border-radius:var(--x-border-small-radius);box-shadow:var(--x-box-shadow);position:relative;display:flex;background-color:var(--x-background-100);overflow-y:auto;max-height:calc(calc(var(--x-font-size) + .875rem) * 6 + var(--x-border-width) * 7)}.x-auto-complete-portal:focus{outline:none}\n"] }]
|
|
537
537
|
}], ctorParameters: () => [] });
|
|
538
538
|
|
|
539
539
|
class XAutoCompleteModule {
|
|
540
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
541
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
542
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
540
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
541
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteModule, imports: [XAutoCompleteComponent], exports: [XAutoCompleteComponent] }); }
|
|
542
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteModule, imports: [XAutoCompleteComponent] }); }
|
|
543
543
|
}
|
|
544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAutoCompleteModule, decorators: [{
|
|
545
545
|
type: NgModule,
|
|
546
546
|
args: [{
|
|
547
547
|
exports: [XAutoCompleteComponent],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, Component, inject, viewChild, computed, signal, effect,
|
|
2
|
+
import { input, Component, inject, viewChild, computed, signal, effect, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, NgModule } from '@angular/core';
|
|
3
3
|
import { XPropertyFunction, XToCssPixelValue, XProperty, XComputedStyle, XResize, XIsNumber, XIsObject, XIsEmpty, XIsString, XToCssPx } from '@ng-nest/ui/core';
|
|
4
4
|
import { DOCUMENT, NgClass, NgStyle } from '@angular/common';
|
|
5
5
|
import { debounceTime, map } from 'rxjs';
|
|
@@ -122,10 +122,10 @@ class XAvatarProperty extends XPropertyFunction(X_AVATAR_CONFIG_NAME) {
|
|
|
122
122
|
*/
|
|
123
123
|
this.backgroundColor = input(this.config?.backgroundColor ?? '#999999');
|
|
124
124
|
}
|
|
125
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
126
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
125
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XAvatarProperty, isStandalone: true, selector: "x-avatar-property", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
127
127
|
}
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarProperty, decorators: [{
|
|
129
129
|
type: Component,
|
|
130
130
|
args: [{ selector: `${XAvatarPrefix}-property`, template: '' }]
|
|
131
131
|
}] });
|
|
@@ -139,10 +139,10 @@ const XAvatarGroupPrefix = 'x-avatar-group';
|
|
|
139
139
|
* Avatar Group Property
|
|
140
140
|
*/
|
|
141
141
|
class XAvatarGroupProperty extends XProperty {
|
|
142
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
143
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
142
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarGroupProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
143
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: XAvatarGroupProperty, isStandalone: true, selector: "x-avatar-group-property", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
144
144
|
}
|
|
145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarGroupProperty, decorators: [{
|
|
146
146
|
type: Component,
|
|
147
147
|
args: [{ selector: `${XAvatarGroupPrefix}-property`, template: '' }]
|
|
148
148
|
}] });
|
|
@@ -239,10 +239,10 @@ class XAvatarComponent extends XAvatarProperty {
|
|
|
239
239
|
imgError() {
|
|
240
240
|
this.isImgError.set(true);
|
|
241
241
|
}
|
|
242
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
243
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
242
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
243
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XAvatarComponent, isStandalone: true, selector: "x-avatar", viewQueries: [{ propertyName: "avatar", first: true, predicate: ["avatar"], descendants: true, isSignal: true }, { propertyName: "labelRef", first: true, predicate: ["labelRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<span\r\n #avatar\r\n class=\"x-avatar\"\r\n [class.x-avatar-label]=\"label()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-avatar-error]=\"isImgError()\"\r\n [ngStyle]=\"styleMap()\"\r\n [style.backgroundColor]=\"backgroundColor()\"\r\n>\r\n @if (src() && !isImgError()) {\r\n <img [src]=\"src()\" [style.object-fit]=\"fit()\" (error)=\"imgError()\" />\r\n }\r\n @if (icon()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (isImgError()) {\r\n <x-icon type=\"fto-image\"></x-icon>\r\n }\r\n @if (label()) {\r\n <span #labelRef class=\"x-avatar-text\" [ngStyle]=\"labelStyleMap()\" *xOutlet=\"label(); context: { $label: label() }\">\r\n {{ label() }}\r\n </span>\r\n }\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0}.x-avatar{font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar>span{white-space:nowrap;transition:transform var(--x-animation-duration-base)}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
244
244
|
}
|
|
245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarComponent, decorators: [{
|
|
246
246
|
type: Component,
|
|
247
247
|
args: [{ selector: `${XAvatarPrefix}`, imports: [NgClass, NgStyle, XOutletDirective, XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n #avatar\r\n class=\"x-avatar\"\r\n [class.x-avatar-label]=\"label()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-avatar-error]=\"isImgError()\"\r\n [ngStyle]=\"styleMap()\"\r\n [style.backgroundColor]=\"backgroundColor()\"\r\n>\r\n @if (src() && !isImgError()) {\r\n <img [src]=\"src()\" [style.object-fit]=\"fit()\" (error)=\"imgError()\" />\r\n }\r\n @if (icon()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (isImgError()) {\r\n <x-icon type=\"fto-image\"></x-icon>\r\n }\r\n @if (label()) {\r\n <span #labelRef class=\"x-avatar-text\" [ngStyle]=\"labelStyleMap()\" *xOutlet=\"label(); context: { $label: label() }\">\r\n {{ label() }}\r\n </span>\r\n }\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0}.x-avatar{font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar>span{white-space:nowrap;transition:transform var(--x-animation-duration-base)}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"] }]
|
|
248
248
|
}], ctorParameters: () => [] });
|
|
@@ -252,10 +252,10 @@ class XAvatarGroupComponent extends XAvatarGroupProperty {
|
|
|
252
252
|
super(...arguments);
|
|
253
253
|
this._has = true;
|
|
254
254
|
}
|
|
255
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
256
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
255
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
256
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: XAvatarGroupComponent, isStandalone: true, selector: "x-avatar-group", host: { properties: { "class.x-avatar-group": "this._has" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: ["x-avatar-group{display:flex}.x-avatar-group{margin:0;padding:0}.x-avatar-group>x-avatar{z-index:0}.x-avatar-group>x-avatar:not(:first-child){margin-left:-.5rem}.x-avatar-group>x-avatar .x-avatar{border:var(--x-border-width) var(--x-border-style) var(--x-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
257
257
|
}
|
|
258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarGroupComponent, decorators: [{
|
|
259
259
|
type: Component,
|
|
260
260
|
args: [{ selector: `${XAvatarGroupPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: ["x-avatar-group{display:flex}.x-avatar-group{margin:0;padding:0}.x-avatar-group>x-avatar{z-index:0}.x-avatar-group>x-avatar:not(:first-child){margin-left:-.5rem}.x-avatar-group>x-avatar .x-avatar{border:var(--x-border-width) var(--x-border-style) var(--x-white)}\n"] }]
|
|
261
261
|
}], propDecorators: { _has: [{
|
|
@@ -264,11 +264,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
264
264
|
}] } });
|
|
265
265
|
|
|
266
266
|
class XAvatarModule {
|
|
267
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
268
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
269
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
267
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
268
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XAvatarModule, imports: [XAvatarComponent, XAvatarGroupComponent], exports: [XAvatarComponent, XAvatarGroupComponent] }); }
|
|
269
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarModule, imports: [XAvatarComponent] }); }
|
|
270
270
|
}
|
|
271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAvatarModule, decorators: [{
|
|
272
272
|
type: NgModule,
|
|
273
273
|
args: [{
|
|
274
274
|
exports: [XAvatarComponent, XAvatarGroupComponent],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, Component, viewChild, signal, inject, ViewContainerRef, computed, effect,
|
|
2
|
+
import { input, Component, viewChild, signal, inject, ViewContainerRef, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
3
|
import { XPropertyFunction, XToCssPixelValue, XToNumber, XIsString, XRequestAnimationFrame, XIsNumber } from '@ng-nest/ui/core';
|
|
4
4
|
import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
|
|
5
5
|
import { Subject, fromEvent } from 'rxjs';
|
|
@@ -46,10 +46,10 @@ class XBackTopProperty extends XPropertyFunction(X_BACK_TOP_CONFIG_NAME) {
|
|
|
46
46
|
*/
|
|
47
47
|
this.target = input();
|
|
48
48
|
}
|
|
49
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
50
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
49
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XBackTopProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XBackTopProperty, isStandalone: true, selector: "x-back-top-property", inputs: { right: { classPropertyName: "right", publicName: "right", isSignal: true, isRequired: false, transformFunction: null }, bottom: { classPropertyName: "bottom", publicName: "bottom", isSignal: true, isRequired: false, transformFunction: null }, visibilityHeight: { classPropertyName: "visibilityHeight", publicName: "visibilityHeight", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XBackTopProperty, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{ selector: `${XBackTopPrefix}-property`, template: '' }]
|
|
55
55
|
}] });
|
|
@@ -98,6 +98,7 @@ class XBackTopComponent extends XBackTopProperty {
|
|
|
98
98
|
}
|
|
99
99
|
setVisible(scrollTop) {
|
|
100
100
|
const visible = scrollTop >= this.visibilityHeight();
|
|
101
|
+
console.log(this.visibilityHeight(), scrollTop, visible);
|
|
101
102
|
if (this.visiable() !== visible) {
|
|
102
103
|
this.visiable.set(visible);
|
|
103
104
|
if (this.visiable()) {
|
|
@@ -141,20 +142,20 @@ class XBackTopComponent extends XBackTopProperty {
|
|
|
141
142
|
this.scroll().scrollTop = top;
|
|
142
143
|
}
|
|
143
144
|
}
|
|
144
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
145
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
145
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XBackTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
146
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XBackTopComponent, isStandalone: true, selector: "x-back-top", viewQueries: [{ propertyName: "backTopTpl", first: true, predicate: ["backTopTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #backTopTpl>\r\n <div class=\"x-back-top\" (click)=\"onBackTop()\">\r\n @if (!template()) {\r\n <x-link icon=\"fto-arrow-up\"> </x-link>\r\n }\r\n @if (template()) {\r\n <ng-container *ngTemplateOutlet=\"template()!\"></ng-container>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: [".x-back-top{margin:0;padding:0}.x-back-top{display:flex;align-items:center;justify-content:center}.x-back-top>x-link .x-link{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--x-background-a100);font-size:1.25rem;border:var(--x-border-width) var(--x-border-style) var(--x-border)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XLinkComponent, selector: "x-link" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
146
147
|
}
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XBackTopComponent, decorators: [{
|
|
148
149
|
type: Component,
|
|
149
150
|
args: [{ selector: `${XBackTopPrefix}`, imports: [NgTemplateOutlet, XLinkComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #backTopTpl>\r\n <div class=\"x-back-top\" (click)=\"onBackTop()\">\r\n @if (!template()) {\r\n <x-link icon=\"fto-arrow-up\"> </x-link>\r\n }\r\n @if (template()) {\r\n <ng-container *ngTemplateOutlet=\"template()!\"></ng-container>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: [".x-back-top{margin:0;padding:0}.x-back-top{display:flex;align-items:center;justify-content:center}.x-back-top>x-link .x-link{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--x-background-a100);font-size:1.25rem;border:var(--x-border-width) var(--x-border-style) var(--x-border)}\n"] }]
|
|
150
151
|
}], ctorParameters: () => [] });
|
|
151
152
|
|
|
152
153
|
class XBackTopModule {
|
|
153
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
154
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
155
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
154
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XBackTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
155
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XBackTopModule, imports: [XBackTopComponent], exports: [XBackTopComponent] }); }
|
|
156
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XBackTopModule, imports: [XBackTopComponent] }); }
|
|
156
157
|
}
|
|
157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XBackTopModule, decorators: [{
|
|
158
159
|
type: NgModule,
|
|
159
160
|
args: [{
|
|
160
161
|
exports: [XBackTopComponent],
|