@spicainternational/ngx-sds-components 8.0.0 → 8.3.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -16
- package/esm2022/public-api.mjs +2 -1
- package/esm2022/src/lib/app-switcher/app-switcher.component.mjs +3 -3
- package/esm2022/src/lib/app-switcher/app-switcher.model.mjs +1 -1
- package/esm2022/src/lib/app-switcher/public-api.mjs +1 -1
- package/esm2022/src/lib/avatar/avatar-group.component.mjs +3 -3
- package/esm2022/src/lib/avatar/avatar-group.model.mjs +1 -1
- package/esm2022/src/lib/avatar/avatar.component.mjs +20 -6
- package/esm2022/src/lib/avatar/public-api.mjs +1 -1
- package/esm2022/src/lib/badge/badge.directive.mjs +1 -1
- package/esm2022/src/lib/badge/badge.types.mjs +1 -1
- package/esm2022/src/lib/badge/components/badge.component.mjs +3 -3
- package/esm2022/src/lib/badge/public-api.mjs +1 -1
- package/esm2022/src/lib/callout/callout.component.mjs +3 -3
- package/esm2022/src/lib/callout/public-api.mjs +1 -1
- package/esm2022/src/lib/color-picker/color-picker.component.mjs +3 -3
- package/esm2022/src/lib/color-picker/public-api.mjs +1 -1
- package/esm2022/src/lib/date-picker/date-picker.component.mjs +3 -3
- package/esm2022/src/lib/date-picker/date-picker.model.mjs +1 -1
- package/esm2022/src/lib/date-picker/public-api.mjs +1 -1
- package/esm2022/src/lib/date-picker/sds-date-picker.service.mjs +1 -1
- package/esm2022/src/lib/date-pipes/date-compare.pipe.mjs +1 -1
- package/esm2022/src/lib/date-pipes/date-format.pipe.mjs +1 -1
- package/esm2022/src/lib/date-pipes/date-period-format.pipe.mjs +1 -1
- package/esm2022/src/lib/date-pipes/date-time-formats.constants.mjs +1 -1
- package/esm2022/src/lib/date-pipes/date-time-range-duration.pipe.mjs +1 -1
- package/esm2022/src/lib/date-pipes/date-time-range-format.pipe.mjs +1 -1
- package/esm2022/src/lib/date-pipes/public-api.mjs +1 -1
- package/esm2022/src/lib/drawer/drawer.component.mjs +4 -4
- package/esm2022/src/lib/drawer/public-api.mjs +1 -1
- package/esm2022/src/lib/duration-box/duration-box.component.mjs +3 -3
- package/esm2022/src/lib/duration-box/duration.service.mjs +1 -1
- package/esm2022/src/lib/duration-box/public-api.mjs +1 -1
- package/esm2022/src/lib/duration-pipe/duration-format.pipe.mjs +1 -1
- package/esm2022/src/lib/duration-pipe/public-api.mjs +1 -1
- package/esm2022/src/lib/ellipsis/directives/ellipsis.directive.mjs +1 -1
- package/esm2022/src/lib/ellipsis/public-api.mjs +1 -1
- package/esm2022/src/lib/expansion-panel/expansion-panel.component.mjs +3 -3
- package/esm2022/src/lib/expansion-panel/expansion-panel.types.mjs +1 -1
- package/esm2022/src/lib/expansion-panel/public-api.mjs +1 -1
- package/esm2022/src/lib/highlight-text/directives/highlight-text.directive.mjs +1 -1
- package/esm2022/src/lib/highlight-text/directives/index.mjs +1 -1
- package/esm2022/src/lib/highlight-text/pipes/highlight-text.pipe.mjs +1 -1
- package/esm2022/src/lib/highlight-text/pipes/index.mjs +1 -1
- package/esm2022/src/lib/highlight-text/public-api.mjs +1 -1
- package/esm2022/src/lib/highlight-text/utils/highlight-text.utils.mjs +1 -1
- package/esm2022/src/lib/highlight-text/utils/index.mjs +1 -1
- package/esm2022/src/lib/intersection/directives/index.mjs +1 -1
- package/esm2022/src/lib/intersection/directives/intersection.directive.mjs +1 -1
- package/esm2022/src/lib/intersection/public-api.mjs +1 -1
- package/esm2022/src/lib/intersection/services/index.mjs +1 -1
- package/esm2022/src/lib/intersection/services/intersection.service.mjs +1 -1
- package/esm2022/src/lib/keyboard-shortcut/directives/index.mjs +1 -1
- package/esm2022/src/lib/keyboard-shortcut/directives/keyboard-shortcut.directive.mjs +19 -29
- package/esm2022/src/lib/keyboard-shortcut/public-api.mjs +1 -1
- package/esm2022/src/lib/layout/default-layout/default-layout.component.mjs +3 -3
- package/esm2022/src/lib/layout/extra-large-layout/extra-large-layout.component.mjs +3 -3
- package/esm2022/src/lib/layout/fluid-layout/fluid-layout.component.mjs +3 -3
- package/esm2022/src/lib/layout/medium-layout/medium-layout.component.mjs +3 -3
- package/esm2022/src/lib/layout/public-api.mjs +1 -1
- package/esm2022/src/lib/layout/small-layout/small-layout.component.mjs +3 -3
- package/esm2022/src/lib/message/message.component.mjs +3 -3
- package/esm2022/src/lib/message/public-api.mjs +1 -1
- package/esm2022/src/lib/modal/dialog/dialog.component.mjs +5 -5
- package/esm2022/src/lib/modal/modal.component.mjs +5 -5
- package/esm2022/src/lib/modal/modal.model.mjs +1 -1
- package/esm2022/src/lib/modal/public-api.mjs +1 -1
- package/esm2022/src/lib/navigation/models/navigation-models.mjs +1 -1
- package/esm2022/src/lib/navigation/navigation-collapsible-frame/navigation-collapsible-frame.component.mjs +3 -3
- package/esm2022/src/lib/navigation/navigation-container/navigation-container.component.mjs +5 -8
- package/esm2022/src/lib/navigation/navigation-external-link/navigation-external-link.component.mjs +3 -3
- package/esm2022/src/lib/navigation/navigation-group/navigation-group.component.mjs +123 -14
- package/esm2022/src/lib/navigation/navigation-header/navigation-header.component.mjs +3 -3
- package/esm2022/src/lib/navigation/navigation-route-link/navigation-route-link.component.mjs +61 -23
- package/esm2022/src/lib/navigation/navigation-separator/navigation-separator.component.mjs +3 -3
- package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-action-button/user-profile-action-button.component.mjs +3 -3
- package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-selector/user-profile-selector.component.mjs +3 -3
- package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-tile/user-profile-tile.component.mjs +3 -3
- package/esm2022/src/lib/navigation/navigation-user-profile/navigation-profile.model.mjs +1 -1
- package/esm2022/src/lib/navigation/navigation-user-profile/navigation-user-profile.component.mjs +3 -3
- package/esm2022/src/lib/navigation/product-home/product-home.component.mjs +5 -5
- package/esm2022/src/lib/navigation/public-api.mjs +1 -1
- package/esm2022/src/lib/navigation/utils/navigation.utils.mjs +1 -1
- package/esm2022/src/lib/number-box/number-box.component.mjs +3 -3
- package/esm2022/src/lib/number-box/public-api.mjs +1 -1
- package/esm2022/src/lib/page-header/page-header.component.mjs +3 -3
- package/esm2022/src/lib/page-header/public-api.mjs +1 -1
- package/esm2022/src/lib/pane/pane.component.mjs +3 -3
- package/esm2022/src/lib/pane/pane.model.mjs +1 -1
- package/esm2022/src/lib/pane/public-api.mjs +1 -1
- package/esm2022/src/lib/quick-info/quick-info.component.mjs +3 -3
- package/esm2022/src/lib/quick-info/quick-info.model.mjs +1 -1
- package/esm2022/src/lib/ripple/public-api.mjs +2 -0
- package/esm2022/src/lib/ripple/ripple.directive.mjs +103 -0
- package/esm2022/src/lib/ripple/spicainternational-ngx-sds-components-src-lib-ripple.mjs +5 -0
- package/esm2022/src/lib/segmented-control/public-api.mjs +1 -1
- package/esm2022/src/lib/segmented-control/segmented-control.component.mjs +56 -7
- package/esm2022/src/lib/side-bar/side-bar.component.mjs +22 -16
- package/esm2022/src/lib/static-value/public-api.mjs +1 -1
- package/esm2022/src/lib/static-value/static-value.component.mjs +3 -3
- package/esm2022/src/lib/table-actions/public-api.mjs +1 -1
- package/esm2022/src/lib/table-actions/table-actions.component.mjs +3 -3
- package/esm2022/src/lib/timeline/components/timeline.component.mjs +13 -3
- package/esm2022/src/lib/timeline/models/timeline.model.mjs +1 -1
- package/esm2022/src/lib/timeline/public-api.mjs +1 -1
- package/esm2022/src/lib/timeline/services/timeline.service.mjs +1 -1
- package/esm2022/src/lib/timeline/types/timeline.types.mjs +1 -1
- package/esm2022/src/lib/timer/public-api.mjs +1 -1
- package/esm2022/src/lib/timer/services/index.mjs +1 -1
- package/esm2022/src/lib/timer/services/timer.service.mjs +1 -1
- package/esm2022/src/lib/timer/utils/index.mjs +1 -1
- package/esm2022/src/lib/timer/utils/timer.utils.mjs +1 -1
- package/esm2022/src/lib/tooltip/components/tooltip.component.mjs +3 -3
- package/esm2022/src/lib/tooltip/public-api.mjs +1 -1
- package/esm2022/src/lib/tooltip/tooltip.directive.mjs +1 -1
- package/esm2022/src/lib/tooltip/tooltip.types.mjs +1 -1
- package/esm2022/src/lib/tooltip/utils/tooltip.utils.mjs +1 -1
- package/esm2022/src/lib/utils/date-time/date-time-format.function.mjs +1 -1
- package/esm2022/src/lib/utils/date-time/intl-date-time-format-options-presets.mjs +1 -1
- package/esm2022/src/lib/utils/date-time/public-api.mjs +1 -1
- package/esm2022/src/lib/utils/public-api.mjs +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-app-switcher.mjs +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-app-switcher.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-avatar.mjs +21 -7
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-avatar.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-badge.mjs +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-badge.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-callout.mjs +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-callout.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-color-picker.mjs +2 -2
- 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 +2 -2
- 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.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 +2 -2
- 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.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-ellipsis.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs +2 -2
- 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.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-intersection.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs +18 -28
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-layout.mjs +10 -10
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-layout.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-message.mjs +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-message.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-modal.mjs +8 -8
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-modal.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-navigation.mjs +217 -75
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-navigation.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-number-box.mjs +2 -2
- 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 +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-page-header.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-pane.mjs +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-pane.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-quick-info.mjs +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-quick-info.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-ripple.mjs +110 -0
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-ripple.mjs.map +1 -0
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs +55 -6
- 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 +21 -15
- 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 +2 -2
- 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 +2 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-table-actions.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-timeline.mjs +12 -2
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-timeline.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-timer.mjs.map +1 -1
- package/fesm2022/spicainternational-ngx-sds-components-src-lib-tooltip.mjs +2 -2
- 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/fesm2022/spicainternational-ngx-sds-components.mjs +1 -0
- package/fesm2022/spicainternational-ngx-sds-components.mjs.map +1 -1
- package/package.json +13 -7
- package/public-api.d.ts +1 -0
- package/src/lib/avatar/avatar.component.d.ts +7 -4
- package/src/lib/keyboard-shortcut/directives/keyboard-shortcut.directive.d.ts +5 -10
- package/src/lib/modal/modal.component.d.ts +1 -1
- package/src/lib/navigation/navigation-container/navigation-container.component.d.ts +1 -2
- package/src/lib/navigation/navigation-group/navigation-group.component.d.ts +23 -3
- package/src/lib/navigation/navigation-route-link/navigation-route-link.component.d.ts +22 -9
- package/src/lib/ripple/index.d.ts +5 -0
- package/src/lib/ripple/public-api.d.ts +1 -0
- package/src/lib/ripple/ripple.directive.d.ts +21 -0
- package/src/lib/ripple/sds-ripple.css +20 -0
- package/src/lib/segmented-control/segmented-control.component.d.ts +10 -4
- package/src/lib/side-bar/side-bar.component.d.ts +13 -7
- package/src/lib/timeline/components/timeline.component.d.ts +9 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-tooltip.mjs","sources":["../../../projects/ngx-sds-components/src/lib/tooltip/components/tooltip.component.ts","../../../projects/ngx-sds-components/src/lib/tooltip/components/tooltip.component.html","../../../projects/ngx-sds-components/src/lib/tooltip/utils/tooltip.utils.ts","../../../projects/ngx-sds-components/src/lib/tooltip/tooltip.directive.ts","../../../projects/ngx-sds-components/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\nimport { TooltipPosition, TooltipTheme } from '../tooltip.types';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { NgClass, NgIf } from '@angular/common';\r\n\r\n@Component({\r\n templateUrl: './tooltip.component.html',\r\n styleUrls: ['./tooltip.component.scss'],\r\n standalone: true,\r\n imports: [\r\n NgClass,\r\n NgIf,\r\n FaIconComponent,\r\n ],\r\n})\r\nexport class SdsTooltipComponent implements OnInit {\r\n\r\n public tooltip: string = '';\r\n public left: number = 0;\r\n public top: number = 0;\r\n public visible: boolean = false;\r\n\r\n public tooltipIcon?: IconProp;\r\n public tooltipClass?: string;\r\n\r\n public position: TooltipPosition = 'above';\r\n public theme: TooltipTheme = 'dark';\r\n\r\n\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n}\r\n","<div class=\"sds-tooltip\"\r\n [ngClass]=\"['sds-tooltip-' + position, 'sds-tooltip-' + theme, tooltipClass]\"\r\n [class.sds-tooltip-visible]=\"visible\"\r\n [style.left.px]=\"left\"\r\n [style.top.px]=\"top\"\r\n >\r\n <fa-icon class=\"sds-tooltip-icon\"\r\n *ngIf=\"tooltipIcon\" \r\n [icon]=\"tooltipIcon\">\r\n </fa-icon>\r\n\r\n <small class=\"sds-tooltip-text\">\r\n {{ tooltip }}\r\n </small>\r\n\r\n</div>\r\n","/**\r\n * Check if device is mobile phone or tablet\r\n * {@link https://stackoverflow.com/a/11381730 | [SO] Detecting a mobile browser }\r\n */\r\nexport const isMobile = function() {\r\n let check = false;\r\n (function(a){\r\n if(\r\n // RegExp for mobile devices\r\n /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i\r\n // preform regex check\r\n .test(a.substr(0,4))\r\n ) \r\n check = true;\r\n })(navigator.userAgent||navigator.vendor||(window as any).opera);\r\n return check;\r\n };\r\n ","import {\r\n ApplicationRef,\r\n ComponentFactoryResolver,\r\n ComponentRef,\r\n Directive,\r\n ElementRef,\r\n EmbeddedViewRef,\r\n HostListener,\r\n Injector,\r\n Input,\r\n OnChanges,\r\n Renderer2,\r\n SimpleChanges,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { SdsTooltipComponent } from './components/tooltip.component';\r\nimport { TooltipPosition, TooltipTheme } from './tooltip.types';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { isMobile } from './utils';\r\n\r\n@Directive({\r\n selector: '[sdsTooltip]',\r\n standalone: true,\r\n})\r\nexport class SdsTooltipDirective implements OnChanges {\r\n @Input() tooltip = '';\r\n @Input() tooltipClass = '';\r\n @Input() tooltipIcon?: IconProp;\r\n @Input() position: TooltipPosition = 'above';\r\n @Input() theme: TooltipTheme = 'dark';\r\n @Input() showDelay = 0;\r\n @Input() hideDelay = 0;\r\n\r\n private componentRef: ComponentRef<any> | null = null;\r\n private showTimeout?: number;\r\n private hideTimeout?: number;\r\n private touchTimeout?: number;\r\n\r\n\r\n constructor(\r\n private elementRef: ElementRef,\r\n private appRef: ApplicationRef,\r\n private componentFactoryResolver: ComponentFactoryResolver,\r\n // private viewContainerRef: ViewContainerRef,\r\n private injector: Injector,\r\n // private renderer2: Renderer2\r\n ) {\r\n // this.renderer2.listen('window', 'scroll', (_) => {\r\n // console.log('scroll');\r\n // this.setHideTooltipTimeout();\r\n // });\r\n }\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes['tooltip']) {\r\n if (this.componentRef !== null) {\r\n this.componentRef.instance.tooltip = this.tooltip;\r\n } \r\n }\r\n\r\n if (changes['tooltipIcon']) {\r\n if (this.componentRef !== null) {\r\n this.componentRef.instance.tooltipIcon = this.tooltipIcon;\r\n } \r\n } \r\n \r\n if (changes['tooltipClass']) {\r\n if (this.componentRef !== null) {\r\n this.componentRef.instance.tooltipClass = this.tooltipClass;\r\n } \r\n } \r\n }\r\n\r\n @HostListener('mouseenter')\r\n onMouseEnter(): void {\r\n if(isMobile()) return;\r\n\r\n this.initializeTooltip();\r\n }\r\n\r\n @HostListener('mouseleave')\r\n onMouseLeave(): void {\r\n if(isMobile()) return;\r\n\r\n this.setHideTooltipTimeout();\r\n }\r\n\r\n // @HostListener(\"window:scroll\", [])\r\n // onWindowScroll() {\r\n // console.log('scroll');\r\n // this.setHideTooltipTimeout();\r\n // }\r\n\r\n // @HostListener('window:scroll') onScroll(e: Event): void {\r\n // console.log((e.target as Element).scrollTop);\r\n // }\r\n\r\n // @HostListener('scroll') onScrollHost(e: Event): void {\r\n // console.log((e.target as Element).scrollTop);\r\n // }\r\n\r\n @HostListener('mousemove', ['$event'])\r\n onMouseMove($event: MouseEvent): void {\r\n if(isMobile()) return;\r\n\r\n if (this.componentRef !== null && this.position === 'dynamic') {\r\n this.componentRef.instance.left = $event.clientX;\r\n this.componentRef.instance.top = $event.clientY;\r\n this.componentRef.instance.tooltip = this.tooltip;\r\n this.componentRef.instance.tooltipIcon = this.tooltipIcon;\r\n this.componentRef.instance.tooltipClass = this.tooltipClass;\r\n }\r\n }\r\n\r\n @HostListener('touchstart', ['$event'])\r\n onTouchStart($event: TouchEvent): void {\r\n // Only triggered on mobile devices, no need to check device type\r\n \r\n window.clearTimeout(this.touchTimeout);\r\n this.touchTimeout = window.setTimeout(this.initializeTooltip.bind(this), 500);\r\n }\r\n\r\n @HostListener('touchend')\r\n onTouchEnd(): void {\r\n // Only triggered on mobile devices, no need to check device type\r\n\r\n window.clearTimeout(this.touchTimeout);\r\n this.setHideTooltipTimeout();\r\n }\r\n\r\n private initializeTooltip() {\r\n if (this.componentRef === null) {\r\n window.clearInterval(this.hideDelay);\r\n\r\n if (this.tooltip) {\r\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SdsTooltipComponent);\r\n this.componentRef = componentFactory.create(this.injector);\r\n\r\n this.appRef.attachView(this.componentRef.hostView);\r\n const [tooltipDOMElement] = (this.componentRef.hostView as EmbeddedViewRef<any>).rootNodes;\r\n\r\n this.setTooltipComponentProperties();\r\n\r\n document.body.appendChild(tooltipDOMElement);\r\n this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);\r\n }\r\n }\r\n }\r\n\r\n private setTooltipComponentProperties() {\r\n if (this.componentRef !== null) {\r\n this.componentRef.instance.tooltip = this.tooltip;\r\n this.componentRef.instance.tooltipIcon = this.tooltipIcon;\r\n this.componentRef.instance.tooltipClass = this.tooltipClass;\r\n this.componentRef.instance.position = this.position;\r\n this.componentRef.instance.theme = this.theme;\r\n\r\n const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();\r\n\r\n switch (this.position) {\r\n case 'below': {\r\n this.componentRef.instance.left = Math.round((right - left) / 2 + left);\r\n this.componentRef.instance.top = Math.round(bottom);\r\n break;\r\n }\r\n case 'above': {\r\n this.componentRef.instance.left = Math.round((right - left) / 2 + left);\r\n this.componentRef.instance.top = Math.round(top);\r\n break;\r\n }\r\n case 'right': {\r\n this.componentRef.instance.left = Math.round(right);\r\n this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);\r\n break;\r\n }\r\n case 'left': {\r\n this.componentRef.instance.left = Math.round(left);\r\n this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);\r\n break;\r\n }\r\n default: {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n private showTooltip() {\r\n if (this.tooltip && this.componentRef !== null) {\r\n this.componentRef.instance.visible = true;\r\n }\r\n }\r\n\r\n private setHideTooltipTimeout() {\r\n this.hideTimeout = window.setTimeout(this.destroy.bind(this), this.hideDelay);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.destroy();\r\n }\r\n\r\n destroy(): void {\r\n if (this.componentRef !== null) {\r\n window.clearInterval(this.showTimeout);\r\n window.clearInterval(this.hideDelay);\r\n this.appRef.detachView(this.componentRef.hostView);\r\n this.componentRef.destroy();\r\n this.componentRef = null;\r\n }\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-tooltip.mjs","sources":["../../../projects/ngx-sds-components/src/lib/tooltip/components/tooltip.component.ts","../../../projects/ngx-sds-components/src/lib/tooltip/components/tooltip.component.html","../../../projects/ngx-sds-components/src/lib/tooltip/utils/tooltip.utils.ts","../../../projects/ngx-sds-components/src/lib/tooltip/tooltip.directive.ts","../../../projects/ngx-sds-components/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { TooltipPosition, TooltipTheme } from '../tooltip.types';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { NgClass, NgIf } from '@angular/common';\n\n@Component({\n templateUrl: './tooltip.component.html',\n styleUrls: ['./tooltip.component.scss'],\n standalone: true,\n imports: [\n NgClass,\n NgIf,\n FaIconComponent,\n ],\n})\nexport class SdsTooltipComponent implements OnInit {\n\n public tooltip: string = '';\n public left: number = 0;\n public top: number = 0;\n public visible: boolean = false;\n\n public tooltipIcon?: IconProp;\n public tooltipClass?: string;\n\n public position: TooltipPosition = 'above';\n public theme: TooltipTheme = 'dark';\n\n\n\n constructor() {}\n\n ngOnInit(): void {}\n}\n","<div class=\"sds-tooltip\"\n [ngClass]=\"['sds-tooltip-' + position, 'sds-tooltip-' + theme, tooltipClass]\"\n [class.sds-tooltip-visible]=\"visible\"\n [style.left.px]=\"left\"\n [style.top.px]=\"top\"\n >\n <fa-icon class=\"sds-tooltip-icon\"\n *ngIf=\"tooltipIcon\" \n [icon]=\"tooltipIcon\">\n </fa-icon>\n\n <small class=\"sds-tooltip-text\">\n {{ tooltip }}\n </small>\n\n</div>\n","/**\n * Check if device is mobile phone or tablet\n * {@link https://stackoverflow.com/a/11381730 | [SO] Detecting a mobile browser }\n */\nexport const isMobile = function() {\n let check = false;\n (function(a){\n if(\n // RegExp for mobile devices\n /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i\n // preform regex check\n .test(a.substr(0,4))\n ) \n check = true;\n })(navigator.userAgent||navigator.vendor||(window as any).opera);\n return check;\n };\n ","import {\n ApplicationRef,\n ComponentFactoryResolver,\n ComponentRef,\n Directive,\n ElementRef,\n EmbeddedViewRef,\n HostListener,\n Injector,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ViewContainerRef,\n} from '@angular/core';\nimport { SdsTooltipComponent } from './components/tooltip.component';\nimport { TooltipPosition, TooltipTheme } from './tooltip.types';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { isMobile } from './utils';\n\n@Directive({\n selector: '[sdsTooltip]',\n standalone: true,\n})\nexport class SdsTooltipDirective implements OnChanges {\n @Input() tooltip = '';\n @Input() tooltipClass = '';\n @Input() tooltipIcon?: IconProp;\n @Input() position: TooltipPosition = 'above';\n @Input() theme: TooltipTheme = 'dark';\n @Input() showDelay = 0;\n @Input() hideDelay = 0;\n\n private componentRef: ComponentRef<any> | null = null;\n private showTimeout?: number;\n private hideTimeout?: number;\n private touchTimeout?: number;\n\n\n constructor(\n private elementRef: ElementRef,\n private appRef: ApplicationRef,\n private componentFactoryResolver: ComponentFactoryResolver,\n // private viewContainerRef: ViewContainerRef,\n private injector: Injector,\n // private renderer2: Renderer2\n ) {\n // this.renderer2.listen('window', 'scroll', (_) => {\n // console.log('scroll');\n // this.setHideTooltipTimeout();\n // });\n }\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['tooltip']) {\n if (this.componentRef !== null) {\n this.componentRef.instance.tooltip = this.tooltip;\n } \n }\n\n if (changes['tooltipIcon']) {\n if (this.componentRef !== null) {\n this.componentRef.instance.tooltipIcon = this.tooltipIcon;\n } \n } \n \n if (changes['tooltipClass']) {\n if (this.componentRef !== null) {\n this.componentRef.instance.tooltipClass = this.tooltipClass;\n } \n } \n }\n\n @HostListener('mouseenter')\n onMouseEnter(): void {\n if(isMobile()) return;\n\n this.initializeTooltip();\n }\n\n @HostListener('mouseleave')\n onMouseLeave(): void {\n if(isMobile()) return;\n\n this.setHideTooltipTimeout();\n }\n\n // @HostListener(\"window:scroll\", [])\n // onWindowScroll() {\n // console.log('scroll');\n // this.setHideTooltipTimeout();\n // }\n\n // @HostListener('window:scroll') onScroll(e: Event): void {\n // console.log((e.target as Element).scrollTop);\n // }\n\n // @HostListener('scroll') onScrollHost(e: Event): void {\n // console.log((e.target as Element).scrollTop);\n // }\n\n @HostListener('mousemove', ['$event'])\n onMouseMove($event: MouseEvent): void {\n if(isMobile()) return;\n\n if (this.componentRef !== null && this.position === 'dynamic') {\n this.componentRef.instance.left = $event.clientX;\n this.componentRef.instance.top = $event.clientY;\n this.componentRef.instance.tooltip = this.tooltip;\n this.componentRef.instance.tooltipIcon = this.tooltipIcon;\n this.componentRef.instance.tooltipClass = this.tooltipClass;\n }\n }\n\n @HostListener('touchstart', ['$event'])\n onTouchStart($event: TouchEvent): void {\n // Only triggered on mobile devices, no need to check device type\n \n window.clearTimeout(this.touchTimeout);\n this.touchTimeout = window.setTimeout(this.initializeTooltip.bind(this), 500);\n }\n\n @HostListener('touchend')\n onTouchEnd(): void {\n // Only triggered on mobile devices, no need to check device type\n\n window.clearTimeout(this.touchTimeout);\n this.setHideTooltipTimeout();\n }\n\n private initializeTooltip() {\n if (this.componentRef === null) {\n window.clearInterval(this.hideDelay);\n\n if (this.tooltip) {\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SdsTooltipComponent);\n this.componentRef = componentFactory.create(this.injector);\n\n this.appRef.attachView(this.componentRef.hostView);\n const [tooltipDOMElement] = (this.componentRef.hostView as EmbeddedViewRef<any>).rootNodes;\n\n this.setTooltipComponentProperties();\n\n document.body.appendChild(tooltipDOMElement);\n this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);\n }\n }\n }\n\n private setTooltipComponentProperties() {\n if (this.componentRef !== null) {\n this.componentRef.instance.tooltip = this.tooltip;\n this.componentRef.instance.tooltipIcon = this.tooltipIcon;\n this.componentRef.instance.tooltipClass = this.tooltipClass;\n this.componentRef.instance.position = this.position;\n this.componentRef.instance.theme = this.theme;\n\n const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();\n\n switch (this.position) {\n case 'below': {\n this.componentRef.instance.left = Math.round((right - left) / 2 + left);\n this.componentRef.instance.top = Math.round(bottom);\n break;\n }\n case 'above': {\n this.componentRef.instance.left = Math.round((right - left) / 2 + left);\n this.componentRef.instance.top = Math.round(top);\n break;\n }\n case 'right': {\n this.componentRef.instance.left = Math.round(right);\n this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);\n break;\n }\n case 'left': {\n this.componentRef.instance.left = Math.round(left);\n this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);\n break;\n }\n default: {\n break;\n }\n }\n }\n }\n\n private showTooltip() {\n if (this.tooltip && this.componentRef !== null) {\n this.componentRef.instance.visible = true;\n }\n }\n\n private setHideTooltipTimeout() {\n this.hideTimeout = window.setTimeout(this.destroy.bind(this), this.hideDelay);\n }\n\n ngOnDestroy(): void {\n this.destroy();\n }\n\n destroy(): void {\n if (this.componentRef !== null) {\n window.clearInterval(this.showTimeout);\n window.clearInterval(this.hideDelay);\n this.appRef.detachView(this.componentRef.hostView);\n this.componentRef.destroy();\n this.componentRef = null;\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs","sources":["../../../projects/ngx-sds-components/src/lib/utils/date-time/intl-date-time-format-options-presets.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/date-time-format.function.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/spicainternational-ngx-sds-components-src-lib-utils-date-time.ts"],"sourcesContent":["export type IntlDateTimeFormatOptionPresetType = \
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs","sources":["../../../projects/ngx-sds-components/src/lib/utils/date-time/intl-date-time-format-options-presets.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/date-time-format.function.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/spicainternational-ngx-sds-components-src-lib-utils-date-time.ts"],"sourcesContent":["export type IntlDateTimeFormatOptionPresetType = \n 'time' | \n 'time-with-seconds' | \n 'date' | \n 'date-with-month-name' | \n 'date-time';\n\nexport const INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS: { [Key in IntlDateTimeFormatOptionPresetType]: Intl.DateTimeFormatOptions } = {\n 'time': {\n hour: 'numeric',\n minute: '2-digit'\n },\n 'time-with-seconds': {\n hour: 'numeric',\n minute: '2-digit',\n second: '2-digit'\n },\n 'date': {\n day: 'numeric',\n month: 'numeric',\n year: 'numeric'\n },\n 'date-with-month-name': {\n day: 'numeric',\n month: 'long',\n year: 'numeric'\n },\n 'date-time': {\n day: 'numeric',\n month: 'numeric',\n year: 'numeric',\n hour: 'numeric',\n minute: '2-digit'\n }\n};","import {\n INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS,\n IntlDateTimeFormatOptionPresetType,\n} from './intl-date-time-format-options-presets';\n\nexport const formatDateTime = (\n date: Date | number | string | undefined,\n locales: string | Array<string>,\n options?: Intl.DateTimeFormatOptions | IntlDateTimeFormatOptionPresetType\n): string => {\n if (date === null || date === undefined) {\n return '';\n }\n\n const formatDate = new Date(date);\n if (formatDate.toString() == 'Invalid Date') {\n return '';\n }\n\n if (typeof options === 'string') {\n return formatDate.toLocaleDateString(\n locales,\n INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS[options]\n );\n }\n\n return formatDate.toLocaleDateString(\n locales,\n options as Intl.DateTimeFormatOptions | undefined\n );\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAOa,MAAA,qCAAqC,GAAgF;AAC9H,IAAA,MAAM,EAAE;AACJ,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,mBAAmB,EAAE;AACjB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE;AACT,KAAA;AACD,IAAA,sBAAsB,EAAE;AACpB,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAE;AACT,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE;AACX;;;AC5BQ,MAAA,cAAc,GAAG,CAC1B,IAAwC,EACxC,OAA+B,EAC/B,OAAyE,KACjE;IACR,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,EAAE;AACrC,QAAA,OAAO,EAAE;;AAGb,IAAA,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;AACjC,IAAA,IAAI,UAAU,CAAC,QAAQ,EAAE,IAAI,cAAc,EAAE;AACzC,QAAA,OAAO,EAAE;;AAGb,IAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC7B,OAAO,UAAU,CAAC,kBAAkB,CAChC,OAAO,EACP,qCAAqC,CAAC,OAAO,CAAC,CACjD;;IAGL,OAAO,UAAU,CAAC,kBAAkB,CAChC,OAAO,EACP,OAAiD,CACpD;AACL;;AC9BA;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-utils.mjs","sources":["../../../projects/ngx-sds-components/src/lib/utils/date-time/intl-date-time-format-options-presets.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/date-time-format.function.ts","../../../projects/ngx-sds-components/src/lib/utils/spicainternational-ngx-sds-components-src-lib-utils.ts"],"sourcesContent":["export type IntlDateTimeFormatOptionPresetType = \
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-utils.mjs","sources":["../../../projects/ngx-sds-components/src/lib/utils/date-time/intl-date-time-format-options-presets.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/date-time-format.function.ts","../../../projects/ngx-sds-components/src/lib/utils/spicainternational-ngx-sds-components-src-lib-utils.ts"],"sourcesContent":["export type IntlDateTimeFormatOptionPresetType = \n 'time' | \n 'time-with-seconds' | \n 'date' | \n 'date-with-month-name' | \n 'date-time';\n\nexport const INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS: { [Key in IntlDateTimeFormatOptionPresetType]: Intl.DateTimeFormatOptions } = {\n 'time': {\n hour: 'numeric',\n minute: '2-digit'\n },\n 'time-with-seconds': {\n hour: 'numeric',\n minute: '2-digit',\n second: '2-digit'\n },\n 'date': {\n day: 'numeric',\n month: 'numeric',\n year: 'numeric'\n },\n 'date-with-month-name': {\n day: 'numeric',\n month: 'long',\n year: 'numeric'\n },\n 'date-time': {\n day: 'numeric',\n month: 'numeric',\n year: 'numeric',\n hour: 'numeric',\n minute: '2-digit'\n }\n};","import {\n INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS,\n IntlDateTimeFormatOptionPresetType,\n} from './intl-date-time-format-options-presets';\n\nexport const formatDateTime = (\n date: Date | number | string | undefined,\n locales: string | Array<string>,\n options?: Intl.DateTimeFormatOptions | IntlDateTimeFormatOptionPresetType\n): string => {\n if (date === null || date === undefined) {\n return '';\n }\n\n const formatDate = new Date(date);\n if (formatDate.toString() == 'Invalid Date') {\n return '';\n }\n\n if (typeof options === 'string') {\n return formatDate.toLocaleDateString(\n locales,\n INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS[options]\n );\n }\n\n return formatDate.toLocaleDateString(\n locales,\n options as Intl.DateTimeFormatOptions | undefined\n );\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAOa,MAAA,qCAAqC,GAAgF;AAC9H,IAAA,MAAM,EAAE;AACJ,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,mBAAmB,EAAE;AACjB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE;AACT,KAAA;AACD,IAAA,sBAAsB,EAAE;AACpB,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAE;AACT,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE;AACX;;;AC5BQ,MAAA,cAAc,GAAG,CAC1B,IAAwC,EACxC,OAA+B,EAC/B,OAAyE,KACjE;IACR,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,EAAE;AACrC,QAAA,OAAO,EAAE;;AAGb,IAAA,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;AACjC,IAAA,IAAI,UAAU,CAAC,QAAQ,EAAE,IAAI,cAAc,EAAE;AACzC,QAAA,OAAO,EAAE;;AAGb,IAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC7B,OAAO,UAAU,CAAC,kBAAkB,CAChC,OAAO,EACP,qCAAqC,CAAC,OAAO,CAAC,CACjD;;IAGL,OAAO,UAAU,CAAC,kBAAkB,CAChC,OAAO,EACP,OAAiD,CACpD;AACL;;AC9BA;;AAEG;;;;"}
|
|
@@ -20,6 +20,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/navigation';
|
|
|
20
20
|
export * from '@spicainternational/ngx-sds-components/src/lib/number-box';
|
|
21
21
|
export * from '@spicainternational/ngx-sds-components/src/lib/page-header';
|
|
22
22
|
export * from '@spicainternational/ngx-sds-components/src/lib/pane';
|
|
23
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/ripple';
|
|
23
24
|
export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
|
|
24
25
|
export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
|
|
25
26
|
export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\n * Public API Surface of ngx-sds-components\n */\n\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\nexport * from '@spicainternational/ngx-sds-components/src/lib/drawer';\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\nexport * from '@spicainternational/ngx-sds-components/src/lib/number-box';\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\nexport * from '@spicainternational/ngx-sds-components/src/lib/ripple';\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\nexport * from '@spicainternational/ngx-sds-components/src/lib/timeline';\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\nexport * from '@spicainternational/ngx-sds-components/src/lib/table-actions';\n\nexport * from '@spicainternational/ngx-sds-components/src/lib/utils';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spicainternational/ngx-sds-components",
|
|
3
|
-
"version": "8.0.0",
|
|
3
|
+
"version": "8.3.0-beta.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Spica design system angular components.",
|
|
6
6
|
"type": "module",
|
|
@@ -48,18 +48,18 @@
|
|
|
48
48
|
"esm": "./esm2022/src/lib/avatar/spicainternational-ngx-sds-components-src-lib-avatar.mjs",
|
|
49
49
|
"default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-avatar.mjs"
|
|
50
50
|
},
|
|
51
|
-
"./src/lib/callout": {
|
|
52
|
-
"types": "./src/lib/callout/index.d.ts",
|
|
53
|
-
"esm2022": "./esm2022/src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.mjs",
|
|
54
|
-
"esm": "./esm2022/src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.mjs",
|
|
55
|
-
"default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-callout.mjs"
|
|
56
|
-
},
|
|
57
51
|
"./src/lib/badge": {
|
|
58
52
|
"types": "./src/lib/badge/index.d.ts",
|
|
59
53
|
"esm2022": "./esm2022/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.mjs",
|
|
60
54
|
"esm": "./esm2022/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.mjs",
|
|
61
55
|
"default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-badge.mjs"
|
|
62
56
|
},
|
|
57
|
+
"./src/lib/callout": {
|
|
58
|
+
"types": "./src/lib/callout/index.d.ts",
|
|
59
|
+
"esm2022": "./esm2022/src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.mjs",
|
|
60
|
+
"esm": "./esm2022/src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.mjs",
|
|
61
|
+
"default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-callout.mjs"
|
|
62
|
+
},
|
|
63
63
|
"./src/lib/color-picker": {
|
|
64
64
|
"types": "./src/lib/color-picker/index.d.ts",
|
|
65
65
|
"esm2022": "./esm2022/src/lib/color-picker/spicainternational-ngx-sds-components-src-lib-color-picker.mjs",
|
|
@@ -174,6 +174,12 @@
|
|
|
174
174
|
"esm": "./esm2022/src/lib/quick-info/spicainternational-ngx-sds-components-src-lib-quick-info.mjs",
|
|
175
175
|
"default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-quick-info.mjs"
|
|
176
176
|
},
|
|
177
|
+
"./src/lib/ripple": {
|
|
178
|
+
"types": "./src/lib/ripple/index.d.ts",
|
|
179
|
+
"esm2022": "./esm2022/src/lib/ripple/spicainternational-ngx-sds-components-src-lib-ripple.mjs",
|
|
180
|
+
"esm": "./esm2022/src/lib/ripple/spicainternational-ngx-sds-components-src-lib-ripple.mjs",
|
|
181
|
+
"default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-ripple.mjs"
|
|
182
|
+
},
|
|
177
183
|
"./src/lib/segmented-control": {
|
|
178
184
|
"types": "./src/lib/segmented-control/index.d.ts",
|
|
179
185
|
"esm2022": "./esm2022/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs",
|
package/public-api.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/navigation';
|
|
|
20
20
|
export * from '@spicainternational/ngx-sds-components/src/lib/number-box';
|
|
21
21
|
export * from '@spicainternational/ngx-sds-components/src/lib/page-header';
|
|
22
22
|
export * from '@spicainternational/ngx-sds-components/src/lib/pane';
|
|
23
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/ripple';
|
|
23
24
|
export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
|
|
24
25
|
export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
|
|
25
26
|
export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
|
|
@@ -7,10 +7,10 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
* @property {boolean} showHint - show hint with text
|
|
8
8
|
* @property {string} initialsText - override internal extraction of initials and set avatar text directly
|
|
9
9
|
*
|
|
10
|
-
* @property {string} pictureUri - uri of picture to show on avatar
|
|
10
|
+
* @property {string} pictureUri - uri of picture to show on avatar (supports http/https URLs and base64 data URIs)
|
|
11
11
|
* @property {string} pictureImageAlt - alt text for image, for accessibility
|
|
12
|
-
* @property {string} pictureLoading - loading strategy for image, lazy or eager
|
|
13
|
-
* @property {boolean} picturePriority - if true image is considered high priority and will be loaded before other images
|
|
12
|
+
* @property {string} pictureLoading - loading strategy for image, lazy or eager (only applies to URLs, not base64)
|
|
13
|
+
* @property {boolean} picturePriority - if true image is considered high priority and will be loaded before other images (only applies to URLs, not base64)
|
|
14
14
|
*
|
|
15
15
|
* @property {string} badgeVisible - show badge on avatar
|
|
16
16
|
* @property {string} badgePosition - position of badge
|
|
@@ -25,6 +25,7 @@ export declare class SdsAvatarComponent implements AfterViewInit, OnChanges {
|
|
|
25
25
|
showHint: boolean;
|
|
26
26
|
borderStyle: 'solid' | 'dashed' | 'dotted' | 'none';
|
|
27
27
|
borderColor?: string;
|
|
28
|
+
borderWidth?: string;
|
|
28
29
|
initialsText?: string;
|
|
29
30
|
cursor?: string;
|
|
30
31
|
size: number;
|
|
@@ -40,14 +41,16 @@ export declare class SdsAvatarComponent implements AfterViewInit, OnChanges {
|
|
|
40
41
|
showPicture: boolean;
|
|
41
42
|
colorClass: string;
|
|
42
43
|
imageSizeInPixels: number;
|
|
44
|
+
isBase64Image: boolean;
|
|
43
45
|
constructor();
|
|
44
46
|
ngAfterViewInit(): void;
|
|
45
47
|
ngOnChanges(changes: SimpleChanges): void;
|
|
46
48
|
private setShowPicture;
|
|
49
|
+
private checkIfBase64;
|
|
47
50
|
private setColorClass;
|
|
48
51
|
private setLabel;
|
|
49
52
|
private calculatePixelSize;
|
|
50
53
|
private getColorIndex;
|
|
51
54
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsAvatarComponent, never>;
|
|
52
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsAvatarComponent, "sds-avatar", never, { "text": { "alias": "text"; "required": false; }; "colorKey": { "alias": "colorKey"; "required": false; }; "pictureUri": { "alias": "pictureUri"; "required": false; }; "showHint": { "alias": "showHint"; "required": false; }; "borderStyle": { "alias": "borderStyle"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "initialsText": { "alias": "initialsText"; "required": false; }; "cursor": { "alias": "cursor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "pictureImageAlt": { "alias": "pictureImageAlt"; "required": false; }; "pictureLoading": { "alias": "pictureLoading"; "required": false; }; "picturePriority": { "alias": "picturePriority"; "required": false; }; "badgeVisible": { "alias": "badgeVisible"; "required": false; }; "badgePosition": { "alias": "badgePosition"; "required": false; }; "badgeBackgroundColor": { "alias": "badgeBackgroundColor"; "required": false; }; "badgeTextColor": { "alias": "badgeTextColor"; "required": false; }; "badgeHint": { "alias": "badgeHint"; "required": false; }; }, {}, never, never, true, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsAvatarComponent, "sds-avatar", never, { "text": { "alias": "text"; "required": false; }; "colorKey": { "alias": "colorKey"; "required": false; }; "pictureUri": { "alias": "pictureUri"; "required": false; }; "showHint": { "alias": "showHint"; "required": false; }; "borderStyle": { "alias": "borderStyle"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "initialsText": { "alias": "initialsText"; "required": false; }; "cursor": { "alias": "cursor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "pictureImageAlt": { "alias": "pictureImageAlt"; "required": false; }; "pictureLoading": { "alias": "pictureLoading"; "required": false; }; "picturePriority": { "alias": "picturePriority"; "required": false; }; "badgeVisible": { "alias": "badgeVisible"; "required": false; }; "badgePosition": { "alias": "badgePosition"; "required": false; }; "badgeBackgroundColor": { "alias": "badgeBackgroundColor"; "required": false; }; "badgeTextColor": { "alias": "badgeTextColor"; "required": false; }; "badgeHint": { "alias": "badgeHint"; "required": false; }; }, {}, never, never, true, never>;
|
|
53
56
|
}
|
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SdsKeyboardShortcutDirective implements OnInit
|
|
3
|
+
export declare class SdsKeyboardShortcutDirective implements OnInit {
|
|
4
4
|
private readonly _document;
|
|
5
|
-
|
|
6
|
-
* OUTPUTS
|
|
7
|
-
*/
|
|
5
|
+
private readonly _destroyRef;
|
|
8
6
|
/**
|
|
9
7
|
* Emitted when user presses Escape
|
|
10
8
|
*/
|
|
11
|
-
closeShortcut:
|
|
9
|
+
closeShortcut: import("@angular/core").OutputEmitterRef<void>;
|
|
12
10
|
/**
|
|
13
11
|
* Emitted when user presses ctrl+Enter or cmd+Enter
|
|
14
12
|
*/
|
|
15
|
-
saveRecordShortcut:
|
|
16
|
-
private _subscriptions;
|
|
17
|
-
constructor(_document: any);
|
|
13
|
+
saveRecordShortcut: import("@angular/core").OutputEmitterRef<void>;
|
|
18
14
|
ngOnInit(): void;
|
|
19
|
-
ngOnDestroy(): void;
|
|
20
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsKeyboardShortcutDirective, never>;
|
|
21
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SdsKeyboardShortcutDirective, "[sdsKeyboardShortcut]", never, {}, { "closeShortcut": "closeShortcut"; "saveRecordShortcut": "saveRecordShortcut"; }, never, never, true, never>;
|
|
22
17
|
}
|
|
@@ -16,7 +16,7 @@ export declare class SdsModalComponent implements OnInit, OnChanges {
|
|
|
16
16
|
closeOnEscape: boolean;
|
|
17
17
|
downSizing: 'discrete' | 'continuous';
|
|
18
18
|
/**
|
|
19
|
-
* Allow the modal to be draggable by the user. Default is
|
|
19
|
+
* Allow the modal to be draggable by the user. Default is true.
|
|
20
20
|
*
|
|
21
21
|
* @memberof SdsModalComponent
|
|
22
22
|
*/
|
|
@@ -9,7 +9,6 @@ import { SdsNavigationCollapsibleFrameComponent } from '../navigation-collapsibl
|
|
|
9
9
|
import { SdsNavigationUserProfileComponent } from '../navigation-user-profile/navigation-user-profile.component';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export declare class SdsNavigationContainerComponent implements OnInit, CollapsibleNavigationEntity {
|
|
12
|
-
product: string;
|
|
13
12
|
isCollapsed: import("@angular/core").ModelSignal<boolean>;
|
|
14
13
|
groupComponentChildren?: QueryList<SdsNavigationGroupComponent>;
|
|
15
14
|
routeLinkComponentChildren?: QueryList<SdsNavigationRouteLinkComponent>;
|
|
@@ -22,5 +21,5 @@ export declare class SdsNavigationContainerComponent implements OnInit, Collapsi
|
|
|
22
21
|
ngOnInit(): void;
|
|
23
22
|
private setCollapsed;
|
|
24
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsNavigationContainerComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationContainerComponent, "sds-navigation-container", never, { "
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationContainerComponent, "sds-navigation-container", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, ["groupComponentChildren", "routeLinkComponentChildren", "separatorComponentChildren", "headerComponentChildren", "externalLinkComponentChildren", "userProfileComponentChildren", "collapsibleFrameComponentChildren"], ["*"], true, never>;
|
|
26
25
|
}
|
|
@@ -1,30 +1,43 @@
|
|
|
1
|
-
import { OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
1
|
+
import { OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { Router } from '@angular/router';
|
|
3
3
|
import { SdsNavigationRouteLinkComponent } from '../navigation-route-link/navigation-route-link.component';
|
|
4
4
|
import { CollapsibleNavigationEntity } from '../models/navigation-models';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SdsNavigationGroupComponent implements OnInit, OnDestroy, CollapsibleNavigationEntity {
|
|
6
|
+
export declare class SdsNavigationGroupComponent implements OnInit, OnDestroy, CollapsibleNavigationEntity, OnChanges {
|
|
7
|
+
#private;
|
|
7
8
|
private _router;
|
|
8
9
|
/**
|
|
10
|
+
@deprecated Use `activeRoutePattern` instead.
|
|
9
11
|
* List of paths allowed/expected within this module.
|
|
10
12
|
* These are paths that are not accessible through child navigation
|
|
11
13
|
* elements, but through links in other parts of the application (e.g. link
|
|
12
14
|
* on form)
|
|
13
15
|
*/
|
|
14
16
|
private _navigationGroupNestedRoutes;
|
|
17
|
+
/** @deprecated Use `activeRoutePattern` instead. */
|
|
15
18
|
set navigationGroupNestedRoutes(value: string[]);
|
|
16
19
|
get navigationGroupNestedRoutes(): string[];
|
|
17
20
|
text: string;
|
|
18
21
|
icon: string;
|
|
19
22
|
defaultRouterLink: string;
|
|
20
23
|
reverse: boolean;
|
|
24
|
+
/** @deprecated Use `activeRoutePattern` instead. */
|
|
21
25
|
ignoreQueryParamsInActiveRoute: boolean;
|
|
22
26
|
disabled: boolean;
|
|
23
27
|
showPopover: boolean;
|
|
24
28
|
showPopoverHeader: boolean;
|
|
25
29
|
lightStyle: import("@angular/core").InputSignal<boolean>;
|
|
30
|
+
/**
|
|
31
|
+
* This variable can be used to provide a pattern for active route.
|
|
32
|
+
* It has higher priority than default route matching (checking if current route starts with provided link or is part of nested links).
|
|
33
|
+
* This is useful when we have more complex logic to determine if route is active.
|
|
34
|
+
*
|
|
35
|
+
* @memberof SdsNavigationGroupComponent
|
|
36
|
+
*/
|
|
37
|
+
activeRoutePattern: import("@angular/core").InputSignal<string | RegExp>;
|
|
26
38
|
routerLinkComponents: QueryList<SdsNavigationRouteLinkComponent>;
|
|
27
39
|
active: boolean;
|
|
40
|
+
isPopoverVisible: import("@angular/core").WritableSignal<boolean>;
|
|
28
41
|
faAngleUpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
29
42
|
faAngleDownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
30
43
|
/**
|
|
@@ -36,9 +49,16 @@ export declare class SdsNavigationGroupComponent implements OnInit, OnDestroy, C
|
|
|
36
49
|
protected isActiveGroupClosed: boolean;
|
|
37
50
|
constructor(_router: Router);
|
|
38
51
|
isCollapsed: import("@angular/core").ModelSignal<boolean>;
|
|
52
|
+
protected lastPointerType: import("@angular/core").WritableSignal<string>;
|
|
53
|
+
protected isTouchPointerType: import("@angular/core").Signal<boolean>;
|
|
39
54
|
ngOnInit(): void;
|
|
55
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
40
56
|
ngOnDestroy(): void;
|
|
57
|
+
onMouseEnter(): void;
|
|
58
|
+
onMouseLeave(): void;
|
|
59
|
+
onClick(): void;
|
|
41
60
|
onHiding(e: any): void;
|
|
61
|
+
rememberPointer(e: PointerEvent): void;
|
|
42
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsNavigationGroupComponent, never>;
|
|
43
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationGroupComponent, "sds-navigation-group", never, { "navigationGroupNestedRoutes": { "alias": "navigationGroupNestedRoutes"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "defaultRouterLink": { "alias": "defaultRouterLink"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "ignoreQueryParamsInActiveRoute": { "alias": "ignoreQueryParamsInActiveRoute"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPopover": { "alias": "showPopover"; "required": false; }; "showPopoverHeader": { "alias": "showPopoverHeader"; "required": false; }; "lightStyle": { "alias": "lightStyle"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, ["routerLinkComponents"], ["[navigationIcon]", "*", "[popoverContent]"], true, never>;
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationGroupComponent, "sds-navigation-group", never, { "navigationGroupNestedRoutes": { "alias": "navigationGroupNestedRoutes"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "defaultRouterLink": { "alias": "defaultRouterLink"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "ignoreQueryParamsInActiveRoute": { "alias": "ignoreQueryParamsInActiveRoute"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPopover": { "alias": "showPopover"; "required": false; }; "showPopoverHeader": { "alias": "showPopoverHeader"; "required": false; }; "lightStyle": { "alias": "lightStyle"; "required": false; "isSignal": true; }; "activeRoutePattern": { "alias": "activeRoutePattern"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, ["routerLinkComponents"], ["[navigationIcon]", "*", "[popoverContent]"], true, never>;
|
|
44
64
|
}
|
|
@@ -1,19 +1,32 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
1
|
import { CollapsibleNavigationEntity } from '../models/navigation-models';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SdsNavigationRouteLinkComponent implements
|
|
3
|
+
export declare class SdsNavigationRouteLinkComponent implements CollapsibleNavigationEntity {
|
|
4
|
+
#private;
|
|
5
5
|
/**
|
|
6
6
|
* This variable is used as 'routerLink' attribute in the anchor tag.
|
|
7
7
|
*
|
|
8
8
|
* Is named 'link' to avoid conflict with the 'routerLink' directive.
|
|
9
9
|
*/
|
|
10
|
-
link: string
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
link: import("@angular/core").InputSignal<string>;
|
|
11
|
+
/** @deprecated Use `activeRoutePattern` instead. */
|
|
12
|
+
nestedLinks: import("@angular/core").InputSignal<string[]>;
|
|
13
|
+
text: import("@angular/core").InputSignal<string>;
|
|
14
|
+
/**
|
|
15
|
+
* This variable can be used to provide a pattern for active route.
|
|
16
|
+
* It has higher priority than default route matching (checking if current route starts with provided link or is part of nested links).
|
|
17
|
+
* This is useful when we have more complex logic to determine if route is active.
|
|
18
|
+
*
|
|
19
|
+
* @memberof SdsNavigationRouteLinkComponent
|
|
20
|
+
*/
|
|
21
|
+
activeRoutePattern: import("@angular/core").InputSignal<string | RegExp>;
|
|
22
|
+
additionalInfo: import("@angular/core").InputSignal<string | undefined>;
|
|
23
|
+
disabled: import("@angular/core").InputSignal<boolean>;
|
|
15
24
|
isCollapsed: import("@angular/core").ModelSignal<boolean>;
|
|
16
|
-
|
|
25
|
+
/** @deprecated Use `activeRoutePattern` instead. */
|
|
26
|
+
ignoreQueryParamsInActiveRoute: import("@angular/core").InputSignal<boolean>;
|
|
27
|
+
constructor();
|
|
28
|
+
protected isActive: import("@angular/core").Signal<boolean>;
|
|
29
|
+
protected navigateToDefaultUrl(): void;
|
|
17
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsNavigationRouteLinkComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationRouteLinkComponent, "sds-navigation-route-link", never, { "link": { "alias": "link"; "required": false; }; "text": { "alias": "text"; "required": false; }; "additionalInfo": { "alias": "additionalInfo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["[navigationIcon]"], true, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationRouteLinkComponent, "sds-navigation-route-link", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; "nestedLinks": { "alias": "nestedLinks"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "activeRoutePattern": { "alias": "activeRoutePattern"; "required": false; "isSignal": true; }; "additionalInfo": { "alias": "additionalInfo"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "ignoreQueryParamsInActiveRoute": { "alias": "ignoreQueryParamsInActiveRoute"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["[navigationIcon]"], true, never>;
|
|
19
32
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ripple.directive';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SdsRippleDirective implements OnDestroy {
|
|
4
|
+
private el;
|
|
5
|
+
private renderer;
|
|
6
|
+
sdsRippleColor: string;
|
|
7
|
+
sdsRippleDuration: number;
|
|
8
|
+
sdsRippleMaxConcurrent: number;
|
|
9
|
+
addContainer: boolean;
|
|
10
|
+
position: string;
|
|
11
|
+
overflow: string;
|
|
12
|
+
private activeRipples;
|
|
13
|
+
private touchTimeout;
|
|
14
|
+
constructor(el: ElementRef, renderer: Renderer2);
|
|
15
|
+
onTouchStart(event: TouchEvent): void;
|
|
16
|
+
onMouseDown(event: MouseEvent): void;
|
|
17
|
+
private createRipple;
|
|
18
|
+
ngOnDestroy(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdsRippleDirective, never>;
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SdsRippleDirective, "[sdsRipple]", never, { "sdsRippleColor": { "alias": "sdsRippleColor"; "required": false; }; "sdsRippleDuration": { "alias": "sdsRippleDuration"; "required": false; }; "sdsRippleMaxConcurrent": { "alias": "sdsRippleMaxConcurrent"; "required": false; }; }, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.sds-ripple-container {
|
|
2
|
+
position: relative;
|
|
3
|
+
overflow: hidden;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.sds-ripple {
|
|
7
|
+
position: absolute;
|
|
8
|
+
border-radius: 50%;
|
|
9
|
+
pointer-events: none;
|
|
10
|
+
animation: sds-ripple-animation ease-out;
|
|
11
|
+
/* animation: sds-ripple-animation 0.6s ease-out; */
|
|
12
|
+
transform: scale(0);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@keyframes sds-ripple-animation {
|
|
16
|
+
to {
|
|
17
|
+
transform: scale(4);
|
|
18
|
+
opacity: 0;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SdsSegmentedControlComponent implements OnInit {
|
|
3
|
+
export declare class SdsSegmentedControlComponent implements OnInit, AfterViewInit, OnChanges {
|
|
4
|
+
private cdr;
|
|
5
|
+
clipPathContainerRef: ElementRef<HTMLDivElement>;
|
|
4
6
|
items: any[] | undefined;
|
|
5
7
|
value: any;
|
|
6
8
|
valueExpr: string;
|
|
@@ -11,11 +13,15 @@ export declare class SdsSegmentedControlComponent implements OnInit {
|
|
|
11
13
|
disabled: boolean;
|
|
12
14
|
style: 'default' | 'primary' | 'inverted';
|
|
13
15
|
segmentPadding: 'tight' | 'loose';
|
|
16
|
+
enableAnimation: boolean;
|
|
14
17
|
itemChange: EventEmitter<any>;
|
|
15
18
|
valueChange: EventEmitter<any>;
|
|
16
|
-
constructor();
|
|
19
|
+
constructor(cdr: ChangeDetectorRef);
|
|
17
20
|
ngOnInit(): void;
|
|
21
|
+
ngAfterViewInit(): void;
|
|
22
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
18
23
|
selectItem(item: any, event: MouseEvent): void;
|
|
24
|
+
private updateClipPath;
|
|
19
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsSegmentedControlComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsSegmentedControlComponent, "sds-segmented-control", never, { "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueExpr": { "alias": "valueExpr"; "required": false; }; "displayExpr": { "alias": "displayExpr"; "required": false; }; "iconExpr": { "alias": "iconExpr"; "required": false; }; "tooltipExpr": { "alias": "tooltipExpr"; "required": false; }; "idExpr": { "alias": "idExpr"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "style": { "alias": "style"; "required": false; }; "segmentPadding": { "alias": "segmentPadding"; "required": false; }; }, { "itemChange": "itemChange"; "valueChange": "valueChange"; }, never, never, true, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsSegmentedControlComponent, "sds-segmented-control", never, { "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueExpr": { "alias": "valueExpr"; "required": false; }; "displayExpr": { "alias": "displayExpr"; "required": false; }; "iconExpr": { "alias": "iconExpr"; "required": false; }; "tooltipExpr": { "alias": "tooltipExpr"; "required": false; }; "idExpr": { "alias": "idExpr"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "style": { "alias": "style"; "required": false; }; "segmentPadding": { "alias": "segmentPadding"; "required": false; }; "enableAnimation": { "alias": "enableAnimation"; "required": false; }; }, { "itemChange": "itemChange"; "valueChange": "valueChange"; }, never, never, true, never>;
|
|
21
27
|
}
|
|
@@ -6,19 +6,25 @@ export declare class SdsSideBarComponent {
|
|
|
6
6
|
* @type {number}
|
|
7
7
|
* @memberof SdsSideBarComponent
|
|
8
8
|
*/
|
|
9
|
-
widthRem: number
|
|
9
|
+
widthRem: import("@angular/core").InputSignal<number>;
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
12
|
-
* Default is 'all-hours'.
|
|
13
|
-
* Options: 'all-hours', 'door-cloud', 'my-hours', 'time-and-space'
|
|
11
|
+
* State of the side bar, whether it is collapsed or expanded.
|
|
14
12
|
*
|
|
15
|
-
* @type {string}
|
|
16
13
|
* @memberof SdsSideBarComponent
|
|
17
14
|
*/
|
|
18
|
-
product: 'all-hours' | 'door-cloud' | 'my-hours' | 'time-and-space';
|
|
19
15
|
isCollapsed: import("@angular/core").ModelSignal<boolean>;
|
|
16
|
+
/**
|
|
17
|
+
* Indicates whether the side bar is currently hovered by the user.
|
|
18
|
+
* This can be used to trigger hover effects or to temporarily expand
|
|
19
|
+
* the side bar on hover when it is in a collapsed state.
|
|
20
|
+
*
|
|
21
|
+
* @memberof SdsSideBarComponent
|
|
22
|
+
*/
|
|
23
|
+
isHovered: import("@angular/core").OutputEmitterRef<boolean>;
|
|
20
24
|
constructor();
|
|
25
|
+
onEnter(): void;
|
|
26
|
+
onLeave(): void;
|
|
21
27
|
toggleSideBar(state?: boolean): void;
|
|
22
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsSideBarComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsSideBarComponent, "sds-side-bar", never, { "widthRem": { "alias": "widthRem"; "required": false;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsSideBarComponent, "sds-side-bar", never, { "widthRem": { "alias": "widthRem"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "isHovered": "isHovered"; }, never, ["*"], true, never>;
|
|
24
30
|
}
|
|
@@ -177,6 +177,14 @@ export declare class SdsTimelineComponent implements OnInit, OnChanges, AfterVie
|
|
|
177
177
|
* @memberof SdsTimelineComponent
|
|
178
178
|
*/
|
|
179
179
|
cutOffset: boolean;
|
|
180
|
+
/**
|
|
181
|
+
* Sets default cursor, that should be shown when hovering over timeline component.
|
|
182
|
+
* Default value is 'default'.
|
|
183
|
+
*
|
|
184
|
+
* @type {string}
|
|
185
|
+
* @memberof SdsTimelineComponent
|
|
186
|
+
*/
|
|
187
|
+
defaultCursor: string;
|
|
180
188
|
hourTicks: TimelineTick[];
|
|
181
189
|
hourLabels: TimelineIntervalLabel[];
|
|
182
190
|
dayLabels: TimelineIntervalLabel[];
|
|
@@ -202,5 +210,5 @@ export declare class SdsTimelineComponent implements OnInit, OnChanges, AfterVie
|
|
|
202
210
|
private generateInternalTimelineItems;
|
|
203
211
|
private generateInternalTimelinePointInTimeItems;
|
|
204
212
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsTimelineComponent, never>;
|
|
205
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsTimelineComponent, "sds-timeline", never, { "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "items": { "alias": "items"; "required": false; }; "pointInTimeItems": { "alias": "pointInTimeItems"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "pointInTimeTemplate": { "alias": "pointInTimeTemplate"; "required": false; }; "dayLabelTemplate": { "alias": "dayLabelTemplate"; "required": false; }; "dayLabelCustomDataFn": { "alias": "dayLabelCustomDataFn"; "required": false; }; "tickFrequency": { "alias": "tickFrequency"; "required": false; }; "hourLabelFrequency": { "alias": "hourLabelFrequency"; "required": false; }; "zoomPercent": { "alias": "zoomPercent"; "required": false; }; "viewOffsetPercent": { "alias": "viewOffsetPercent"; "required": false; }; "maxZoomPercent": { "alias": "maxZoomPercent"; "required": false; }; "showHourLabels": { "alias": "showHourLabels"; "required": false; }; "hourLabelClass": { "alias": "hourLabelClass"; "required": false; }; "showDayLabels": { "alias": "showDayLabels"; "required": false; }; "dayLabelClass": { "alias": "dayLabelClass"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "hourTickClass": { "alias": "hourTickClass"; "required": false; }; "timelineHeight": { "alias": "timelineHeight"; "required": false; }; "enableZoomAndDrag": { "alias": "enableZoomAndDrag"; "required": false; }; "offSetMinutes": { "alias": "offSetMinutes"; "required": false; }; "locales": { "alias": "locales"; "required": false; }; "cutOffset": { "alias": "cutOffset"; "required": false; }; }, { "zoomPercentChange": "zoomPercentChange"; "viewOffsetPercentChange": "viewOffsetPercentChange"; }, never, never, true, never>;
|
|
213
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsTimelineComponent, "sds-timeline", never, { "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "items": { "alias": "items"; "required": false; }; "pointInTimeItems": { "alias": "pointInTimeItems"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "pointInTimeTemplate": { "alias": "pointInTimeTemplate"; "required": false; }; "dayLabelTemplate": { "alias": "dayLabelTemplate"; "required": false; }; "dayLabelCustomDataFn": { "alias": "dayLabelCustomDataFn"; "required": false; }; "tickFrequency": { "alias": "tickFrequency"; "required": false; }; "hourLabelFrequency": { "alias": "hourLabelFrequency"; "required": false; }; "zoomPercent": { "alias": "zoomPercent"; "required": false; }; "viewOffsetPercent": { "alias": "viewOffsetPercent"; "required": false; }; "maxZoomPercent": { "alias": "maxZoomPercent"; "required": false; }; "showHourLabels": { "alias": "showHourLabels"; "required": false; }; "hourLabelClass": { "alias": "hourLabelClass"; "required": false; }; "showDayLabels": { "alias": "showDayLabels"; "required": false; }; "dayLabelClass": { "alias": "dayLabelClass"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "hourTickClass": { "alias": "hourTickClass"; "required": false; }; "timelineHeight": { "alias": "timelineHeight"; "required": false; }; "enableZoomAndDrag": { "alias": "enableZoomAndDrag"; "required": false; }; "offSetMinutes": { "alias": "offSetMinutes"; "required": false; }; "locales": { "alias": "locales"; "required": false; }; "cutOffset": { "alias": "cutOffset"; "required": false; }; "defaultCursor": { "alias": "defaultCursor"; "required": false; }; }, { "zoomPercentChange": "zoomPercentChange"; "viewOffsetPercentChange": "viewOffsetPercentChange"; }, never, never, true, never>;
|
|
206
214
|
}
|