@spicainternational/ngx-sds-components 8.8.1 → 9.0.0-beta.2
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/fesm2022/spicainternational-ngx-sds-components-src-lib-app-switcher.mjs +6 -6
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-app-switcher.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-avatar.mjs +8 -8
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-avatar.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-badge.mjs +7 -7
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-badge.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-callout.mjs +3 -3
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-callout.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-color-picker.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-color-picker.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-date-picker.mjs +7 -7
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-date-picker.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-date-pipes.mjs +15 -15
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-date-pipes.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-drawer.mjs +3 -3
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-drawer.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-box.mjs +7 -7
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-box.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs +3 -3
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs +3 -3
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs +6 -6
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-intersection.mjs +7 -8
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-intersection.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs +5 -6
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-layout.mjs +20 -20
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-layout.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-message.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-message.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-modal.mjs +11 -11
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-modal.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-navigation.mjs +93 -93
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-navigation.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-number-box.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-number-box.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-page-header.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-page-header.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-pane.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-pane.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-quick-info.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-quick-info.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-ripple.mjs +3 -3
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-ripple.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs +9 -9
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-side-bar.mjs +6 -6
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-side-bar.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-static-value.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-static-value.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-table-actions.mjs +5 -5
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-table-actions.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-timeline.mjs +4 -4
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-timeline.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-timer.mjs +3 -3
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-timer.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-tooltip.mjs +7 -7
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-tooltip.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-utils.mjs.map +1 -1
- package/package.json +45 -113
- package/{src/lib/app-switcher/app-switcher.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-app-switcher.d.ts} +16 -4
- package/{src/lib/avatar/avatar.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-avatar.d.ts} +40 -3
- package/{src/lib/badge/badge.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-badge.d.ts} +9 -4
- package/{src/lib/callout/callout.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-callout.d.ts} +5 -2
- package/{src/lib/color-picker/color-picker.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-color-picker.d.ts} +8 -4
- package/{src/lib/date-picker/date-picker.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-date-picker.d.ts} +56 -10
- package/types/spicainternational-ngx-sds-components-src-lib-date-pipes.d.ts +82 -0
- package/{src/lib/drawer/drawer.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-drawer.d.ts} +5 -2
- package/{src/lib/duration-box/duration-box.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-duration-box.d.ts} +18 -5
- package/{src/lib/duration-pipe/duration-format.pipe.d.ts → types/spicainternational-ngx-sds-components-src-lib-duration-pipe.d.ts} +5 -2
- package/{src/lib/ellipsis/directives/ellipsis.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-ellipsis.d.ts} +5 -2
- package/{src/lib/expansion-panel/expansion-panel.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-expansion-panel.d.ts} +8 -3
- package/{src/lib/highlight-text/directives/highlight-text.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-highlight-text.d.ts} +15 -3
- package/types/spicainternational-ngx-sds-components-src-lib-intersection.d.ts +44 -0
- package/types/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.d.ts +20 -0
- package/types/spicainternational-ngx-sds-components-src-lib-layout.d.ts +39 -0
- package/{src/lib/message/message.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-message.d.ts} +6 -3
- package/types/spicainternational-ngx-sds-components-src-lib-modal.d.ts +127 -0
- package/types/spicainternational-ngx-sds-components-src-lib-navigation.d.ts +256 -0
- package/{src/lib/number-box/number-box.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-number-box.d.ts} +11 -7
- package/{src/lib/page-header/page-header.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-page-header.d.ts} +6 -3
- package/{src/lib/pane/pane.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-pane.d.ts} +17 -5
- package/{src/lib/quick-info/quick-info.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-quick-info.d.ts} +16 -4
- package/{src/lib/ripple/ripple.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-ripple.d.ts} +6 -3
- package/types/spicainternational-ngx-sds-components-src-lib-segmented-control.d.ts +45 -0
- package/types/spicainternational-ngx-sds-components-src-lib-side-bar.d.ts +33 -0
- package/{src/lib/static-value/static-value.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-static-value.d.ts} +5 -2
- package/{src/lib/table-actions/table-actions.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-table-actions.d.ts} +5 -2
- package/{src/lib/timeline/components/timeline.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-timeline.d.ts} +47 -5
- package/types/spicainternational-ngx-sds-components-src-lib-timer.d.ts +143 -0
- package/{src/lib/tooltip/tooltip.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-tooltip.d.ts} +9 -4
- package/types/spicainternational-ngx-sds-components-src-lib-utils-date-time.d.ts +9 -0
- package/types/spicainternational-ngx-sds-components-src-lib-utils.d.ts +9 -0
- package/esm2022/public-api.mjs +0 -36
- package/esm2022/spicainternational-ngx-sds-components.mjs +0 -5
- package/esm2022/src/lib/app-switcher/app-switcher.component.mjs +0 -116
- package/esm2022/src/lib/app-switcher/app-switcher.model.mjs +0 -2
- package/esm2022/src/lib/app-switcher/public-api.mjs +0 -3
- package/esm2022/src/lib/app-switcher/spicainternational-ngx-sds-components-src-lib-app-switcher.mjs +0 -5
- package/esm2022/src/lib/avatar/avatar-group.component.mjs +0 -82
- package/esm2022/src/lib/avatar/avatar-group.model.mjs +0 -2
- package/esm2022/src/lib/avatar/avatar.component.mjs +0 -165
- package/esm2022/src/lib/avatar/public-api.mjs +0 -4
- package/esm2022/src/lib/avatar/spicainternational-ngx-sds-components-src-lib-avatar.mjs +0 -5
- package/esm2022/src/lib/badge/badge.directive.mjs +0 -90
- package/esm2022/src/lib/badge/badge.types.mjs +0 -2
- package/esm2022/src/lib/badge/components/badge.component.mjs +0 -59
- package/esm2022/src/lib/badge/public-api.mjs +0 -2
- package/esm2022/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.mjs +0 -5
- package/esm2022/src/lib/callout/callout.component.mjs +0 -20
- package/esm2022/src/lib/callout/public-api.mjs +0 -2
- package/esm2022/src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.mjs +0 -5
- package/esm2022/src/lib/color-picker/color-picker.component.mjs +0 -82
- package/esm2022/src/lib/color-picker/public-api.mjs +0 -2
- package/esm2022/src/lib/color-picker/spicainternational-ngx-sds-components-src-lib-color-picker.mjs +0 -5
- package/esm2022/src/lib/date-picker/date-picker.component.mjs +0 -893
- package/esm2022/src/lib/date-picker/date-picker.model.mjs +0 -71
- package/esm2022/src/lib/date-picker/public-api.mjs +0 -3
- package/esm2022/src/lib/date-picker/sds-date-picker.service.mjs +0 -90
- package/esm2022/src/lib/date-picker/spicainternational-ngx-sds-components-src-lib-date-picker.mjs +0 -5
- package/esm2022/src/lib/date-pipes/date-compare.pipe.mjs +0 -32
- package/esm2022/src/lib/date-pipes/date-format.pipe.mjs +0 -31
- package/esm2022/src/lib/date-pipes/date-period-format.pipe.mjs +0 -49
- package/esm2022/src/lib/date-pipes/date-time-formats.constants.mjs +0 -156
- package/esm2022/src/lib/date-pipes/date-time-range-duration.pipe.mjs +0 -33
- package/esm2022/src/lib/date-pipes/date-time-range-format.pipe.mjs +0 -45
- package/esm2022/src/lib/date-pipes/public-api.mjs +0 -8
- package/esm2022/src/lib/date-pipes/spicainternational-ngx-sds-components-src-lib-date-pipes.mjs +0 -5
- package/esm2022/src/lib/drawer/drawer.component.mjs +0 -103
- package/esm2022/src/lib/drawer/public-api.mjs +0 -2
- package/esm2022/src/lib/drawer/spicainternational-ngx-sds-components-src-lib-drawer.mjs +0 -5
- package/esm2022/src/lib/duration-box/duration-box.component.mjs +0 -279
- package/esm2022/src/lib/duration-box/duration-box.types.mjs +0 -2
- package/esm2022/src/lib/duration-box/duration.service.mjs +0 -72
- package/esm2022/src/lib/duration-box/public-api.mjs +0 -2
- package/esm2022/src/lib/duration-box/spicainternational-ngx-sds-components-src-lib-duration-box.mjs +0 -5
- package/esm2022/src/lib/duration-pipe/duration-format.pipe.mjs +0 -27
- package/esm2022/src/lib/duration-pipe/public-api.mjs +0 -2
- package/esm2022/src/lib/duration-pipe/spicainternational-ngx-sds-components-src-lib-duration-pipe.mjs +0 -5
- package/esm2022/src/lib/ellipsis/directives/ellipsis.directive.mjs +0 -52
- package/esm2022/src/lib/ellipsis/public-api.mjs +0 -2
- package/esm2022/src/lib/ellipsis/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs +0 -5
- package/esm2022/src/lib/expansion-panel/expansion-panel.component.mjs +0 -86
- package/esm2022/src/lib/expansion-panel/expansion-panel.types.mjs +0 -2
- package/esm2022/src/lib/expansion-panel/public-api.mjs +0 -2
- package/esm2022/src/lib/expansion-panel/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs +0 -5
- package/esm2022/src/lib/highlight-text/directives/highlight-text.directive.mjs +0 -61
- package/esm2022/src/lib/highlight-text/directives/index.mjs +0 -2
- package/esm2022/src/lib/highlight-text/pipes/highlight-text.pipe.mjs +0 -30
- package/esm2022/src/lib/highlight-text/pipes/index.mjs +0 -2
- package/esm2022/src/lib/highlight-text/public-api.mjs +0 -3
- package/esm2022/src/lib/highlight-text/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs +0 -5
- package/esm2022/src/lib/highlight-text/utils/highlight-text.utils.mjs +0 -97
- package/esm2022/src/lib/highlight-text/utils/index.mjs +0 -2
- package/esm2022/src/lib/intersection/directives/index.mjs +0 -2
- package/esm2022/src/lib/intersection/directives/intersection.directive.mjs +0 -52
- package/esm2022/src/lib/intersection/public-api.mjs +0 -3
- package/esm2022/src/lib/intersection/services/index.mjs +0 -2
- package/esm2022/src/lib/intersection/services/intersection.service.mjs +0 -54
- package/esm2022/src/lib/intersection/spicainternational-ngx-sds-components-src-lib-intersection.mjs +0 -5
- package/esm2022/src/lib/keyboard-shortcut/directives/index.mjs +0 -2
- package/esm2022/src/lib/keyboard-shortcut/directives/keyboard-shortcut.directive.mjs +0 -47
- package/esm2022/src/lib/keyboard-shortcut/public-api.mjs +0 -2
- package/esm2022/src/lib/keyboard-shortcut/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs +0 -5
- package/esm2022/src/lib/layout/default-layout/default-layout.component.mjs +0 -15
- package/esm2022/src/lib/layout/extra-large-layout/extra-large-layout.component.mjs +0 -15
- package/esm2022/src/lib/layout/fluid-layout/fluid-layout.component.mjs +0 -15
- package/esm2022/src/lib/layout/medium-layout/medium-layout.component.mjs +0 -15
- package/esm2022/src/lib/layout/public-api.mjs +0 -6
- package/esm2022/src/lib/layout/small-layout/small-layout.component.mjs +0 -15
- package/esm2022/src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.mjs +0 -5
- package/esm2022/src/lib/message/message.component.mjs +0 -60
- package/esm2022/src/lib/message/public-api.mjs +0 -2
- package/esm2022/src/lib/message/spicainternational-ngx-sds-components-src-lib-message.mjs +0 -5
- package/esm2022/src/lib/modal/dialog/dialog.component.mjs +0 -187
- package/esm2022/src/lib/modal/dialog/dialog.types.mjs +0 -2
- package/esm2022/src/lib/modal/modal.component.mjs +0 -159
- package/esm2022/src/lib/modal/modal.model.mjs +0 -2
- package/esm2022/src/lib/modal/public-api.mjs +0 -3
- package/esm2022/src/lib/modal/spicainternational-ngx-sds-components-src-lib-modal.mjs +0 -5
- package/esm2022/src/lib/navigation/models/navigation-models.mjs +0 -2
- package/esm2022/src/lib/navigation/navigation-collapsible-frame/navigation-collapsible-frame.component.mjs +0 -17
- package/esm2022/src/lib/navigation/navigation-container/navigation-container.component.mjs +0 -58
- package/esm2022/src/lib/navigation/navigation-external-link/navigation-external-link.component.mjs +0 -33
- package/esm2022/src/lib/navigation/navigation-group/navigation-group.component.mjs +0 -220
- package/esm2022/src/lib/navigation/navigation-header/navigation-header.component.mjs +0 -21
- package/esm2022/src/lib/navigation/navigation-route-link/navigation-route-link.component.mjs +0 -73
- package/esm2022/src/lib/navigation/navigation-separator/navigation-separator.component.mjs +0 -15
- package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-action-button/user-profile-action-button.component.mjs +0 -30
- package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-selector/user-profile-selector.component.mjs +0 -45
- package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-selector/user-profile-selector.types.mjs +0 -2
- package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-tile/user-profile-tile.component.mjs +0 -25
- package/esm2022/src/lib/navigation/navigation-user-profile/navigation-profile.model.mjs +0 -2
- package/esm2022/src/lib/navigation/navigation-user-profile/navigation-user-profile.component.mjs +0 -107
- package/esm2022/src/lib/navigation/pipes/active-route-pattern.pipe.mjs +0 -38
- package/esm2022/src/lib/navigation/product-home/product-home.component.mjs +0 -70
- package/esm2022/src/lib/navigation/public-api.mjs +0 -15
- package/esm2022/src/lib/navigation/spicainternational-ngx-sds-components-src-lib-navigation.mjs +0 -5
- package/esm2022/src/lib/navigation/utils/navigation.utils.mjs +0 -48
- package/esm2022/src/lib/number-box/number-box.component.mjs +0 -138
- package/esm2022/src/lib/number-box/public-api.mjs +0 -2
- package/esm2022/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.mjs +0 -5
- package/esm2022/src/lib/page-header/page-header.component.mjs +0 -25
- package/esm2022/src/lib/page-header/public-api.mjs +0 -2
- package/esm2022/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.mjs +0 -5
- package/esm2022/src/lib/pane/pane.component.mjs +0 -43
- package/esm2022/src/lib/pane/pane.model.mjs +0 -2
- package/esm2022/src/lib/pane/public-api.mjs +0 -3
- package/esm2022/src/lib/pane/spicainternational-ngx-sds-components-src-lib-pane.mjs +0 -5
- package/esm2022/src/lib/quick-info/public-api.mjs +0 -2
- package/esm2022/src/lib/quick-info/quick-info.component.mjs +0 -121
- package/esm2022/src/lib/quick-info/quick-info.model.mjs +0 -2
- package/esm2022/src/lib/quick-info/spicainternational-ngx-sds-components-src-lib-quick-info.mjs +0 -5
- package/esm2022/src/lib/ripple/public-api.mjs +0 -2
- package/esm2022/src/lib/ripple/ripple.directive.mjs +0 -103
- package/esm2022/src/lib/ripple/spicainternational-ngx-sds-components-src-lib-ripple.mjs +0 -5
- package/esm2022/src/lib/segmented-control/public-api.mjs +0 -2
- package/esm2022/src/lib/segmented-control/segmented-control.component.mjs +0 -239
- package/esm2022/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs +0 -5
- package/esm2022/src/lib/side-bar/public-api.mjs +0 -2
- package/esm2022/src/lib/side-bar/side-bar.component.mjs +0 -45
- package/esm2022/src/lib/side-bar/spicainternational-ngx-sds-components-src-lib-side-bar.mjs +0 -5
- package/esm2022/src/lib/static-value/public-api.mjs +0 -2
- package/esm2022/src/lib/static-value/spicainternational-ngx-sds-components-src-lib-static-value.mjs +0 -5
- package/esm2022/src/lib/static-value/static-value.component.mjs +0 -25
- package/esm2022/src/lib/table-actions/public-api.mjs +0 -2
- package/esm2022/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.mjs +0 -5
- package/esm2022/src/lib/table-actions/table-actions.component.mjs +0 -49
- package/esm2022/src/lib/timeline/components/timeline.component.mjs +0 -398
- package/esm2022/src/lib/timeline/models/timeline.model.mjs +0 -2
- package/esm2022/src/lib/timeline/public-api.mjs +0 -2
- package/esm2022/src/lib/timeline/services/timeline.service.mjs +0 -152
- package/esm2022/src/lib/timeline/spicainternational-ngx-sds-components-src-lib-timeline.mjs +0 -5
- package/esm2022/src/lib/timeline/types/timeline.types.mjs +0 -2
- package/esm2022/src/lib/timer/public-api.mjs +0 -3
- package/esm2022/src/lib/timer/services/index.mjs +0 -2
- package/esm2022/src/lib/timer/services/timer.service.mjs +0 -99
- package/esm2022/src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.mjs +0 -5
- package/esm2022/src/lib/timer/utils/index.mjs +0 -2
- package/esm2022/src/lib/timer/utils/timer.utils.mjs +0 -97
- package/esm2022/src/lib/tooltip/components/tooltip.component.mjs +0 -26
- package/esm2022/src/lib/tooltip/public-api.mjs +0 -2
- package/esm2022/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.mjs +0 -5
- package/esm2022/src/lib/tooltip/tooltip.directive.mjs +0 -192
- package/esm2022/src/lib/tooltip/tooltip.types.mjs +0 -2
- package/esm2022/src/lib/tooltip/utils/index.mjs +0 -2
- package/esm2022/src/lib/tooltip/utils/tooltip.utils.mjs +0 -17
- package/esm2022/src/lib/utils/date-time/date-time-format.function.mjs +0 -15
- package/esm2022/src/lib/utils/date-time/intl-date-time-format-options-presets.mjs +0 -29
- package/esm2022/src/lib/utils/date-time/public-api.mjs +0 -3
- package/esm2022/src/lib/utils/date-time/spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs +0 -5
- package/esm2022/src/lib/utils/public-api.mjs +0 -2
- package/esm2022/src/lib/utils/spicainternational-ngx-sds-components-src-lib-utils.mjs +0 -5
- package/index.d.ts +0 -5
- package/src/lib/app-switcher/app-switcher.model.d.ts +0 -8
- package/src/lib/app-switcher/index.d.ts +0 -5
- package/src/lib/app-switcher/public-api.d.ts +0 -2
- package/src/lib/avatar/avatar-group.component.d.ts +0 -28
- package/src/lib/avatar/avatar-group.model.d.ts +0 -6
- package/src/lib/avatar/index.d.ts +0 -5
- package/src/lib/avatar/public-api.d.ts +0 -3
- package/src/lib/badge/badge.types.d.ts +0 -2
- package/src/lib/badge/components/badge.component.d.ts +0 -23
- package/src/lib/badge/index.d.ts +0 -5
- package/src/lib/badge/public-api.d.ts +0 -1
- package/src/lib/callout/index.d.ts +0 -5
- package/src/lib/callout/public-api.d.ts +0 -1
- package/src/lib/color-picker/index.d.ts +0 -5
- package/src/lib/color-picker/public-api.d.ts +0 -1
- package/src/lib/date-picker/date-picker.model.d.ts +0 -34
- package/src/lib/date-picker/index.d.ts +0 -5
- package/src/lib/date-picker/public-api.d.ts +0 -2
- package/src/lib/date-picker/sds-date-picker.service.d.ts +0 -9
- package/src/lib/date-pipes/date-compare.pipe.d.ts +0 -7
- package/src/lib/date-pipes/date-format.pipe.d.ts +0 -19
- package/src/lib/date-pipes/date-period-format.pipe.d.ts +0 -11
- package/src/lib/date-pipes/date-time-formats.constants.d.ts +0 -22
- package/src/lib/date-pipes/date-time-range-duration.pipe.d.ts +0 -7
- package/src/lib/date-pipes/date-time-range-format.pipe.d.ts +0 -15
- package/src/lib/date-pipes/index.d.ts +0 -5
- package/src/lib/date-pipes/public-api.d.ts +0 -7
- package/src/lib/drawer/index.d.ts +0 -5
- package/src/lib/drawer/public-api.d.ts +0 -1
- package/src/lib/duration-box/duration-box.types.d.ts +0 -1
- package/src/lib/duration-box/duration.service.d.ts +0 -10
- package/src/lib/duration-box/index.d.ts +0 -5
- package/src/lib/duration-box/public-api.d.ts +0 -1
- package/src/lib/duration-pipe/index.d.ts +0 -5
- package/src/lib/duration-pipe/public-api.d.ts +0 -1
- package/src/lib/ellipsis/index.d.ts +0 -5
- package/src/lib/ellipsis/public-api.d.ts +0 -1
- package/src/lib/expansion-panel/expansion-panel.types.d.ts +0 -2
- package/src/lib/expansion-panel/index.d.ts +0 -5
- package/src/lib/expansion-panel/public-api.d.ts +0 -1
- package/src/lib/highlight-text/directives/index.d.ts +0 -1
- package/src/lib/highlight-text/index.d.ts +0 -5
- package/src/lib/highlight-text/pipes/highlight-text.pipe.d.ts +0 -11
- package/src/lib/highlight-text/pipes/index.d.ts +0 -1
- package/src/lib/highlight-text/public-api.d.ts +0 -2
- package/src/lib/highlight-text/utils/highlight-text.utils.d.ts +0 -23
- package/src/lib/highlight-text/utils/index.d.ts +0 -1
- package/src/lib/intersection/directives/index.d.ts +0 -1
- package/src/lib/intersection/directives/intersection.directive.d.ts +0 -24
- package/src/lib/intersection/index.d.ts +0 -5
- package/src/lib/intersection/public-api.d.ts +0 -2
- package/src/lib/intersection/services/index.d.ts +0 -1
- package/src/lib/intersection/services/intersection.service.d.ts +0 -19
- package/src/lib/keyboard-shortcut/directives/index.d.ts +0 -1
- package/src/lib/keyboard-shortcut/directives/keyboard-shortcut.directive.d.ts +0 -17
- package/src/lib/keyboard-shortcut/index.d.ts +0 -5
- package/src/lib/keyboard-shortcut/public-api.d.ts +0 -1
- package/src/lib/layout/default-layout/default-layout.component.d.ts +0 -8
- package/src/lib/layout/extra-large-layout/extra-large-layout.component.d.ts +0 -8
- package/src/lib/layout/fluid-layout/fluid-layout.component.d.ts +0 -8
- package/src/lib/layout/index.d.ts +0 -5
- package/src/lib/layout/medium-layout/medium-layout.component.d.ts +0 -8
- package/src/lib/layout/public-api.d.ts +0 -5
- package/src/lib/layout/small-layout/small-layout.component.d.ts +0 -8
- package/src/lib/message/index.d.ts +0 -5
- package/src/lib/message/public-api.d.ts +0 -1
- package/src/lib/modal/dialog/dialog.component.d.ts +0 -61
- package/src/lib/modal/dialog/dialog.types.d.ts +0 -1
- package/src/lib/modal/index.d.ts +0 -5
- package/src/lib/modal/modal.component.d.ts +0 -60
- package/src/lib/modal/modal.model.d.ts +0 -3
- package/src/lib/modal/public-api.d.ts +0 -2
- package/src/lib/navigation/index.d.ts +0 -5
- package/src/lib/navigation/models/navigation-models.d.ts +0 -4
- package/src/lib/navigation/navigation-collapsible-frame/navigation-collapsible-frame.component.d.ts +0 -7
- package/src/lib/navigation/navigation-container/navigation-container.component.d.ts +0 -25
- package/src/lib/navigation/navigation-external-link/navigation-external-link.component.d.ts +0 -13
- package/src/lib/navigation/navigation-group/navigation-group.component.d.ts +0 -65
- package/src/lib/navigation/navigation-header/navigation-header.component.d.ts +0 -11
- package/src/lib/navigation/navigation-route-link/navigation-route-link.component.d.ts +0 -31
- package/src/lib/navigation/navigation-separator/navigation-separator.component.d.ts +0 -10
- package/src/lib/navigation/navigation-user-profile/components/user-profile-action-button/user-profile-action-button.component.d.ts +0 -11
- package/src/lib/navigation/navigation-user-profile/components/user-profile-selector/user-profile-selector.component.d.ts +0 -17
- package/src/lib/navigation/navigation-user-profile/components/user-profile-selector/user-profile-selector.types.d.ts +0 -1
- package/src/lib/navigation/navigation-user-profile/components/user-profile-tile/user-profile-tile.component.d.ts +0 -9
- package/src/lib/navigation/navigation-user-profile/navigation-profile.model.d.ts +0 -6
- package/src/lib/navigation/navigation-user-profile/navigation-user-profile.component.d.ts +0 -34
- package/src/lib/navigation/pipes/active-route-pattern.pipe.d.ts +0 -21
- package/src/lib/navigation/product-home/product-home.component.d.ts +0 -31
- package/src/lib/navigation/public-api.d.ts +0 -14
- package/src/lib/navigation/utils/navigation.utils.d.ts +0 -2
- package/src/lib/number-box/index.d.ts +0 -5
- package/src/lib/number-box/public-api.d.ts +0 -1
- package/src/lib/page-header/index.d.ts +0 -5
- package/src/lib/page-header/public-api.d.ts +0 -1
- package/src/lib/pane/index.d.ts +0 -5
- package/src/lib/pane/pane.model.d.ts +0 -8
- package/src/lib/pane/public-api.d.ts +0 -2
- package/src/lib/quick-info/index.d.ts +0 -5
- package/src/lib/quick-info/public-api.d.ts +0 -1
- package/src/lib/quick-info/quick-info.model.d.ts +0 -9
- package/src/lib/ripple/index.d.ts +0 -5
- package/src/lib/ripple/public-api.d.ts +0 -1
- package/src/lib/segmented-control/index.d.ts +0 -5
- package/src/lib/segmented-control/public-api.d.ts +0 -1
- package/src/lib/segmented-control/segmented-control.component.d.ts +0 -42
- package/src/lib/side-bar/index.d.ts +0 -5
- package/src/lib/side-bar/public-api.d.ts +0 -1
- package/src/lib/side-bar/side-bar.component.d.ts +0 -30
- package/src/lib/static-value/index.d.ts +0 -5
- package/src/lib/static-value/public-api.d.ts +0 -1
- package/src/lib/table-actions/index.d.ts +0 -5
- package/src/lib/table-actions/public-api.d.ts +0 -1
- package/src/lib/timeline/index.d.ts +0 -5
- package/src/lib/timeline/models/timeline.model.d.ts +0 -38
- package/src/lib/timeline/public-api.d.ts +0 -1
- package/src/lib/timeline/services/timeline.service.d.ts +0 -24
- package/src/lib/timeline/types/timeline.types.d.ts +0 -2
- package/src/lib/timer/index.d.ts +0 -5
- package/src/lib/timer/public-api.d.ts +0 -2
- package/src/lib/timer/services/index.d.ts +0 -1
- package/src/lib/timer/services/timer.service.d.ts +0 -78
- package/src/lib/timer/utils/index.d.ts +0 -1
- package/src/lib/timer/utils/timer.utils.d.ts +0 -61
- package/src/lib/tooltip/components/tooltip.component.d.ts +0 -18
- package/src/lib/tooltip/index.d.ts +0 -5
- package/src/lib/tooltip/public-api.d.ts +0 -1
- package/src/lib/tooltip/tooltip.types.d.ts +0 -2
- package/src/lib/tooltip/utils/index.d.ts +0 -1
- package/src/lib/tooltip/utils/tooltip.utils.d.ts +0 -5
- package/src/lib/utils/date-time/date-time-format.function.d.ts +0 -2
- package/src/lib/utils/date-time/index.d.ts +0 -5
- package/src/lib/utils/date-time/intl-date-time-format-options-presets.d.ts +0 -4
- package/src/lib/utils/date-time/public-api.d.ts +0 -2
- package/src/lib/utils/index.d.ts +0 -5
- package/src/lib/utils/public-api.d.ts +0 -1
- /package/{public-api.d.ts → types/spicainternational-ngx-sds-components.d.ts} +0 -0
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import { NgIf, NgOptimizedImage } from '@angular/common';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Class definition
|
|
6
|
-
* @property {string} text - text that is parsed for initials. If showHint is set to true this text will be shown in hint
|
|
7
|
-
* @property {string} colorKey - value that is base for calculating color of avatar
|
|
8
|
-
* @property {boolean} showHint - show hint with text
|
|
9
|
-
* @property {string} initialsText - override internal extraction of initials and set avatar text directly
|
|
10
|
-
*
|
|
11
|
-
* @property {string} pictureUri - uri of picture to show on avatar (supports http/https URLs and base64 data URIs)
|
|
12
|
-
* @property {string} pictureImageAlt - alt text for image, for accessibility
|
|
13
|
-
* @property {string} pictureLoading - loading strategy for image, lazy or eager (only applies to URLs, not base64)
|
|
14
|
-
* @property {boolean} picturePriority - if true image is considered high priority and will be loaded before other images (only applies to URLs, not base64)
|
|
15
|
-
*
|
|
16
|
-
* @property {string} badgeVisible - show badge on avatar
|
|
17
|
-
* @property {string} badgePosition - position of badge
|
|
18
|
-
* @property {string} badgeBackgroundColor - background color of badge
|
|
19
|
-
* @property {string} badgeTextColor - text color of badge
|
|
20
|
-
* @property {string} badgeHint - hint text for badge
|
|
21
|
-
*/
|
|
22
|
-
export class SdsAvatarComponent {
|
|
23
|
-
constructor() {
|
|
24
|
-
this.showHint = false;
|
|
25
|
-
this.borderStyle = 'none';
|
|
26
|
-
this.borderWidth = '1px';
|
|
27
|
-
this.size = 2;
|
|
28
|
-
this.pictureImageAlt = 'User avatar';
|
|
29
|
-
this.pictureLoading = 'lazy';
|
|
30
|
-
this.picturePriority = false;
|
|
31
|
-
this.badgeVisible = false;
|
|
32
|
-
this.badgePosition = 'bottom-right';
|
|
33
|
-
this.badgeBackgroundColor = 'var(--bs-danger)';
|
|
34
|
-
this.badgeTextColor = 'white';
|
|
35
|
-
this.isBase64Image = false;
|
|
36
|
-
this.label = '';
|
|
37
|
-
this.showPicture = false;
|
|
38
|
-
this.colorClass = 'color18';
|
|
39
|
-
this.imageSizeInPixels = this.calculatePixelSize();
|
|
40
|
-
}
|
|
41
|
-
ngAfterViewInit() {
|
|
42
|
-
this.setShowPicture();
|
|
43
|
-
this.setColorClass();
|
|
44
|
-
}
|
|
45
|
-
ngOnChanges(changes) {
|
|
46
|
-
if (changes['initialsText']) {
|
|
47
|
-
this.setLabel();
|
|
48
|
-
}
|
|
49
|
-
if (changes['text']) {
|
|
50
|
-
this.setLabel();
|
|
51
|
-
}
|
|
52
|
-
if (changes['pictureUri']) {
|
|
53
|
-
this.setShowPicture();
|
|
54
|
-
this.checkIfBase64();
|
|
55
|
-
}
|
|
56
|
-
if (changes['colorKey']) {
|
|
57
|
-
this.setColorClass();
|
|
58
|
-
}
|
|
59
|
-
if (changes['size']) {
|
|
60
|
-
this.imageSizeInPixels = this.calculatePixelSize();
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
setShowPicture() {
|
|
64
|
-
this.showPicture = !!this.pictureUri && this.pictureUri?.length > 0;
|
|
65
|
-
}
|
|
66
|
-
checkIfBase64() {
|
|
67
|
-
if (this.pictureUri) {
|
|
68
|
-
// Check if the URI is a data URI (base64)
|
|
69
|
-
this.isBase64Image = this.pictureUri.startsWith('data:');
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
this.isBase64Image = false;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
setColorClass() {
|
|
76
|
-
if (this.colorKey) {
|
|
77
|
-
this.colorClass = 'color' + this.getColorIndex(this.colorKey);
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
this.colorClass = 'color18';
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
setLabel() {
|
|
84
|
-
if (this.initialsText && this.initialsText?.length > 0) {
|
|
85
|
-
this.label = this.initialsText;
|
|
86
|
-
}
|
|
87
|
-
else {
|
|
88
|
-
this.label = '';
|
|
89
|
-
if (this.text && this.text?.length > 0) {
|
|
90
|
-
const initialsFromText = this.text
|
|
91
|
-
.trim()
|
|
92
|
-
.toUpperCase()
|
|
93
|
-
.split(' ')
|
|
94
|
-
.map((n) => n[0])
|
|
95
|
-
.filter(x => !!x);
|
|
96
|
-
if (initialsFromText.length > 0) {
|
|
97
|
-
this.label = initialsFromText[0];
|
|
98
|
-
if (initialsFromText.length > 1) {
|
|
99
|
-
this.label = `${this.label}${initialsFromText[initialsFromText.length - 1]}`;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
calculatePixelSize() {
|
|
106
|
-
// Convert rem to pixels (assuming 1rem = 16px, which is the browser default)
|
|
107
|
-
// You can adjust this multiplier based on your root font-size
|
|
108
|
-
const remToPixelRatio = 15;
|
|
109
|
-
return Math.round(this.size * remToPixelRatio);
|
|
110
|
-
}
|
|
111
|
-
getColorIndex(s) {
|
|
112
|
-
const length = 10;
|
|
113
|
-
if (!s) {
|
|
114
|
-
return 0;
|
|
115
|
-
}
|
|
116
|
-
let sumOfChars = s
|
|
117
|
-
.split('')
|
|
118
|
-
.map((x) => x.charCodeAt(0))
|
|
119
|
-
.reduce((a, b) => a + b, 0);
|
|
120
|
-
return sumOfChars % length;
|
|
121
|
-
}
|
|
122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsAvatarComponent, isStandalone: true, selector: "sds-avatar", inputs: { text: "text", colorKey: "colorKey", pictureUri: "pictureUri", showHint: "showHint", borderStyle: "borderStyle", borderColor: "borderColor", borderWidth: "borderWidth", initialsText: "initialsText", cursor: "cursor", size: "size", pictureImageAlt: "pictureImageAlt", pictureLoading: "pictureLoading", picturePriority: "picturePriority", badgeVisible: "badgeVisible", badgePosition: "badgePosition", badgeBackgroundColor: "badgeBackgroundColor", badgeTextColor: "badgeTextColor", badgeHint: "badgeHint" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"avatar circle d-flex justify-content-center align-items-center position-relative\"\n [class]=\"colorClass\"\n [class.hasPicture]=\"showPicture\"\n [title]=\"showHint ? text : ''\"\n [style.border-style]=\"borderStyle.toString()\"\n [style.border-color]=\"borderColor\"\n [style.border-width]=\"borderWidth\"\n [style.cursor]=\"cursor ? cursor : 'default'\"\n [style.font-size.rem]=\"size\"\n>\n <span \n *ngIf=\"!showPicture\" \n class=\"initials\"\n >\n {{ label }}\n </span>\n\n <!-- For base64 images, use regular src attribute -->\n <img \n *ngIf=\"showPicture && isBase64Image\" \n [src]=\"pictureUri\"\n [width]=\"imageSizeInPixels\"\n [height]=\"imageSizeInPixels\"\n [alt]=\"pictureImageAlt\"\n class=\"avatar-image\" />\n\n <!-- For URL images, use ngSrc with optimization features -->\n <img \n *ngIf=\"showPicture && !isBase64Image\" \n [ngSrc]=\"pictureUri!\"\n [width]=\"imageSizeInPixels\"\n [height]=\"imageSizeInPixels\"\n [alt]=\"pictureImageAlt\"\n [loading]=\"pictureLoading\"\n [priority]=\"picturePriority\"\n class=\"avatar-image\" />\n\n <span \n *ngIf=\"badgeVisible\"\n class=\"position-absolute notification-badge border border-light rounded-circle\"\n [class.top-right]=\"badgePosition === 'top-right'\"\n [class.bottom-right]=\"badgePosition === 'bottom-right'\"\n [style.background-color]=\"badgeBackgroundColor\"\n [style.color]=\"badgeTextColor\"\n [title]=\"badgeHint ? badgeHint : ''\"\n >\n </span>\n</div>", styles: [".avatar{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.avatar.color0{color:#f44336;background-color:#feeceb;border-style:solid;border-color:#f4433680}.avatar.color1{color:#e91e63;background-color:#fde9ef;border-style:solid;border-color:#e91e6380}.avatar.color2{color:#9c27b0;background-color:#f5e9f7;border-style:solid;border-color:#9c27b080}.avatar.color3{color:#673ab7;background-color:#f0ebf8;border-style:solid;border-color:#673ab780}.avatar.color4{color:#3f51b5;background-color:#eceef8;border-style:solid;border-color:#3f51b580}.avatar.color5{color:#2196f3;background-color:#e9f5fe;border-style:solid;border-color:#2196f380}.avatar.color6{color:#03a9f4;background-color:#e6f6fe;border-style:solid;border-color:#03a9f480}.avatar.color7{color:#00bcd4;background-color:#e6f8fb;border-style:solid;border-color:#00bcd480}.avatar.color8{color:#009688;background-color:#e6f5f3;border-style:solid;border-color:#00968880}.avatar.color9{color:#8bc34a;background-color:#edf7ee;border-style:solid;border-color:#8bc34a80}.avatar.color10{color:#8bc34a;background-color:#f3f9ed;border-style:solid;border-color:#8bc34a80}.avatar.color11{color:#aebc21;background-color:#f7f8e9;border-style:solid;border-color:#aebc2180}.avatar.color12{color:#d1bc04;background-color:#faf8e6;border-style:solid;border-color:#d1bc0480}.avatar.color13{color:#edb201;background-color:#fdf7e6;border-style:solid;border-color:#edb20180}.avatar.color14{color:#ff5722;background-color:#ffeee9;border-style:solid;border-color:#ff572280}.avatar.color15{color:#e48901;background-color:#fcf3e6;border-style:solid;border-color:#e4890180}.avatar.color16{color:#795548;background-color:#f2eeed;border-style:solid;border-color:#79554880}.avatar.color17{color:#9e9e9e;background-color:#f5f5f5;border-style:solid;border-color:#9e9e9e80}.avatar.color18{color:#607d8b;background-color:#eff2f3;border-style:solid;border-color:#607d8b80}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.circle{border-radius:50%;height:1em;text-align:center;width:1em}.avatar.circle .initials{font-size:.3703703704em;font-weight:500}.avatar.circle.hasPicture{border-width:0}.avatar .notification-badge{width:.4em;height:.4em}.avatar .notification-badge.top-right{top:0;right:0;transform:translate(20%)}.avatar .notification-badge.bottom-right{bottom:0;right:0;transform:translate(20%,10%)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
124
|
-
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsAvatarComponent, decorators: [{
|
|
126
|
-
type: Component,
|
|
127
|
-
args: [{ selector: 'sds-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgOptimizedImage], template: "<div\n class=\"avatar circle d-flex justify-content-center align-items-center position-relative\"\n [class]=\"colorClass\"\n [class.hasPicture]=\"showPicture\"\n [title]=\"showHint ? text : ''\"\n [style.border-style]=\"borderStyle.toString()\"\n [style.border-color]=\"borderColor\"\n [style.border-width]=\"borderWidth\"\n [style.cursor]=\"cursor ? cursor : 'default'\"\n [style.font-size.rem]=\"size\"\n>\n <span \n *ngIf=\"!showPicture\" \n class=\"initials\"\n >\n {{ label }}\n </span>\n\n <!-- For base64 images, use regular src attribute -->\n <img \n *ngIf=\"showPicture && isBase64Image\" \n [src]=\"pictureUri\"\n [width]=\"imageSizeInPixels\"\n [height]=\"imageSizeInPixels\"\n [alt]=\"pictureImageAlt\"\n class=\"avatar-image\" />\n\n <!-- For URL images, use ngSrc with optimization features -->\n <img \n *ngIf=\"showPicture && !isBase64Image\" \n [ngSrc]=\"pictureUri!\"\n [width]=\"imageSizeInPixels\"\n [height]=\"imageSizeInPixels\"\n [alt]=\"pictureImageAlt\"\n [loading]=\"pictureLoading\"\n [priority]=\"picturePriority\"\n class=\"avatar-image\" />\n\n <span \n *ngIf=\"badgeVisible\"\n class=\"position-absolute notification-badge border border-light rounded-circle\"\n [class.top-right]=\"badgePosition === 'top-right'\"\n [class.bottom-right]=\"badgePosition === 'bottom-right'\"\n [style.background-color]=\"badgeBackgroundColor\"\n [style.color]=\"badgeTextColor\"\n [title]=\"badgeHint ? badgeHint : ''\"\n >\n </span>\n</div>", styles: [".avatar{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.avatar.color0{color:#f44336;background-color:#feeceb;border-style:solid;border-color:#f4433680}.avatar.color1{color:#e91e63;background-color:#fde9ef;border-style:solid;border-color:#e91e6380}.avatar.color2{color:#9c27b0;background-color:#f5e9f7;border-style:solid;border-color:#9c27b080}.avatar.color3{color:#673ab7;background-color:#f0ebf8;border-style:solid;border-color:#673ab780}.avatar.color4{color:#3f51b5;background-color:#eceef8;border-style:solid;border-color:#3f51b580}.avatar.color5{color:#2196f3;background-color:#e9f5fe;border-style:solid;border-color:#2196f380}.avatar.color6{color:#03a9f4;background-color:#e6f6fe;border-style:solid;border-color:#03a9f480}.avatar.color7{color:#00bcd4;background-color:#e6f8fb;border-style:solid;border-color:#00bcd480}.avatar.color8{color:#009688;background-color:#e6f5f3;border-style:solid;border-color:#00968880}.avatar.color9{color:#8bc34a;background-color:#edf7ee;border-style:solid;border-color:#8bc34a80}.avatar.color10{color:#8bc34a;background-color:#f3f9ed;border-style:solid;border-color:#8bc34a80}.avatar.color11{color:#aebc21;background-color:#f7f8e9;border-style:solid;border-color:#aebc2180}.avatar.color12{color:#d1bc04;background-color:#faf8e6;border-style:solid;border-color:#d1bc0480}.avatar.color13{color:#edb201;background-color:#fdf7e6;border-style:solid;border-color:#edb20180}.avatar.color14{color:#ff5722;background-color:#ffeee9;border-style:solid;border-color:#ff572280}.avatar.color15{color:#e48901;background-color:#fcf3e6;border-style:solid;border-color:#e4890180}.avatar.color16{color:#795548;background-color:#f2eeed;border-style:solid;border-color:#79554880}.avatar.color17{color:#9e9e9e;background-color:#f5f5f5;border-style:solid;border-color:#9e9e9e80}.avatar.color18{color:#607d8b;background-color:#eff2f3;border-style:solid;border-color:#607d8b80}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.circle{border-radius:50%;height:1em;text-align:center;width:1em}.avatar.circle .initials{font-size:.3703703704em;font-weight:500}.avatar.circle.hasPicture{border-width:0}.avatar .notification-badge{width:.4em;height:.4em}.avatar .notification-badge.top-right{top:0;right:0;transform:translate(20%)}.avatar .notification-badge.bottom-right{bottom:0;right:0;transform:translate(20%,10%)}\n"] }]
|
|
128
|
-
}], ctorParameters: () => [], propDecorators: { text: [{
|
|
129
|
-
type: Input
|
|
130
|
-
}], colorKey: [{
|
|
131
|
-
type: Input
|
|
132
|
-
}], pictureUri: [{
|
|
133
|
-
type: Input
|
|
134
|
-
}], showHint: [{
|
|
135
|
-
type: Input
|
|
136
|
-
}], borderStyle: [{
|
|
137
|
-
type: Input
|
|
138
|
-
}], borderColor: [{
|
|
139
|
-
type: Input
|
|
140
|
-
}], borderWidth: [{
|
|
141
|
-
type: Input
|
|
142
|
-
}], initialsText: [{
|
|
143
|
-
type: Input
|
|
144
|
-
}], cursor: [{
|
|
145
|
-
type: Input
|
|
146
|
-
}], size: [{
|
|
147
|
-
type: Input
|
|
148
|
-
}], pictureImageAlt: [{
|
|
149
|
-
type: Input
|
|
150
|
-
}], pictureLoading: [{
|
|
151
|
-
type: Input
|
|
152
|
-
}], picturePriority: [{
|
|
153
|
-
type: Input
|
|
154
|
-
}], badgeVisible: [{
|
|
155
|
-
type: Input
|
|
156
|
-
}], badgePosition: [{
|
|
157
|
-
type: Input
|
|
158
|
-
}], badgeBackgroundColor: [{
|
|
159
|
-
type: Input
|
|
160
|
-
}], badgeTextColor: [{
|
|
161
|
-
type: Input
|
|
162
|
-
}], badgeHint: [{
|
|
163
|
-
type: Input
|
|
164
|
-
}] } });
|
|
165
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBR1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUV6RDs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFTSCxNQUFNLE9BQU8sa0JBQWtCO0lBK0IzQjtRQTNCUyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQTJDLE1BQU0sQ0FBQztRQUU3RCxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc3QixTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBR2pCLG9CQUFlLEdBQVcsYUFBYSxDQUFDO1FBQ3hDLG1CQUFjLEdBQXFCLE1BQU0sQ0FBQztRQUMxQyxvQkFBZSxHQUFZLEtBQUssQ0FBQztRQUdqQyxpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUM5QixrQkFBYSxHQUFpQyxjQUFjLENBQUM7UUFDN0QseUJBQW9CLEdBQUcsa0JBQWtCLENBQUM7UUFDMUMsbUJBQWMsR0FBRyxPQUFPLENBQUM7UUFRM0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFHbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDNUIsSUFBSSxDQUFDLGlCQUFpQixHQUFH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Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBR0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdJZiwgTmdPcHRpbWl6ZWRJbWFnZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbi8qKlxuICogQ2xhc3MgZGVmaW5pdGlvblxuICogQHByb3BlcnR5IHtzdHJpbmd9IHRleHQgLSB0ZXh0IHRoYXQgaXMgcGFyc2VkIGZvciBpbml0aWFscy4gSWYgc2hvd0hpbnQgaXMgc2V0IHRvIHRydWUgdGhpcyB0ZXh0IHdpbGwgYmUgc2hvd24gaW4gaGludFxuICogQHByb3BlcnR5IHtzdHJpbmd9IGNvbG9yS2V5IC0gdmFsdWUgdGhhdCBpcyBiYXNlIGZvciBjYWxjdWxhdGluZyBjb2xvciBvZiBhdmF0YXJcbiAqIEBwcm9wZXJ0eSB7Ym9vbGVhbn0gc2hvd0hpbnQgLSBzaG93IGhpbnQgd2l0aCB0ZXh0XG4gKiBAcHJvcGVydHkge3N0cmluZ30gaW5pdGlhbHNUZXh0IC0gb3ZlcnJpZGUgaW50ZXJuYWwgZXh0cmFjdGlvbiBvZiBpbml0aWFscyBhbmQgc2V0IGF2YXRhciB0ZXh0IGRpcmVjdGx5XG4gKiBcbiAqIEBwcm9wZXJ0eSB7c3RyaW5nfSBwaWN0dXJlVXJpIC0gdXJpIG9mIHBpY3R1cmUgdG8gc2hvdyBvbiBhdmF0YXIgKHN1cHBvcnRzIGh0dHAvaHR0cHMgVVJMcyBhbmQgYmFzZTY0IGRhdGEgVVJJcylcbiAqIEBwcm9wZXJ0eSB7c3RyaW5nfSBwaWN0dXJlSW1hZ2VBbHQgLSBhbHQgdGV4dCBmb3IgaW1hZ2UsIGZvciBhY2Nlc3NpYmlsaXR5XG4gKiBAcHJvcGVydHkge3N0cmluZ30gcGljdHVyZUxvYWRpbmcgLSBsb2FkaW5nIHN0cmF0ZWd5IGZvciBpbWFnZSwgbGF6eSBvciBlYWdlciAob25seSBhcHBsaWVzIHRvIFVSTHMsIG5vdCBiYXNlNjQpXG4gKiBAcHJvcGVydHkge2Jvb2xlYW59IHBpY3R1cmVQcmlvcml0eSAtIGlmIHRydWUgaW1hZ2UgaXMgY29uc2lkZXJlZCBoaWdoIHByaW9yaXR5IGFuZCB3aWxsIGJlIGxvYWRlZCBiZWZvcmUgb3RoZXIgaW1hZ2VzIChvbmx5IGFwcGxpZXMgdG8gVVJMcywgbm90IGJhc2U2NClcbiAqIFxuICogQHByb3BlcnR5IHtzdHJpbmd9IGJhZGdlVmlzaWJsZSAtIHNob3cgYmFkZ2Ugb24gYXZhdGFyXG4gKiBAcHJvcGVydHkge3N0cmluZ30gYmFkZ2VQb3NpdGlvbiAtIHBvc2l0aW9uIG9mIGJhZGdlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gYmFkZ2VCYWNrZ3JvdW5kQ29sb3IgLSBiYWNrZ3JvdW5kIGNvbG9yIG9mIGJhZGdlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gYmFkZ2VUZXh0Q29sb3IgLSB0ZXh0IGNvbG9yIG9mIGJhZGdlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gYmFkZ2VIaW50IC0gaGludCB0ZXh0IGZvciBiYWRnZVxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Nkcy1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nSWYsIE5nT3B0aW1pemVkSW1hZ2VdXG59KVxuZXhwb3J0IGNsYXNzIFNkc0F2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcyB7XG4gICAgQElucHV0KCkgdGV4dD86IHN0cmluZztcbiAgICBASW5wdXQoKSBjb2xvcktleT86IHN0cmluZztcbiAgICBASW5wdXQoKSBwaWN0dXJlVXJpPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHNob3dIaW50OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgYm9yZGVyU3R5bGU6ICdzb2xpZCcgfCAnZGFzaGVkJyB8ICdkb3R0ZWQnIHwgJ25vbmUnID0gJ25vbmUnO1xuICAgIEBJbnB1dCgpIGJvcmRlckNvbG9yPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJvcmRlcldpZHRoPzogc3RyaW5nID0gJzFweCc7XG4gICAgQElucHV0KCkgaW5pdGlhbHNUZXh0Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGN1cnNvcj86IHN0cmluZztcbiAgICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAyO1xuXG5cbiAgICBASW5wdXQoKSBwaWN0dXJlSW1hZ2VBbHQ6IHN0cmluZyA9ICdVc2VyIGF2YXRhcic7IFxuICAgIEBJbnB1dCgpIHBpY3R1cmVMb2FkaW5nOiAnbGF6eScgfCAnZWFnZXInID0gJ2xhenknOyBcbiAgICBASW5wdXQoKSBwaWN0dXJlUHJpb3JpdHk6IGJvb2xlYW4gPSBmYWxzZTsgXG5cblxuICAgIEBJbnB1dCgpIGJhZGdlVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGJhZGdlUG9zaXRpb246ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1yaWdodCcgPSAnYm90dG9tLXJpZ2h0JztcbiAgICBASW5wdXQoKSBiYWRnZUJhY2tncm91bmRDb2xvciA9ICd2YXIoLS1icy1kYW5nZXIpJztcbiAgICBASW5wdXQoKSBiYWRnZVRleHRDb2xvciA9ICd3aGl0ZSc7XG4gICAgQElucHV0KCkgYmFkZ2VIaW50Pzogc3RyaW5nO1xuXG5cbiAgICBwdWJsaWMgbGFiZWw6IHN0cmluZztcbiAgICBwdWJsaWMgc2hvd1BpY3R1cmU6IGJvb2xlYW47XG4gICAgcHVibGljIGNvbG9yQ2xhc3M6IHN0cmluZztcbiAgICBwdWJsaWMgaW1hZ2VTaXplSW5QaXhlbHM6IG51bWJlcjtcbiAgICBwdWJsaWMgaXNCYXNlNjRJbWFnZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMubGFiZWwgPSAnJztcbiAgICAgICAgdGhpcy5zaG93UGljdHVyZSA9IGZhbHNlO1xuICAgICAgICB0aGlzLmNvbG9yQ2xhc3MgPSAnY29sb3IxOCc7XG4gICAgICAgIHRoaXMuaW1hZ2VTaXplSW5QaXhlbHMgPSB0aGlzLmNhbGN1bGF0ZVBpeGVsU2l6ZSgpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgdGhpcy5zZXRTaG93UGljdHVyZSgpO1xuICAgICAgICB0aGlzLnNldENvbG9yQ2xhc3MoKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgICAgIGlmIChjaGFuZ2VzWydpbml0aWFsc1RleHQnXSkge1xuICAgICAgICAgICAgdGhpcy5zZXRMYWJlbCgpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGNoYW5nZXNbJ3RleHQnXSkge1xuICAgICAgICAgICAgdGhpcy5zZXRMYWJlbCgpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGNoYW5nZXNbJ3BpY3R1cmVVcmknXSkge1xuICAgICAgICAgICAgdGhpcy5zZXRTaG93UGljdHVyZSgpO1xuICAgICAgICAgICAgdGhpcy5jaGVja0lmQmFzZTY0KCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoY2hhbmdlc1snY29sb3JLZXknXSl7XG4gICAgICAgICAgICB0aGlzLnNldENvbG9yQ2xhc3MoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChjaGFuZ2VzWydzaXplJ10pIHtcbiAgICAgICAgICAgIHRoaXMuaW1hZ2VTaXplSW5QaXhlbHMgPSB0aGlzLmNhbGN1bGF0ZVBpeGVsU2l6ZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRTaG93UGljdHVyZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zaG93UGljdHVyZSA9ICEhdGhpcy5waWN0dXJlVXJpICYmIHRoaXMucGljdHVyZVVyaT8ubGVuZ3RoID4gMDtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoZWNrSWZCYXNlNjQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnBpY3R1cmVVcmkpIHtcbiAgICAgICAgICAgIC8vIENoZWNrIGlmIHRoZSBVUkkgaXMgYSBkYXRhIFVSSSAoYmFzZTY0KVxuICAgICAgICAgICAgdGhpcy5pc0Jhc2U2NEltYWdlID0gdGhpcy5waWN0dXJlVXJpLnN0YXJ0c1dpdGgoJ2RhdGE6Jyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmlzQmFzZTY0SW1hZ2UgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgc2V0Q29sb3JDbGFzcygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuY29sb3JLZXkpIHtcbiAgICAgICAgICAgIHRoaXMuY29sb3JDbGFzcyA9ICdjb2xvcicgKyB0aGlzLmdldENvbG9ySW5kZXgodGhpcy5jb2xvcktleSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmNvbG9yQ2xhc3MgPSAnY29sb3IxOCc7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHNldExhYmVsKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pbml0aWFsc1RleHQgJiYgdGhpcy5pbml0aWFsc1RleHQ/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWwgPSB0aGlzLmluaXRpYWxzVGV4dDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWwgPSAnJztcblxuICAgICAgICAgICAgaWYgKHRoaXMudGV4dCAmJiB0aGlzLnRleHQ/Lmxlbmd0aCA+IDApe1xuICAgICAgICAgICAgICAgIGNvbnN0IGluaXRpYWxzRnJvbVRleHQgPSB0aGlzLnRleHRcbiAgICAgICAgICAgICAgICAgICAgLnRyaW0oKVxuICAgICAgICAgICAgICAgICAgICAudG9VcHBlckNhc2UoKVxuICAgICAgICAgICAgICAgICAgICAuc3BsaXQoJyAnKVxuICAgICAgICAgICAgICAgICAgICAubWFwKChuKSA9PiBuWzBdKVxuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHggPT4gISF4KTtcblxuICAgICAgICAgICAgICAgIGlmIChpbml0aWFsc0Zyb21UZXh0Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5sYWJlbCA9IGluaXRpYWxzRnJvbVRleHRbMF07XG4gICAgICAgICAgICAgICAgICAgIGlmIChpbml0aWFsc0Zyb21UZXh0Lmxlbmd0aCA+IDEpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubGFiZWwgPSBgJHt0aGlzLmxhYmVsfSR7aW5pdGlhbHNGcm9tVGV4dFtpbml0aWFsc0Zyb21UZXh0Lmxlbmd0aCAtIDFdfWBcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgY2FsY3VsYXRlUGl4ZWxTaXplKCk6IG51bWJlciB7XG4gICAgICAgIC8vIENvbnZlcnQgcmVtIHRvIHBpeGVscyAoYXNzdW1pbmcgMXJlbSA9IDE2cHgsIHdoaWNoIGlzIHRoZSBicm93c2VyIGRlZmF1bHQpXG4gICAgICAgIC8vIFlvdSBjYW4gYWRqdXN0IHRoaXMgbXVsdGlwbGllciBiYXNlZCBvbiB5b3VyIHJvb3QgZm9udC1zaXplXG4gICAgICAgIGNvbnN0IHJlbVRvUGl4ZWxSYXRpbyA9IDE1O1xuICAgICAgICByZXR1cm4gTWF0aC5yb3VuZCh0aGlzLnNpemUgKiByZW1Ub1BpeGVsUmF0aW8pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Q29sb3JJbmRleChzOiBzdHJpbmcpOiBudW1iZXIge1xuICAgICAgICBjb25zdCBsZW5ndGggPSAxMDtcbiAgICAgICAgaWYgKCFzKSB7XG4gICAgICAgICAgICByZXR1cm4gMDtcbiAgICAgICAgfVxuICAgICAgICBsZXQgc3VtT2ZDaGFycyA9IHNcbiAgICAgICAgICAgIC5zcGxpdCgnJylcbiAgICAgICAgICAgIC5tYXAoKHgpID0+IHguY2hhckNvZGVBdCgwKSlcbiAgICAgICAgICAgIC5yZWR1Y2UoKGEsIGIpID0+IGEgKyBiLCAwKTtcbiAgICAgICAgcmV0dXJuIHN1bU9mQ2hhcnMgJSBsZW5ndGg7XG4gICAgfVxuXG59IiwiPGRpdlxuICAgIGNsYXNzPVwiYXZhdGFyIGNpcmNsZSBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXIgcG9zaXRpb24tcmVsYXRpdmVcIlxuICAgIFtjbGFzc109XCJjb2xvckNsYXNzXCJcbiAgICBbY2xhc3MuaGFzUGljdHVyZV09XCJzaG93UGljdHVyZVwiXG4gICAgW3RpdGxlXT1cInNob3dIaW50ID8gdGV4dCA6ICcnXCJcbiAgICBbc3R5bGUuYm9yZGVyLXN0eWxlXT1cImJvcmRlclN0eWxlLnRvU3RyaW5nKClcIlxuICAgIFtzdHlsZS5ib3JkZXItY29sb3JdPVwiYm9yZGVyQ29sb3JcIlxuICAgIFtzdHlsZS5ib3JkZXItd2lkdGhdPVwiYm9yZGVyV2lkdGhcIlxuICAgIFtzdHlsZS5jdXJzb3JdPVwiY3Vyc29yID8gY3Vyc29yIDogJ2RlZmF1bHQnXCJcbiAgICBbc3R5bGUuZm9udC1zaXplLnJlbV09XCJzaXplXCJcbj5cbiAgICA8c3BhbiBcbiAgICAgICAgKm5nSWY9XCIhc2hvd1BpY3R1cmVcIiBcbiAgICAgICAgY2xhc3M9XCJpbml0aWFsc1wiXG4gICAgICAgID5cbiAgICAgICAge3sgbGFiZWwgfX1cbiAgICA8L3NwYW4+XG5cbiAgICA8IS0tIEZvciBiYXNlNjQgaW1hZ2VzLCB1c2UgcmVndWxhciBzcmMgYXR0cmlidXRlIC0tPlxuICAgIDxpbWcgXG4gICAgICAgICpuZ0lmPVwic2hvd1BpY3R1cmUgJiYgaXNCYXNlNjRJbWFnZVwiIFxuICAgICAgICBbc3JjXT1cInBpY3R1cmVVcmlcIlxuICAgICAgICBbd2lkdGhdPVwiaW1hZ2VTaXplSW5QaXhlbHNcIlxuICAgICAgICBbaGVpZ2h0XT1cImltYWdlU2l6ZUluUGl4ZWxzXCJcbiAgICAgICAgW2FsdF09XCJwaWN0dXJlSW1hZ2VBbHRcIlxuICAgICAgICBjbGFzcz1cImF2YXRhci1pbWFnZVwiIC8+XG5cbiAgICA8IS0tIEZvciBVUkwgaW1hZ2VzLCB1c2UgbmdTcmMgd2l0aCBvcHRpbWl6YXRpb24gZmVhdHVyZXMgLS0+XG4gICAgPGltZyBcbiAgICAgICAgKm5nSWY9XCJzaG93UGljdHVyZSAmJiAhaXNCYXNlNjRJbWFnZVwiIFxuICAgICAgICBbbmdTcmNdPVwicGljdHVyZVVyaSFcIlxuICAgICAgICBbd2lkdGhdPVwiaW1hZ2VTaXplSW5QaXhlbHNcIlxuICAgICAgICBbaGVpZ2h0XT1cImltYWdlU2l6ZUluUGl4ZWxzXCJcbiAgICAgICAgW2FsdF09XCJwaWN0dXJlSW1hZ2VBbHRcIlxuICAgICAgICBbbG9hZGluZ109XCJwaWN0dXJlTG9hZGluZ1wiXG4gICAgICAgIFtwcmlvcml0eV09XCJwaWN0dXJlUHJpb3JpdHlcIlxuICAgICAgICBjbGFzcz1cImF2YXRhci1pbWFnZVwiIC8+XG5cbiAgICA8c3BhbiBcbiAgICAgICAgKm5nSWY9XCJiYWRnZVZpc2libGVcIlxuICAgICAgICBjbGFzcz1cInBvc2l0aW9uLWFic29sdXRlIG5vdGlmaWNhdGlvbi1iYWRnZSBib3JkZXIgYm9yZGVyLWxpZ2h0IHJvdW5kZWQtY2lyY2xlXCJcbiAgICAgICAgW2NsYXNzLnRvcC1yaWdodF09XCJiYWRnZVBvc2l0aW9uID09PSAndG9wLXJpZ2h0J1wiXG4gICAgICAgIFtjbGFzcy5ib3R0b20tcmlnaHRdPVwiYmFkZ2VQb3NpdGlvbiA9PT0gJ2JvdHRvbS1yaWdodCdcIlxuICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJiYWRnZUJhY2tncm91bmRDb2xvclwiXG4gICAgICAgIFtzdHlsZS5jb2xvcl09XCJiYWRnZVRleHRDb2xvclwiXG4gICAgICAgIFt0aXRsZV09XCJiYWRnZUhpbnQgPyBiYWRnZUhpbnQgOiAnJ1wiXG4gICAgICAgID5cbiAgICA8L3NwYW4+XG48L2Rpdj4iXX0=
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export * from './avatar.component';
|
|
2
|
-
export * from './avatar-group.component';
|
|
3
|
-
export * from '../avatar/avatar-group.model';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hdmF0YXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYXZhdGFyLWdyb3VwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuLi9hdmF0YXIvYXZhdGFyLWdyb3VwLm1vZGVsJzsiXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWF2YXRhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9zcGljYWludGVybmF0aW9uYWwtbmd4LXNkcy1jb21wb25lbnRzLXNyYy1saWItYXZhdGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import { Directive, Input, } from '@angular/core';
|
|
2
|
-
import { SdsBadgeComponent } from './components/badge.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class SdsBadgeDirective {
|
|
5
|
-
constructor(host, appRef, viewContainerRef) {
|
|
6
|
-
this.host = host;
|
|
7
|
-
this.appRef = appRef;
|
|
8
|
-
this.viewContainerRef = viewContainerRef;
|
|
9
|
-
this.sdsBadge = '';
|
|
10
|
-
this.size = 'default';
|
|
11
|
-
this.variant = 'primary';
|
|
12
|
-
this.badgeComponentRef = null;
|
|
13
|
-
}
|
|
14
|
-
ngAfterViewInit() {
|
|
15
|
-
this.initializeBadge();
|
|
16
|
-
}
|
|
17
|
-
ngOnInit() {
|
|
18
|
-
// const observer
|
|
19
|
-
this.observer = new ResizeObserver(_ => {
|
|
20
|
-
if (this.badgeComponentRef) {
|
|
21
|
-
this.setBadgePosition();
|
|
22
|
-
// this.badgeComponentRef.instance.left = this.host.nativeElement.offsetWidth;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
this.observer.observe(this.host.nativeElement);
|
|
26
|
-
}
|
|
27
|
-
;
|
|
28
|
-
ngOnChanges(changes) {
|
|
29
|
-
if (changes['sdsBadge'] && !changes['sdsBadge'].firstChange) {
|
|
30
|
-
const value = `${changes['sdsBadge'].currentValue}`.trim();
|
|
31
|
-
if (value?.length > 0) {
|
|
32
|
-
this.initializeBadge();
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
this.destroyBadgeComponentRef();
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
ngOnDestroy() {
|
|
40
|
-
this.observer.unobserve(this.host.nativeElement);
|
|
41
|
-
this.observer.disconnect();
|
|
42
|
-
this.destroyBadgeComponentRef();
|
|
43
|
-
}
|
|
44
|
-
initializeBadge() {
|
|
45
|
-
if (this.badgeComponentRef === null) {
|
|
46
|
-
if (this.sdsBadge) {
|
|
47
|
-
this.badgeComponentRef = this.viewContainerRef.createComponent(SdsBadgeComponent);
|
|
48
|
-
this.badgeComponentRef.instance.text = this.sdsBadge;
|
|
49
|
-
this.badgeComponentRef.instance.variant = this.variant;
|
|
50
|
-
this.badgeComponentRef.instance.size = this.size;
|
|
51
|
-
this.setBadgePosition();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
this.badgeComponentRef.instance.text = this.sdsBadge;
|
|
56
|
-
this.badgeComponentRef.instance.variant = this.variant;
|
|
57
|
-
this.badgeComponentRef.instance.size = this.size;
|
|
58
|
-
this.setBadgePosition();
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
destroyBadgeComponentRef() {
|
|
62
|
-
if (this.badgeComponentRef !== null) {
|
|
63
|
-
this.appRef.detachView(this.badgeComponentRef.hostView);
|
|
64
|
-
this.badgeComponentRef.destroy();
|
|
65
|
-
this.badgeComponentRef = null;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
setBadgePosition() {
|
|
69
|
-
if (this.badgeComponentRef) {
|
|
70
|
-
this.badgeComponentRef.instance.left = this.host.nativeElement.offsetLeft + this.host.nativeElement.offsetWidth;
|
|
71
|
-
// console.log(`offsetLeft ${this.host.nativeElement.offsetLeft}, offsetWidth: ${this.host.nativeElement.offsetWidth}`);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
75
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SdsBadgeDirective, isStandalone: true, selector: "[sdsBadge]", inputs: { sdsBadge: "sdsBadge", size: "size", variant: "variant" }, usesOnChanges: true, ngImport: i0 }); }
|
|
76
|
-
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsBadgeDirective, decorators: [{
|
|
78
|
-
type: Directive,
|
|
79
|
-
args: [{
|
|
80
|
-
selector: '[sdsBadge]',
|
|
81
|
-
standalone: true,
|
|
82
|
-
}]
|
|
83
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }], propDecorators: { sdsBadge: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], size: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], variant: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}] } });
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UvYmFkZ2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFJSCxTQUFTLEVBRVQsS0FBSyxHQU1SLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQU1qRSxNQUFNLE9BQU8saUJBQWlCO0lBUTFCLFlBQ1ksSUFBZ0IsRUFDaEIsTUFBc0IsRUFDdEIsZ0JBQWtDO1FBRmxDLFNBQUksR0FBSixJQUFJLENBQVk7UUFDaEIsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7UUFDdEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVZyQyxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsU0FBSSxHQUFjLFNBQVMsQ0FBQztRQUM1QixZQUFPLEdBQWlCLFNBQVMsQ0FBQztRQUVuQyxzQkFBaUIsR0FBNkIsSUFBSSxDQUFDO0lBT3hELENBQUM7SUFFSixlQUFlO1FBQ1gsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxRQUFRO1FBQ0osa0JBQWtCO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDbkMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztnQkFDekIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7Z0JBQ3hCLDhFQUE4RTtZQUNsRixDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFBQSxDQUFDO0lBRUYsV0FBVyxDQUFDLE9BQXNCO1FBQzlC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O3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQXBwbGljYXRpb25SZWYsXG4gICAgQ29tcG9uZW50UmVmLFxuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LFxuICAgIFNpbXBsZUNoYW5nZXMsXG4gICAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYWRnZVNpemUsIEJhZGdlVmFyaWFudCB9IGZyb20gJy4vYmFkZ2UudHlwZXMnO1xuaW1wb3J0IHsgU2RzQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYmFkZ2UuY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbc2RzQmFkZ2VdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBTZHNCYWRnZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXQge1xuICAgIEBJbnB1dCgpIHNkc0JhZGdlID0gJyc7XG4gICAgQElucHV0KCkgc2l6ZTogQmFkZ2VTaXplID0gJ2RlZmF1bHQnO1xuICAgIEBJbnB1dCgpIHZhcmlhbnQ6IEJhZGdlVmFyaWFudCA9ICdwcmltYXJ5JztcblxuICAgIHByaXZhdGUgYmFkZ2VDb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gICAgcHJpdmF0ZSBvYnNlcnZlcjogYW55OyAvL1Jlc2l6ZU9ic2VydmVyID0gbnVsbDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGhvc3Q6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgYXBwUmVmOiBBcHBsaWNhdGlvblJlZixcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmXG4gICAgKSB7fVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmluaXRpYWxpemVCYWRnZSgpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBjb25zdCBvYnNlcnZlciBcbiAgICAgICAgdGhpcy5vYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcihfID0+IHtcbiAgICAgICAgICAgIGlmICh0aGlzLmJhZGdlQ29tcG9uZW50UmVmKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXRCYWRnZVBvc2l0aW9uKCk7XG4gICAgICAgICAgICAgICAgLy8gdGhpcy5iYWRnZUNvbXBvbmVudFJlZi5pbnN0YW5jZS5sZWZ0ID0gdGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgXG4gICAgICAgIHRoaXMub2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmhvc3QubmF0aXZlRWxlbWVudCk7XG4gICAgfTsgICAgXG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzWydzZHNCYWRnZSddICYmICFjaGFuZ2VzWydzZHNCYWRnZSddLmZpcnN0Q2hhbmdlKSB7XG4gICAgICAgICAgICBjb25zdCB2YWx1ZSA9IGAke2NoYW5nZXNbJ3Nkc0JhZGdlJ10uY3VycmVudFZhbHVlfWAudHJpbSgpO1xuICAgICAgICAgICAgaWYgKHZhbHVlPy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5pbml0aWFsaXplQmFkZ2UoKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy5kZXN0cm95QmFkZ2VDb21wb25lbnRSZWYoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLm9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLmhvc3QubmF0aXZlRWxlbWVudCk7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuXG4gICAgICAgIHRoaXMuZGVzdHJveUJhZGdlQ29tcG9uZW50UmVmKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0aWFsaXplQmFkZ2UoKSB7XG4gICAgICAgIGlmICh0aGlzLmJhZGdlQ29tcG9uZW50UmVmID09PSBudWxsKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5zZHNCYWRnZSkge1xuICAgICAgICAgICAgICAgIHRoaXMuYmFkZ2VDb21wb25lbnRSZWYgPSB0aGlzLnZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KFNkc0JhZGdlQ29tcG9uZW50KTtcbiAgICAgICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmluc3RhbmNlLnRleHQgPSB0aGlzLnNkc0JhZGdlO1xuICAgICAgICAgICAgICAgIHRoaXMuYmFkZ2VDb21wb25lbnRSZWYuaW5zdGFuY2UudmFyaWFudCA9IHRoaXMudmFyaWFudDtcbiAgICAgICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmluc3RhbmNlLnNpemUgPSB0aGlzLnNpemU7XG5cbiAgICAgICAgICAgICAgICB0aGlzLnNldEJhZGdlUG9zaXRpb24oKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuYmFkZ2VDb21wb25lbnRSZWYuaW5zdGFuY2UudGV4dCA9IHRoaXMuc2RzQmFkZ2U7XG4gICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmluc3RhbmNlLnZhcmlhbnQgPSB0aGlzLnZhcmlhbnQ7XG4gICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmluc3RhbmNlLnNpemUgPSB0aGlzLnNpemU7XG5cbiAgICAgICAgICAgIHRoaXMuc2V0QmFkZ2VQb3NpdGlvbigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkZXN0cm95QmFkZ2VDb21wb25lbnRSZWYoKXtcbiAgICAgICAgaWYgKHRoaXMuYmFkZ2VDb21wb25lbnRSZWYgIT09IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMuYXBwUmVmLmRldGFjaFZpZXcodGhpcy5iYWRnZUNvbXBvbmVudFJlZi5ob3N0Vmlldyk7XG4gICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmRlc3Ryb3koKTtcbiAgICAgICAgICAgIHRoaXMuYmFkZ2VDb21wb25lbnRSZWYgPSBudWxsO1xuICAgICAgICB9ICAgICAgICBcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEJhZGdlUG9zaXRpb24oKXtcbiAgICAgICAgaWYgKHRoaXMuYmFkZ2VDb21wb25lbnRSZWYpIHtcbiAgICAgICAgICAgIHRoaXMuYmFkZ2VDb21wb25lbnRSZWYuaW5zdGFuY2UubGVmdCA9IHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50Lm9mZnNldExlZnQgKyB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgICAgICAgICAgIC8vIGNvbnNvbGUubG9nKGBvZmZzZXRMZWZ0ICR7dGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0TGVmdH0sIG9mZnNldFdpZHRoOiAke3RoaXMuaG9zdC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRofWApO1xuICAgICAgICB9XG4gICAgfVxuXG59XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQmFkZ2VWYXJpYW50ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnc3VjY2VzcycgfCAnZGFuZ2VyJyB8ICd3YXJuaW5nJyB8ICdpbmZvJztcblxuZXhwb3J0IHR5cGUgQmFkZ2VTaXplID0gJ2RlZmF1bHQnIHwgJ3NtYWxsJzsiXX0=
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import { NgClass, NgIf } from '@angular/common';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class SdsBadgeComponent {
|
|
5
|
-
get text() {
|
|
6
|
-
return this._text;
|
|
7
|
-
}
|
|
8
|
-
set text(value) {
|
|
9
|
-
if (this._text !== value) {
|
|
10
|
-
this._text = value;
|
|
11
|
-
this.refresh();
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
get size() {
|
|
15
|
-
return this._size;
|
|
16
|
-
}
|
|
17
|
-
set size(value) {
|
|
18
|
-
if (this._size !== value) {
|
|
19
|
-
this._size = value;
|
|
20
|
-
this.refresh();
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
get variant() {
|
|
24
|
-
return this._variant;
|
|
25
|
-
}
|
|
26
|
-
set variant(value) {
|
|
27
|
-
if (this._variant !== value) {
|
|
28
|
-
this._variant = value;
|
|
29
|
-
this.refresh();
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
get left() {
|
|
33
|
-
return this._left;
|
|
34
|
-
}
|
|
35
|
-
set left(value) {
|
|
36
|
-
if (this._left !== value) {
|
|
37
|
-
this._left = value;
|
|
38
|
-
this.refresh();
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
constructor(cdRef) {
|
|
42
|
-
this.cdRef = cdRef;
|
|
43
|
-
this._text = '';
|
|
44
|
-
this._size = 'default';
|
|
45
|
-
this._variant = 'primary';
|
|
46
|
-
this._left = 0;
|
|
47
|
-
}
|
|
48
|
-
ngOnInit() { }
|
|
49
|
-
refresh() {
|
|
50
|
-
this.cdRef.detectChanges();
|
|
51
|
-
}
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsBadgeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsBadgeComponent, isStandalone: true, selector: "sds-badge", ngImport: i0, template: "<div \n class=\"sds-badge\"\n [ngClass]=\"[variant]\"\n [style.left.px]=\"left\"\n [class.default]=\"size === 'default'\"\n [class.small]=\"size === 'small'\"\n >\n <span *ngIf=\"size=='default'\">{{text}}</span>\n</div>\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:var(--bs-primary)}.sds-badge.secondary{border-color:var(--bs-gray-400);background-color:#fff;color:#000}.sds-badge.danger{background-color:var(--bs-danger)}.sds-badge.success{background-color:var(--bs-success)}.sds-badge.warning{background-color:var(--bs-warning)}.sds-badge.info{background-color:var(--bs-info)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
54
|
-
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsBadgeComponent, decorators: [{
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{ selector: 'sds-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, NgIf], template: "<div \n class=\"sds-badge\"\n [ngClass]=\"[variant]\"\n [style.left.px]=\"left\"\n [class.default]=\"size === 'default'\"\n [class.small]=\"size === 'small'\"\n >\n <span *ngIf=\"size=='default'\">{{text}}</span>\n</div>\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:var(--bs-primary)}.sds-badge.secondary{border-color:var(--bs-gray-400);background-color:#fff;color:#000}.sds-badge.danger{background-color:var(--bs-danger)}.sds-badge.success{background-color:var(--bs-success)}.sds-badge.warning{background-color:var(--bs-warning)}.sds-badge.info{background-color:var(--bs-info)}\n"] }]
|
|
58
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UvY29tcG9uZW50cy9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9jb21wb25lbnRzL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBVWhELE1BQU0sT0FBTyxpQkFBaUI7SUFPMUIsSUFBVyxJQUFJO1FBQ1gsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFXLElBQUksQ0FBQyxLQUFhO1FBQ3pCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDbkIsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQVcsSUFBSSxDQUFDLEtBQWdCO1FBQzVCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDbkIsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDZCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUVELElBQVcsT0FBTyxDQUFDLEtBQW1CO1FBQ2xDLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxLQUFLLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDbkIsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQVcsSUFBSSxDQUFDLEtBQWE7UUFDekIsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNuQixDQUFDO0lBQ0wsQ0FBQztJQUtELFlBQ3FCLEtBQXdCO1FBQXhCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBdERyQyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFVBQUssR0FBYyxTQUFTLENBQUM7UUFDN0IsYUFBUSxHQUFpQixTQUFTLENBQUM7UUFDbkMsVUFBSyxHQUFXLENBQUMsQ0FBQztJQW9EdkIsQ0FBQztJQUVKLFFBQVEsS0FBVSxDQUFDO0lBR1gsT0FBTztRQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDL0IsQ0FBQzsrR0EvRFEsaUJBQWlCO21HQUFqQixpQkFBaUIscUVDWjlCLHFQQVNBLG8zQkRDYyxPQUFPLG9GQUFFLElBQUk7OzRGQUVkLGlCQUFpQjtrQkFSN0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhZGdlU2l6ZSwgQmFkZ2VWYXJpYW50IH0gZnJvbSAnLi4vYmFkZ2UudHlwZXMnO1xuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLWJhZGdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTmdDbGFzcywgTmdJZl1cbn0pXG5leHBvcnQgY2xhc3MgU2RzQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHByaXZhdGUgX3RleHQ6IHN0cmluZyA9ICcnO1xuICAgIHByaXZhdGUgX3NpemU6IEJhZGdlU2l6ZSA9ICdkZWZhdWx0JztcbiAgICBwcml2YXRlIF92YXJpYW50OiBCYWRnZVZhcmlhbnQgPSAncHJpbWFyeSc7XG4gICAgcHJpdmF0ZSBfbGVmdDogbnVtYmVyID0gMDtcblxuXG4gICAgcHVibGljIGdldCB0ZXh0KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGV4dDtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHRleHQodmFsdWU6IHN0cmluZykge1xuICAgICAgICBpZiAodGhpcy5fdGV4dCAhPT0gdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX3RleHQgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMucmVmcmVzaCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBzaXplKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNpemUodmFsdWU6IEJhZGdlU2l6ZSkge1xuICAgICAgICBpZiAodGhpcy5fc2l6ZSAhPT0gdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX3NpemUgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMucmVmcmVzaCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB2YXJpYW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHZhcmlhbnQodmFsdWU6IEJhZGdlVmFyaWFudCkge1xuICAgICAgICBpZiAodGhpcy5fdmFyaWFudCAhPT0gdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX3ZhcmlhbnQgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMucmVmcmVzaCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBsZWZ0KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fbGVmdDtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IGxlZnQodmFsdWU6IG51bWJlcikge1xuICAgICAgICBpZiAodGhpcy5fbGVmdCAhPT0gdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX2xlZnQgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMucmVmcmVzaCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgXG4gICAgXG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgICApIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cblxuICAgIHByaXZhdGUgcmVmcmVzaCgpe1xuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG59XG4iLCI8ZGl2IFxuICAgIGNsYXNzPVwic2RzLWJhZGdlXCJcbiAgICBbbmdDbGFzc109XCJbdmFyaWFudF1cIlxuICAgIFtzdHlsZS5sZWZ0LnB4XT1cImxlZnRcIlxuICAgIFtjbGFzcy5kZWZhdWx0XT1cInNpemUgPT09ICdkZWZhdWx0J1wiXG4gICAgW2NsYXNzLnNtYWxsXT1cInNpemUgPT09ICdzbWFsbCdcIlxuICAgID5cbiAgICA8c3BhbiAqbmdJZj1cInNpemU9PSdkZWZhdWx0J1wiPnt7dGV4dH19PC9zcGFuPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export * from './badge.directive';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2JhZGdlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5kaXJlY3RpdmUnO1xuIl19
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWJhZGdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2Uvc3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWJhZGdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class SdsCalloutComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.color = 'info';
|
|
6
|
-
this.backgroundColor = 'white';
|
|
7
|
-
}
|
|
8
|
-
ngOnInit() { }
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsCalloutComponent, isStandalone: true, selector: "sds-callout", inputs: { color: "color", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div class=\"callout\"\n [class]=\"(color ? 'callout-' + color : null)\"\n [style.backgroundColor]=\"backgroundColor\"\n >\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
11
|
-
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsCalloutComponent, decorators: [{
|
|
13
|
-
type: Component,
|
|
14
|
-
args: [{ selector: 'sds-callout', standalone: true, template: "<div class=\"callout\"\n [class]=\"(color ? 'callout-' + color : null)\"\n [style.backgroundColor]=\"backgroundColor\"\n >\n <ng-content></ng-content>\n</div>\n" }]
|
|
15
|
-
}], ctorParameters: () => [], propDecorators: { color: [{
|
|
16
|
-
type: Input
|
|
17
|
-
}], backgroundColor: [{
|
|
18
|
-
type: Input
|
|
19
|
-
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvY2FsbG91dC9jYWxsb3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVF6RCxNQUFNLE9BQU8sbUJBQW1CO0lBTTVCO1FBTFMsVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUN2QixvQkFBZSxHQUFXLE9BQU8sQ0FBQztJQUk1QixDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOytHQVJWLG1CQUFtQjttR0FBbkIsbUJBQW1CLHVJQ1JoQyw4S0FNQTs7NEZERWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNJLGFBQWEsY0FHWCxJQUFJO3dEQUdQLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLWNhbGxvdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU2RzQ2FsbG91dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICdpbmZvJztcbiAgICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZyA9ICd3aGl0ZSc7XG4gICAgXG5cblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYWxsb3V0XCJcbiAgICBbY2xhc3NdPVwiKGNvbG9yID8gJ2NhbGxvdXQtJyArIGNvbG9yIDogbnVsbClcIlxuICAgIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwiYmFja2dyb3VuZENvbG9yXCJcbiAgICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export * from './callout.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NhbGxvdXQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jYWxsb3V0LmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWNhbGxvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jYWxsb3V0L3NwaWNhaW50ZXJuYXRpb25hbC1uZ3gtc2RzLWNvbXBvbmVudHMtc3JjLWxpYi1jYWxsb3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { faCheck } from '@fortawesome/pro-solid-svg-icons';
|
|
3
|
-
import { DxPopoverModule } from 'devextreme-angular/ui/popover';
|
|
4
|
-
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
5
|
-
import { NgIf, NgFor, NgStyle } from '@angular/common';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
8
|
-
import * as i2 from "devextreme-angular/ui/popover";
|
|
9
|
-
export class SdsColorPickerComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.colors = [];
|
|
12
|
-
this.disabled = false;
|
|
13
|
-
this.style = 'inline';
|
|
14
|
-
this.showCaret = true;
|
|
15
|
-
this.shape = 'circle';
|
|
16
|
-
this.showDropdown = false;
|
|
17
|
-
this.checkIcon = faCheck;
|
|
18
|
-
this.gridSize = 1;
|
|
19
|
-
this.circleRadius = '100%';
|
|
20
|
-
this.squareRadius = '10%';
|
|
21
|
-
this.selectedColorChange = new EventEmitter();
|
|
22
|
-
this.selectedColorIndexChange = new EventEmitter();
|
|
23
|
-
}
|
|
24
|
-
ngOnChanges(changes) {
|
|
25
|
-
if (changes['colors']) {
|
|
26
|
-
this.gridSize = Math.ceil(Math.sqrt(this.colors.length));
|
|
27
|
-
this.dropdownGridTemplateColumns = `repeat(${this.gridSize}, 1fr)`;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
ngOnInit() { }
|
|
31
|
-
selectColorByIndex(index) {
|
|
32
|
-
if (!this.disabled) {
|
|
33
|
-
let color = this.colors[index];
|
|
34
|
-
this.selectedColor = color;
|
|
35
|
-
this.selectedColorChange.emit(color);
|
|
36
|
-
this.selectedColorIndexChange.emit(index);
|
|
37
|
-
this.showDropdown = false;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
onKeyDown($event) {
|
|
41
|
-
if ($event.key === 'ArrowUp' || $event.key === 'ArrowDown') {
|
|
42
|
-
$event.preventDefault();
|
|
43
|
-
}
|
|
44
|
-
if ($event.key === 'ArrowLeft' || $event.key === 'ArrowRight') {
|
|
45
|
-
$event.preventDefault();
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
toggleDropdown() {
|
|
49
|
-
this.showDropdown = !this.showDropdown;
|
|
50
|
-
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsColorPickerComponent, isStandalone: true, selector: "sds-color-picker", inputs: { colors: "colors", disabled: "disabled", selectedColor: "selectedColor", defaultColor: "defaultColor", style: "style", showCaret: "showCaret", shape: "shape" }, outputs: { selectedColorChange: "selectedColorChange", selectedColorIndexChange: "selectedColorIndexChange" }, usesOnChanges: true, ngImport: i0, template: "<div\n *ngIf=\"style === 'inline'\"\n class=\"color-tiles-container-inline\"\n [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\n>\n <div\n *ngFor=\"let color of colors; index as i\"\n [style.background-color]=\"color\"\n [style.border-color]=\"color\"\n class=\"color-tile\"\n [class.selected]=\"selectedColor === color\"\n (click)=\"selectColorByIndex(i)\"\n >\n <fa-icon\n *ngIf=\"selectedColor === color\"\n [icon]=\"['fas', 'check']\"\n >\n </fa-icon>\n </div>\n</div>\n\n<ng-container *ngIf=\"style === 'dropdown'\">\n\n <button\n #popoverTarget\n type=\"button\"\n class=\"btn d-flex align-items-center\"\n [class.dropdown-toggle]=\"showCaret\"\n [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\n aria-controls=\"dropdown-basic\"\n (click)=\"toggleDropdown()\"\n (keydown)=\"onKeyDown($event)\"\n >\n\n <div\n class=\"color-tile color-tile-dropdown\"\n [style.background-color]=\"selectedColor || defaultColor\"\n [class.undefined-color]=\"!(selectedColor || defaultColor)\"\n >\n </div>\n </button>\n\n <dx-popover\n [target]=\"popoverTarget\"\n position=\"bottom\"\n [(visible)]=\"showDropdown\"\n >\n <div\n class=\"color-tiles-container-square\"\n [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\n [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\n >\n <div\n *ngFor=\"let color of colors; index as i\"\n [style.background-color]=\"color\"\n class=\"color-tile color-tile-popover sds-btn-reactive\"\n (click)=\"selectColorByIndex(i)\"\n >\n <fa-icon\n *ngIf=\"selectedColor === color || !selectedColor && defaultColor === color\"\n [icon]=\"checkIcon\"\n >\n </fa-icon>\n\n </div>\n </div>\n </dx-popover>\n</ng-container>", styles: [".color-tiles-container-inline{display:flex;gap:.5rem;color:#fff}.color-tiles-container-square{display:grid;gap:1rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--sds-cp-radius);cursor:pointer}.color-tile.color-tile-popover:hover{filter:brightness(90%)}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}.btn:focus-visible{outline:0;box-shadow:0 0 0 .2rem #3b8fc240}.btn:active{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
53
|
-
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsColorPickerComponent, decorators: [{
|
|
55
|
-
type: Component,
|
|
56
|
-
args: [{ selector: 'sds-color-picker', standalone: true, imports: [
|
|
57
|
-
NgIf,
|
|
58
|
-
NgFor,
|
|
59
|
-
FontAwesomeModule,
|
|
60
|
-
DxPopoverModule,
|
|
61
|
-
NgStyle,
|
|
62
|
-
], template: "<div\n *ngIf=\"style === 'inline'\"\n class=\"color-tiles-container-inline\"\n [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\n>\n <div\n *ngFor=\"let color of colors; index as i\"\n [style.background-color]=\"color\"\n [style.border-color]=\"color\"\n class=\"color-tile\"\n [class.selected]=\"selectedColor === color\"\n (click)=\"selectColorByIndex(i)\"\n >\n <fa-icon\n *ngIf=\"selectedColor === color\"\n [icon]=\"['fas', 'check']\"\n >\n </fa-icon>\n </div>\n</div>\n\n<ng-container *ngIf=\"style === 'dropdown'\">\n\n <button\n #popoverTarget\n type=\"button\"\n class=\"btn d-flex align-items-center\"\n [class.dropdown-toggle]=\"showCaret\"\n [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\n aria-controls=\"dropdown-basic\"\n (click)=\"toggleDropdown()\"\n (keydown)=\"onKeyDown($event)\"\n >\n\n <div\n class=\"color-tile color-tile-dropdown\"\n [style.background-color]=\"selectedColor || defaultColor\"\n [class.undefined-color]=\"!(selectedColor || defaultColor)\"\n >\n </div>\n </button>\n\n <dx-popover\n [target]=\"popoverTarget\"\n position=\"bottom\"\n [(visible)]=\"showDropdown\"\n >\n <div\n class=\"color-tiles-container-square\"\n [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\n [style.--sds-cp-radius]=\"shape === 'square' ? squareRadius : circleRadius\"\n >\n <div\n *ngFor=\"let color of colors; index as i\"\n [style.background-color]=\"color\"\n class=\"color-tile color-tile-popover sds-btn-reactive\"\n (click)=\"selectColorByIndex(i)\"\n >\n <fa-icon\n *ngIf=\"selectedColor === color || !selectedColor && defaultColor === color\"\n [icon]=\"checkIcon\"\n >\n </fa-icon>\n\n </div>\n </div>\n </dx-popover>\n</ng-container>", styles: [".color-tiles-container-inline{display:flex;gap:.5rem;color:#fff}.color-tiles-container-square{display:grid;gap:1rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--sds-cp-radius);cursor:pointer}.color-tile.color-tile-popover:hover{filter:brightness(90%)}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}.btn:focus-visible{outline:0;box-shadow:0 0 0 .2rem #3b8fc240}.btn:active{border-color:transparent}\n"] }]
|
|
63
|
-
}], ctorParameters: () => [], propDecorators: { colors: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], disabled: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], selectedColor: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], defaultColor: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], selectedColorChange: [{
|
|
72
|
-
type: Output
|
|
73
|
-
}], selectedColorIndexChange: [{
|
|
74
|
-
type: Output
|
|
75
|
-
}], style: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], showCaret: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], shape: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}] } });
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQWV2RCxNQUFNLE9BQU8sdUJBQXVCO0lBcUJoQztRQXBCUyxXQUFNLEdBQWtCLEVBQUUsQ0FBQztRQUMzQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBSzFCLFVBQUssR0FBMEIsUUFBUSxDQUFBO1FBQ3ZDLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFDMUIsVUFBSyxHQUF3QixRQUFRLENBQUM7UUFHeEMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsY0FBUyxHQUFHLE9BQU8sQ0FBQztRQUVuQixhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBRWQsaUJBQVksR0FBRyxNQUFNLENBQUM7UUFDdEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHeEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDdEQsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDL0QsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztZQUN6RCxJQUFJLENBQUMsMkJBQTJCLEdBQUcsVUFBVSxJQUFJLENBQUMsUUFBUSxRQUFRLENBQUM7UUFDdkUsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQztJQUVaLGtCQUFrQixDQUFDLEtBQWE7UUFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQy9CLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1lBQzNCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDckMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMxQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUM5QixDQUFDO0lBQ0wsQ0FBQztJQUVNLFNBQVMsQ0FBQyxNQUFxQjtRQUVsQyxJQUFJLE1BQU0sQ0FBQyxHQUFHLEtBQUssU0FBUyxJQUFJLE1BQU0sQ0FBQyxHQUFHLEtBQUssV0FBVyxFQUFFLENBQUM7WUFDekQsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzVCLENBQUM7UUFFRCxJQUFJLE1BQU0sQ0FBQyxHQUFHLEtBQUssV0FBVyxJQUFJLE1BQU0sQ0FBQyxHQUFHLEtBQUssWUFBWSxFQUFFLENBQUM7WUFDNUQsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzVCLENBQUM7SUFDTCxDQUFDO0lBR00sY0FBYztRQUNqQixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUUzQyxDQUFDOytHQTVEUSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwwWENuQnBDLDRwRUFtRWUsNmxCRHZEUCxJQUFJLDZGQUNKLEtBQUssa0hBQ0wsaUJBQWlCLGtTQUNqQixlQUFlLG8wQ0FDZixPQUFPOzs0RkFHRix1QkFBdUI7a0JBYm5DLFNBQVM7K0JBQ0ksa0JBQWtCLGNBR2hCLElBQUksV0FDUDt3QkFDTCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLE9BQU87cUJBQ1Y7d0RBR1EsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRyx3QkFBd0I7c0JBQWpDLE1BQU07Z0JBQ0UsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYUNoZWNrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xuaW1wb3J0IHsgRHhQb3BvdmVyTW9kdWxlIH0gZnJvbSAnZGV2ZXh0cmVtZS1hbmd1bGFyL3VpL3BvcG92ZXInO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBOZ0lmLCBOZ0ZvciwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLWNvbG9yLXBpY2tlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIE5nSWYsXG4gICAgICAgIE5nRm9yLFxuICAgICAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgICAgICAgRHhQb3BvdmVyTW9kdWxlLFxuICAgICAgICBOZ1N0eWxlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNkc0NvbG9yUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAgIEBJbnB1dCgpIGNvbG9yczogQXJyYXk8c3RyaW5nPiA9IFtdO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VsZWN0ZWRDb2xvcj86IHN0cmluZztcbiAgICBASW5wdXQoKSBkZWZhdWx0Q29sb3I/OiBzdHJpbmc7XG4gICAgQE91dHB1dCgpIHNlbGVjdGVkQ29sb3JDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+O1xuICAgIEBPdXRwdXQoKSBzZWxlY3RlZENvbG9ySW5kZXhDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+O1xuICAgIEBJbnB1dCgpIHN0eWxlOiAnaW5saW5lJyB8ICdkcm9wZG93bicgPSAnaW5saW5lJ1xuICAgIEBJbnB1dCgpIHNob3dDYXJldDogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgc2hhcGU6ICdjaXJjbGUnIHwgJ3NxdWFyZScgPSAnY2lyY2xlJztcblxuICAgIHB1YmxpYyBkcm9wZG93bkdyaWRUZW1wbGF0ZUNvbHVtbnM/OiBzdHJpbmc7XG4gICAgcHVibGljIHNob3dEcm9wZG93biA9IGZhbHNlO1xuXG4gICAgcHVibGljIGNoZWNrSWNvbiA9IGZhQ2hlY2s7XG5cbiAgICBwcml2YXRlIGdyaWRTaXplID0gMTtcblxuICAgIHB1YmxpYyBjaXJjbGVSYWRpdXMgPSAnMTAwJSc7XG4gICAgcHVibGljIHNxdWFyZVJhZGl1cyA9ICcxMCUnO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAgICAgICB0aGlzLnNlbGVjdGVkQ29sb3JJbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgaWYgKGNoYW5nZXNbJ2NvbG9ycyddKSB7XG4gICAgICAgICAgICB0aGlzLmdyaWRTaXplID0gTWF0aC5jZWlsKE1hdGguc3FydCh0aGlzLmNvbG9ycy5sZW5ndGgpKTtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25HcmlkVGVtcGxhdGVDb2x1bW5zID0gYHJlcGVhdCgke3RoaXMuZ3JpZFNpemV9LCAxZnIpYDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cblxuICAgIHB1YmxpYyBzZWxlY3RDb2xvckJ5SW5kZXgoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGxldCBjb2xvciA9IHRoaXMuY29sb3JzW2luZGV4XTtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvciA9IGNvbG9yO1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZENvbG9yQ2hhbmdlLmVtaXQoY29sb3IpO1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZENvbG9ySW5kZXhDaGFuZ2UuZW1pdChpbmRleCk7XG4gICAgICAgICAgICB0aGlzLnNob3dEcm9wZG93biA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG9uS2V5RG93bigkZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcblxuICAgICAgICBpZiAoJGV2ZW50LmtleSA9PT0gJ0Fycm93VXAnIHx8ICRldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICAgICAgICAkZXZlbnQucHJldmVudERlZmF1bHQoKTsgICAgICAgXG4gICAgICAgIH1cblxuICAgICAgICBpZiAoJGV2ZW50LmtleSA9PT0gJ0Fycm93TGVmdCcgfHwgJGV2ZW50LmtleSA9PT0gJ0Fycm93UmlnaHQnKSB7XG4gICAgICAgICAgICAkZXZlbnQucHJldmVudERlZmF1bHQoKTsgICAgICAgIFxuICAgICAgICB9ICAgICAgICBcbiAgICB9XG5cbiAgICBcbiAgICBwdWJsaWMgdG9nZ2xlRHJvcGRvd24oKXtcbiAgICAgICAgdGhpcy5zaG93RHJvcGRvd24gPSAhdGhpcy5zaG93RHJvcGRvd247XG5cbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgKm5nSWY9XCJzdHlsZSA9PT0gJ2lubGluZSdcIlxuICAgIGNsYXNzPVwiY29sb3ItdGlsZXMtY29udGFpbmVyLWlubGluZVwiXG4gICAgW3N0eWxlLi0tc2RzLWNwLXJhZGl1c109XCJzaGFwZSA9PT0gJ3NxdWFyZScgPyBzcXVhcmVSYWRpdXMgOiBjaXJjbGVSYWRpdXNcIlxuPlxuICAgIDxkaXZcbiAgICAgICAgKm5nRm9yPVwibGV0IGNvbG9yIG9mIGNvbG9yczsgaW5kZXggYXMgaVwiXG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJjb2xvclwiXG4gICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZVwiXG4gICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZENvbG9yID09PSBjb2xvclwiXG4gICAgICAgIChjbGljayk9XCJzZWxlY3RDb2xvckJ5SW5kZXgoaSlcIlxuICAgID5cbiAgICAgICAgPGZhLWljb25cbiAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRDb2xvciA9PT0gY29sb3JcIlxuICAgICAgICAgICAgW2ljb25dPVwiWydmYXMnLCAnY2hlY2snXVwiXG4gICAgICAgID5cbiAgICAgICAgPC9mYS1pY29uPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJzdHlsZSA9PT0gJ2Ryb3Bkb3duJ1wiPlxuXG4gICAgPGJ1dHRvblxuICAgICAgICAjcG9wb3ZlclRhcmdldFxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJidG4gZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiXG4gICAgICAgIFtjbGFzcy5kcm9wZG93bi10b2dnbGVdPVwic2hvd0NhcmV0XCJcbiAgICAgICAgW3N0eWxlLi0tc2RzLWNwLXJhZGl1c109XCJzaGFwZSA9PT0gJ3NxdWFyZScgPyBzcXVhcmVSYWRpdXMgOiBjaXJjbGVSYWRpdXNcIlxuICAgICAgICBhcmlhLWNvbnRyb2xzPVwiZHJvcGRvd24tYmFzaWNcIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlRHJvcGRvd24oKVwiXG4gICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQpXCJcbiAgICA+XG5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJjb2xvci10aWxlIGNvbG9yLXRpbGUtZHJvcGRvd25cIlxuICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwic2VsZWN0ZWRDb2xvciB8fCBkZWZhdWx0Q29sb3JcIlxuICAgICAgICAgICAgW2NsYXNzLnVuZGVmaW5lZC1jb2xvcl09XCIhKHNlbGVjdGVkQ29sb3IgfHwgZGVmYXVsdENvbG9yKVwiXG4gICAgICAgID5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG5cbiAgICA8ZHgtcG9wb3ZlclxuICAgICAgICBbdGFyZ2V0XT1cInBvcG92ZXJUYXJnZXRcIlxuICAgICAgICBwb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgICAgIFsodmlzaWJsZSldPVwic2hvd0Ryb3Bkb3duXCJcbiAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZXMtY29udGFpbmVyLXNxdWFyZVwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7ICdncmlkLXRlbXBsYXRlLWNvbHVtbnMnOiBkcm9wZG93bkdyaWRUZW1wbGF0ZUNvbHVtbnN9XCJcbiAgICAgICAgICAgIFtzdHlsZS4tLXNkcy1jcC1yYWRpdXNdPVwic2hhcGUgPT09ICdzcXVhcmUnID8gc3F1YXJlUmFkaXVzIDogY2lyY2xlUmFkaXVzXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBjb2xvciBvZiBjb2xvcnM7IGluZGV4IGFzIGlcIlxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNvbG9yLXRpbGUgY29sb3ItdGlsZS1wb3BvdmVyIHNkcy1idG4tcmVhY3RpdmVcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RDb2xvckJ5SW5kZXgoaSlcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPGZhLWljb25cbiAgICAgICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkQ29sb3IgPT09IGNvbG9yIHx8ICFzZWxlY3RlZENvbG9yICYmIGRlZmF1bHRDb2xvciA9PT0gY29sb3JcIlxuICAgICAgICAgICAgICAgIFtpY29uXT1cImNoZWNrSWNvblwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2ZhLWljb24+XG5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2R4LXBvcG92ZXI+XG48L25nLWNvbnRhaW5lcj4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export * from './color-picker.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbG9yLXBpY2tlci5jb21wb25lbnQnO1xuIl19
|
package/esm2022/src/lib/color-picker/spicainternational-ngx-sds-components-src-lib-color-picker.mjs
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWNvbG9yLXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9zcGljYWludGVybmF0aW9uYWwtbmd4LXNkcy1jb21wb25lbnRzLXNyYy1saWItY29sb3ItcGlja2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|