@siemens/element-ng 47.2.0 → 47.4.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 +18 -6
- package/autocomplete/index.d.ts +8 -0
- package/autocomplete/package.json +3 -0
- package/autocomplete/si-autocomplete-listbox.directive.d.ts +31 -0
- package/autocomplete/si-autocomplete-option.directive.d.ts +31 -0
- package/autocomplete/si-autocomplete.directive.d.ts +14 -0
- package/autocomplete/si-autocomplete.model.d.ts +7 -0
- package/autocomplete/si-autocomplete.module.d.ts +9 -0
- package/badge/index.d.ts +5 -0
- package/badge/package.json +3 -0
- package/badge/si-badge.component.d.ts +17 -0
- package/breadcrumb/breadcrumb-item.model.d.ts +36 -0
- package/breadcrumb/index.d.ts +7 -0
- package/breadcrumb/package.json +3 -0
- package/breadcrumb/si-breadcrumb-item-template.directive.d.ts +10 -0
- package/breadcrumb/si-breadcrumb.component.d.ts +46 -0
- package/breadcrumb/si-breadcrumb.module.d.ts +7 -0
- package/card/index.d.ts +6 -0
- package/card/package.json +3 -0
- package/card/si-card.component.d.ts +79 -0
- package/card/si-card.module.d.ts +7 -0
- package/circle-status/index.d.ts +6 -0
- package/circle-status/package.json +3 -0
- package/circle-status/si-circle-status.component.d.ts +66 -0
- package/circle-status/si-circle-status.module.d.ts +7 -0
- package/column-selection-dialog/column-selection-editor/si-column-selection-editor.component.d.ts +23 -0
- package/column-selection-dialog/index.d.ts +6 -0
- package/column-selection-dialog/package.json +3 -0
- package/column-selection-dialog/si-column-selection-dialog.component.d.ts +114 -0
- package/column-selection-dialog/si-column-selection-dialog.service.d.ts +20 -0
- package/column-selection-dialog/si-column-selection-dialog.types.d.ts +68 -0
- package/common/models/status-type.model.d.ts +2 -2
- package/content-action-bar/index.d.ts +7 -0
- package/content-action-bar/package.json +3 -0
- package/content-action-bar/si-content-action-bar-toggle.component.d.ts +6 -0
- package/content-action-bar/si-content-action-bar.component.d.ts +72 -0
- package/content-action-bar/si-content-action-bar.model.d.ts +9 -0
- package/content-action-bar/si-content-action-bar.module.d.ts +7 -0
- package/date-range-filter/index.d.ts +8 -0
- package/date-range-filter/package.json +3 -0
- package/date-range-filter/si-date-range-calculation.service.d.ts +33 -0
- package/date-range-filter/si-date-range-filter.component.d.ts +248 -0
- package/date-range-filter/si-date-range-filter.module.d.ts +7 -0
- package/date-range-filter/si-date-range-filter.types.d.ts +40 -0
- package/date-range-filter/si-relative-date.component.d.ts +31 -0
- package/datepicker/components/si-calendar-body.component.d.ts +137 -0
- package/datepicker/components/si-calendar-date-cell.directive.d.ts +16 -0
- package/datepicker/components/si-calendar-direction-button.component.d.ts +18 -0
- package/datepicker/components/si-compare-adapter.d.ts +37 -0
- package/datepicker/components/si-day-selection.component.d.ts +76 -0
- package/datepicker/components/si-initial-focus.component.d.ts +74 -0
- package/datepicker/components/si-month-selection.component.d.ts +62 -0
- package/datepicker/components/si-year-selection.component.d.ts +65 -0
- package/datepicker/date-time-helper.d.ts +302 -0
- package/datepicker/index.d.ts +15 -0
- package/datepicker/package.json +3 -0
- package/datepicker/si-calendar-button.component.d.ts +49 -0
- package/datepicker/si-date-input.directive.d.ts +114 -0
- package/datepicker/si-date-range.component.d.ts +150 -0
- package/datepicker/si-datepicker-overlay.component.d.ts +82 -0
- package/datepicker/si-datepicker-overlay.directive.d.ts +104 -0
- package/datepicker/si-datepicker.component.d.ts +228 -0
- package/datepicker/si-datepicker.directive.d.ts +62 -0
- package/datepicker/si-datepicker.model.d.ts +129 -0
- package/datepicker/si-datepicker.module.d.ts +12 -0
- package/datepicker/si-timepicker.component.d.ts +214 -0
- package/electron-titlebar/electron.helpers.d.ts +5 -0
- package/electron-titlebar/index.d.ts +7 -0
- package/electron-titlebar/package.json +3 -0
- package/electron-titlebar/si-electron-titlebar.component.d.ts +72 -0
- package/electron-titlebar/si-electron-titlebar.module.d.ts +7 -0
- package/fesm2022/siemens-element-ng-application-header.mjs +2 -2
- package/fesm2022/siemens-element-ng-application-header.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-autocomplete.mjs +235 -0
- package/fesm2022/siemens-element-ng-autocomplete.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-badge.mjs +59 -0
- package/fesm2022/siemens-element-ng-badge.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-breadcrumb.mjs +302 -0
- package/fesm2022/siemens-element-ng-breadcrumb.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-card.mjs +122 -0
- package/fesm2022/siemens-element-ng-card.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-circle-status.mjs +146 -0
- package/fesm2022/siemens-element-ng-circle-status.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-column-selection-dialog.mjs +369 -0
- package/fesm2022/siemens-element-ng-column-selection-dialog.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-common.mjs +1 -1
- package/fesm2022/siemens-element-ng-common.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-content-action-bar.mjs +200 -0
- package/fesm2022/siemens-element-ng-content-action-bar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-date-range-filter.mjs +649 -0
- package/fesm2022/siemens-element-ng-date-range-filter.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-datepicker.mjs +4231 -0
- package/fesm2022/siemens-element-ng-datepicker.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-electron-titlebar.mjs +142 -0
- package/fesm2022/siemens-element-ng-electron-titlebar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-file-uploader.mjs +751 -0
- package/fesm2022/siemens-element-ng-file-uploader.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-filter-bar.mjs +153 -0
- package/fesm2022/siemens-element-ng-filter-bar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-form.mjs +827 -0
- package/fesm2022/siemens-element-ng-form.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-icon-status.mjs +65 -0
- package/fesm2022/siemens-element-ng-icon-status.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-icon.mjs +22 -2
- package/fesm2022/siemens-element-ng-icon.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-info-page.mjs +63 -0
- package/fesm2022/siemens-element-ng-info-page.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-inline-notification.mjs +4 -6
- package/fesm2022/siemens-element-ng-inline-notification.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-ip-input.mjs +451 -0
- package/fesm2022/siemens-element-ng-ip-input.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-language-switcher.mjs +90 -0
- package/fesm2022/siemens-element-ng-language-switcher.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-localization.mjs +306 -0
- package/fesm2022/siemens-element-ng-localization.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-number-input.mjs +267 -0
- package/fesm2022/siemens-element-ng-number-input.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-password-strength.mjs +177 -0
- package/fesm2022/siemens-element-ng-password-strength.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-photo-upload.mjs +480 -0
- package/fesm2022/siemens-element-ng-photo-upload.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-pills-input.mjs +397 -0
- package/fesm2022/siemens-element-ng-pills-input.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-popover-next.mjs +259 -0
- package/fesm2022/siemens-element-ng-popover-next.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-popover.mjs +256 -0
- package/fesm2022/siemens-element-ng-popover.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-progressbar.mjs +83 -0
- package/fesm2022/siemens-element-ng-progressbar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-search-bar.mjs +193 -0
- package/fesm2022/siemens-element-ng-search-bar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-select.mjs +1166 -0
- package/fesm2022/siemens-element-ng-select.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-skip-links.mjs +117 -0
- package/fesm2022/siemens-element-ng-skip-links.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-slider.mjs +313 -0
- package/fesm2022/siemens-element-ng-slider.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-sort-bar.mjs +89 -0
- package/fesm2022/siemens-element-ng-sort-bar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-split.mjs +575 -0
- package/fesm2022/siemens-element-ng-split.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-status-toggle.mjs +196 -0
- package/fesm2022/siemens-element-ng-status-toggle.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-summary-widget.mjs +77 -0
- package/fesm2022/siemens-element-ng-summary-widget.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-system-banner.mjs +47 -0
- package/fesm2022/siemens-element-ng-system-banner.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-tabs.mjs +395 -0
- package/fesm2022/siemens-element-ng-tabs.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-toast-notification.mjs +227 -0
- package/fesm2022/siemens-element-ng-toast-notification.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-translate.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-typeahead.mjs +746 -0
- package/fesm2022/siemens-element-ng-typeahead.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-unauthorized-page.mjs +76 -0
- package/fesm2022/siemens-element-ng-unauthorized-page.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-wizard.mjs +465 -0
- package/fesm2022/siemens-element-ng-wizard.mjs.map +1 -0
- package/file-uploader/index.d.ts +8 -0
- package/file-uploader/package.json +3 -0
- package/file-uploader/si-file-dropzone.component.d.ts +106 -0
- package/file-uploader/si-file-uploader.component.d.ts +296 -0
- package/file-uploader/si-file-uploader.model.d.ts +12 -0
- package/file-uploader/si-file-uploader.module.d.ts +8 -0
- package/filter-bar/filter.d.ts +26 -0
- package/filter-bar/index.d.ts +8 -0
- package/filter-bar/package.json +3 -0
- package/filter-bar/si-filter-bar.component.d.ts +65 -0
- package/filter-bar/si-filter-bar.module.d.ts +7 -0
- package/filter-bar/si-filter-pill.component.d.ts +20 -0
- package/form/form-fieldset/si-form-fieldset.component.d.ts +40 -0
- package/form/index.d.ts +14 -0
- package/form/package.json +3 -0
- package/form/si-form-container/si-form-container.component.d.ts +155 -0
- package/form/si-form-item/si-form-field-native.control.d.ts +22 -0
- package/form/si-form-item/si-form-item.component.d.ts +90 -0
- package/form/si-form-item-control-input.directive.d.ts +18 -0
- package/form/si-form-item.control.d.ts +35 -0
- package/form/si-form-validation-error.model.d.ts +55 -0
- package/form/si-form-validation-error.provider.d.ts +11 -0
- package/form/si-form-validation-error.service.d.ts +42 -0
- package/form/si-form-validation-tooltip/si-form-validation-tooltip.component.d.ts +13 -0
- package/form/si-form-validation-tooltip/si-form-validation-tooltip.directive.d.ts +42 -0
- package/form/si-form.module.d.ts +25 -0
- package/icon/element-icons.d.ts +20 -0
- package/icon-status/index.d.ts +6 -0
- package/icon-status/package.json +3 -0
- package/icon-status/si-icon-status.component.d.ts +24 -0
- package/icon-status/si-icon-status.module.d.ts +7 -0
- package/info-page/index.d.ts +5 -0
- package/info-page/package.json +3 -0
- package/info-page/si-info-page.component.d.ts +38 -0
- package/inline-notification/si-inline-notification.component.d.ts +0 -2
- package/ip-input/address-utils.d.ts +28 -0
- package/ip-input/address-validators.d.ts +21 -0
- package/ip-input/index.d.ts +7 -0
- package/ip-input/package.json +3 -0
- package/ip-input/si-ip-input.directive.d.ts +53 -0
- package/ip-input/si-ip4-input.directive.d.ts +9 -0
- package/ip-input/si-ip6-input.directive.d.ts +10 -0
- package/language-switcher/index.d.ts +7 -0
- package/language-switcher/iso-language-value.d.ts +14 -0
- package/language-switcher/package.json +3 -0
- package/language-switcher/si-language-switcher.component.d.ts +32 -0
- package/language-switcher/si-language-switcher.module.d.ts +7 -0
- package/localization/index.d.ts +8 -0
- package/localization/package.json +3 -0
- package/localization/si-directionality.d.ts +41 -0
- package/localization/si-locale-id.d.ts +22 -0
- package/localization/si-locale-store.d.ts +16 -0
- package/localization/si-locale.service.d.ts +73 -0
- package/number-input/index.d.ts +6 -0
- package/number-input/package.json +3 -0
- package/number-input/si-number-input.component.d.ts +106 -0
- package/number-input/si-number-input.module.d.ts +7 -0
- package/package.json +163 -3
- package/password-strength/index.d.ts +7 -0
- package/password-strength/package.json +3 -0
- package/password-strength/si-password-strength.component.d.ts +25 -0
- package/password-strength/si-password-strength.directive.d.ts +54 -0
- package/password-strength/si-password-strength.module.d.ts +8 -0
- package/photo-upload/index.d.ts +6 -0
- package/photo-upload/package.json +3 -0
- package/photo-upload/si-image-cropper-style.component.d.ts +5 -0
- package/photo-upload/si-photo-upload.component.d.ts +298 -0
- package/pills-input/index.d.ts +9 -0
- package/pills-input/package.json +3 -0
- package/pills-input/si-input-pill.component.d.ts +9 -0
- package/pills-input/si-pills-input-csv.directive.d.ts +8 -0
- package/pills-input/si-pills-input-email.directive.d.ts +10 -0
- package/pills-input/si-pills-input-pattern-base.d.ts +19 -0
- package/pills-input/si-pills-input-value-handler.d.ts +12 -0
- package/pills-input/si-pills-input.component.d.ts +87 -0
- package/pills-input/si-pills-input.module.d.ts +9 -0
- package/popover/index.d.ts +6 -0
- package/popover/package.json +3 -0
- package/popover/si-popover.component.d.ts +26 -0
- package/popover/si-popover.directive.d.ts +89 -0
- package/popover/si-popover.module.d.ts +7 -0
- package/popover-next/index.d.ts +7 -0
- package/popover-next/package.json +3 -0
- package/popover-next/si-popover-description.directive.d.ts +7 -0
- package/popover-next/si-popover-next.directive.d.ts +61 -0
- package/popover-next/si-popover-title.directive.d.ts +7 -0
- package/popover-next/si-popover.component.d.ts +27 -0
- package/progressbar/index.d.ts +6 -0
- package/progressbar/package.json +3 -0
- package/progressbar/si-progressbar.component.d.ts +43 -0
- package/progressbar/si-progressbar.module.d.ts +7 -0
- package/search-bar/index.d.ts +6 -0
- package/search-bar/package.json +3 -0
- package/search-bar/si-search-bar.component.d.ts +87 -0
- package/search-bar/si-search-bar.module.d.ts +7 -0
- package/select/index.d.ts +18 -0
- package/select/options/si-select-complex-options.directive.d.ts +69 -0
- package/select/options/si-select-lazy-options.directive.d.ts +38 -0
- package/select/options/si-select-option.source.d.ts +49 -0
- package/select/options/si-select-options-strategy.base.d.ts +35 -0
- package/select/options/si-select-options-strategy.d.ts +37 -0
- package/select/options/si-select-simple-options.directive.d.ts +34 -0
- package/select/package.json +3 -0
- package/select/select-input/si-select-input.component.d.ts +43 -0
- package/select/select-list/si-select-list-has-filter.component.d.ts +20 -0
- package/select/select-list/si-select-list.base.d.ts +37 -0
- package/select/select-list/si-select-list.component.d.ts +15 -0
- package/select/select-option/si-select-option-row.component.d.ts +16 -0
- package/select/select-option/si-select-option.component.d.ts +9 -0
- package/select/selection/si-select-multi-value.directive.d.ts +26 -0
- package/select/selection/si-select-selection-strategy.d.ts +58 -0
- package/select/selection/si-select-single-value.directive.d.ts +26 -0
- package/select/si-select-action.directive.d.ts +12 -0
- package/select/si-select-actions.directive.d.ts +5 -0
- package/select/si-select-group-template.directive.d.ts +20 -0
- package/select/si-select-option-row-template.directive.d.ts +9 -0
- package/select/si-select-option-template.directive.d.ts +21 -0
- package/select/si-select.component.d.ts +96 -0
- package/select/si-select.module.d.ts +15 -0
- package/select/si-select.types.d.ts +65 -0
- package/skip-links/index.d.ts +5 -0
- package/skip-links/package.json +3 -0
- package/skip-links/si-skip-link-target.directive.d.ts +27 -0
- package/skip-links/si-skip-links.component.d.ts +9 -0
- package/skip-links/skip-link.service.d.ts +14 -0
- package/slider/index.d.ts +6 -0
- package/slider/package.json +3 -0
- package/slider/si-slider.component.d.ts +129 -0
- package/slider/si-slider.module.d.ts +7 -0
- package/sort-bar/index.d.ts +6 -0
- package/sort-bar/package.json +3 -0
- package/sort-bar/si-sort-bar.component.d.ts +42 -0
- package/sort-bar/si-sort-bar.module.d.ts +7 -0
- package/split/index.d.ts +8 -0
- package/split/package.json +3 -0
- package/split/si-split-part.component.d.ts +154 -0
- package/split/si-split.component.d.ts +48 -0
- package/split/si-split.interfaces.d.ts +17 -0
- package/split/si-split.module.d.ts +8 -0
- package/status-toggle/index.d.ts +6 -0
- package/status-toggle/package.json +3 -0
- package/status-toggle/si-status-toggle.component.d.ts +54 -0
- package/status-toggle/status-toggle.model.d.ts +26 -0
- package/summary-widget/index.d.ts +5 -0
- package/summary-widget/package.json +3 -0
- package/summary-widget/si-summary-widget.component.d.ts +44 -0
- package/system-banner/index.d.ts +5 -0
- package/system-banner/package.json +3 -0
- package/system-banner/system-banner.component.d.ts +23 -0
- package/tabs/index.d.ts +7 -0
- package/tabs/package.json +3 -0
- package/tabs/si-tab/index.d.ts +5 -0
- package/tabs/si-tab/si-tab.component.d.ts +58 -0
- package/tabs/si-tabs.module.d.ts +8 -0
- package/tabs/si-tabset/index.d.ts +5 -0
- package/tabs/si-tabset/si-tabset.component.d.ts +100 -0
- package/template-i18n.json +111 -1
- package/toast-notification/index.d.ts +6 -0
- package/toast-notification/package.json +3 -0
- package/toast-notification/si-toast-notification/si-toast-notification.component.d.ts +17 -0
- package/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.d.ts +9 -0
- package/toast-notification/si-toast-notification.service.d.ts +41 -0
- package/toast-notification/si-toast.model.d.ts +25 -0
- package/translate/si-translatable-keys.interface.d.ts +110 -0
- package/typeahead/index.d.ts +8 -0
- package/typeahead/package.json +3 -0
- package/typeahead/si-typeahead-item-template.directive.d.ts +7 -0
- package/typeahead/si-typeahead.component.d.ts +22 -0
- package/typeahead/si-typeahead.directive.d.ts +196 -0
- package/typeahead/si-typeahead.model.d.ts +60 -0
- package/typeahead/si-typeahead.module.d.ts +8 -0
- package/typeahead/si-typeahead.sorting.d.ts +10 -0
- package/unauthorized-page/index.d.ts +6 -0
- package/unauthorized-page/package.json +3 -0
- package/unauthorized-page/si-unauthorized-page.component.d.ts +35 -0
- package/unauthorized-page/si-unauthorized-page.module.d.ts +7 -0
- package/wizard/index.d.ts +7 -0
- package/wizard/package.json +3 -0
- package/wizard/si-wizard-step.component.d.ts +21 -0
- package/wizard/si-wizard.component.d.ts +196 -0
- package/wizard/si-wizard.module.d.ts +8 -0
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
2
|
+
import { SiFormItemControl } from '@siemens/element-ng/form';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SiSliderComponent implements ControlValueAccessor, SiFormItemControl {
|
|
5
|
+
private static idCounter;
|
|
6
|
+
private readonly handleRef;
|
|
7
|
+
private readonly disabledNgControl;
|
|
8
|
+
/**
|
|
9
|
+
* @defaultValue
|
|
10
|
+
* ```
|
|
11
|
+
* `__si-slider-${SiSliderComponent.idCounter++}`
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
15
|
+
/**
|
|
16
|
+
* Current value of slider.
|
|
17
|
+
*/
|
|
18
|
+
readonly value: import("@angular/core").ModelSignal<number | undefined>;
|
|
19
|
+
/**
|
|
20
|
+
* Minimum of slider range.
|
|
21
|
+
*
|
|
22
|
+
* @defaultValue 0
|
|
23
|
+
*/
|
|
24
|
+
readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
25
|
+
/**
|
|
26
|
+
* Maximum of slider range.
|
|
27
|
+
*
|
|
28
|
+
* @defaultValue 100
|
|
29
|
+
*/
|
|
30
|
+
readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
31
|
+
/**
|
|
32
|
+
* Label to describe minimum of slider range.
|
|
33
|
+
*
|
|
34
|
+
* @defaultValue ''
|
|
35
|
+
*/
|
|
36
|
+
readonly minLabel: import("@angular/core").InputSignal<string>;
|
|
37
|
+
/**
|
|
38
|
+
* Label to describe maximum of slider range.
|
|
39
|
+
*
|
|
40
|
+
* @defaultValue ''
|
|
41
|
+
*/
|
|
42
|
+
readonly maxLabel: import("@angular/core").InputSignal<string>;
|
|
43
|
+
/**
|
|
44
|
+
* Interval to step through the slider.
|
|
45
|
+
*
|
|
46
|
+
* @defaultValue 1
|
|
47
|
+
*/
|
|
48
|
+
readonly step: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
49
|
+
/**
|
|
50
|
+
* Icon to use as the slider thumb.
|
|
51
|
+
*/
|
|
52
|
+
readonly thumbIcon: import("@angular/core").InputSignal<string | undefined>;
|
|
53
|
+
/**
|
|
54
|
+
* Text for aria-label of increment. Needed for a11y.
|
|
55
|
+
*
|
|
56
|
+
* @defaultValue
|
|
57
|
+
* ```
|
|
58
|
+
* $localize`:@@SI_SLIDER.INCREMENT:Increment`
|
|
59
|
+
* ```
|
|
60
|
+
*/
|
|
61
|
+
readonly incrementLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
|
|
62
|
+
/**
|
|
63
|
+
* Text for aria-label of decrement. Needed for a11y.
|
|
64
|
+
*
|
|
65
|
+
* @defaultValue
|
|
66
|
+
* ```
|
|
67
|
+
* $localize`:@@SI_SLIDER.DECREMENT:Decrement`
|
|
68
|
+
* ```
|
|
69
|
+
*/
|
|
70
|
+
readonly decrementLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
|
|
71
|
+
/**
|
|
72
|
+
* Text for aria-label of slider. Needed for a11y
|
|
73
|
+
*
|
|
74
|
+
* @defaultValue
|
|
75
|
+
* ```
|
|
76
|
+
* $localize`:@@SI_SLIDER.LABEL:Value`
|
|
77
|
+
* ```
|
|
78
|
+
*/
|
|
79
|
+
readonly sliderLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
|
|
80
|
+
/**
|
|
81
|
+
* @defaultValue
|
|
82
|
+
* ```
|
|
83
|
+
* `${this.id()}-label`
|
|
84
|
+
* ```
|
|
85
|
+
*/
|
|
86
|
+
readonly labelledby: import("@angular/core").InputSignal<string>;
|
|
87
|
+
/** @defaultValue false */
|
|
88
|
+
readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
89
|
+
protected readonly disabled: import("@angular/core").Signal<boolean>;
|
|
90
|
+
protected readonly sliderValue: import("@angular/core").Signal<number>;
|
|
91
|
+
/** @internal */
|
|
92
|
+
readonly errormessageId: string;
|
|
93
|
+
protected readonly indicatorPos: import("@angular/core").Signal<number>;
|
|
94
|
+
protected readonly icons: Record<"elementMinus" | "elementPlus", string>;
|
|
95
|
+
protected isDragging: boolean;
|
|
96
|
+
private autoUpdate$;
|
|
97
|
+
private autoUpdateSubs?;
|
|
98
|
+
private rtl;
|
|
99
|
+
private unlistenDragEvents;
|
|
100
|
+
private onTouchedCallback;
|
|
101
|
+
private onChangeCallback;
|
|
102
|
+
private zone;
|
|
103
|
+
private changeDetectorRef;
|
|
104
|
+
private incrementValue;
|
|
105
|
+
private decrementValue;
|
|
106
|
+
private roundToStepPrecision;
|
|
107
|
+
private normalizeValue;
|
|
108
|
+
private handleTouchMove;
|
|
109
|
+
private handleMouseMove;
|
|
110
|
+
private handleDragMove;
|
|
111
|
+
private handleDragEnd;
|
|
112
|
+
private valueChanged;
|
|
113
|
+
protected handlePointerDown(event: Event): void;
|
|
114
|
+
protected autoUpdateKeydown(event: KeyboardEvent): void;
|
|
115
|
+
protected autoUpdateStart(event: Event, isIncrement: boolean): void;
|
|
116
|
+
protected autoUpdateStop(): void;
|
|
117
|
+
protected handleMouseDown(event: MouseEvent): void;
|
|
118
|
+
protected handleTouchStart(event: TouchEvent): void;
|
|
119
|
+
/** @internal */
|
|
120
|
+
writeValue(val: any): void;
|
|
121
|
+
/** @internal */
|
|
122
|
+
registerOnChange(fn: any): void;
|
|
123
|
+
/** @internal */
|
|
124
|
+
registerOnTouched(fn: () => void): void;
|
|
125
|
+
/** @internal */
|
|
126
|
+
setDisabledState(isDisabled: boolean): void;
|
|
127
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSliderComponent, never>;
|
|
128
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiSliderComponent, "si-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "thumbIcon": { "alias": "thumbIcon"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; "sliderLabel": { "alias": "sliderLabel"; "required": false; "isSignal": true; }; "labelledby": { "alias": "labelledby"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
|
|
129
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./si-slider.component";
|
|
3
|
+
export declare class SiSliderModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSliderModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SiSliderModule, never, [typeof i1.SiSliderComponent], [typeof i1.SiSliderComponent]>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SiSliderModule>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
import { HttpParams } from '@angular/common/http';
|
|
6
|
+
import { OnInit } from '@angular/core';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export interface SortCriteria {
|
|
9
|
+
name: string;
|
|
10
|
+
key: number | string;
|
|
11
|
+
}
|
|
12
|
+
export declare class SiSortBarComponent implements OnInit {
|
|
13
|
+
/**
|
|
14
|
+
* Custom sort title.
|
|
15
|
+
*
|
|
16
|
+
* @defaultValue
|
|
17
|
+
* ```
|
|
18
|
+
* $localize`:@@SI_SORT_BAR.TITLE:Sort by`
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
readonly sortTitle: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
|
|
22
|
+
/**
|
|
23
|
+
* List of sort criteria.
|
|
24
|
+
*/
|
|
25
|
+
readonly sortCriteria: import("@angular/core").InputSignal<SortCriteria[]>;
|
|
26
|
+
/**
|
|
27
|
+
* `key` which sortCriteria is active by default.
|
|
28
|
+
*/
|
|
29
|
+
readonly defaultSortCriteria: import("@angular/core").InputSignal<string | number>;
|
|
30
|
+
/**
|
|
31
|
+
* Output callback event will provide you with a HttpParams object if active
|
|
32
|
+
* sortCriteria change.
|
|
33
|
+
*/
|
|
34
|
+
readonly sortChange: import("@angular/core").OutputEmitterRef<HttpParams>;
|
|
35
|
+
protected readonly icons: Record<"elementSortDown" | "elementSortUp", string>;
|
|
36
|
+
protected activeSortCriteria: SortCriteria['key'];
|
|
37
|
+
protected sortIsDescending: boolean;
|
|
38
|
+
ngOnInit(): void;
|
|
39
|
+
protected setActive(key: SortCriteria['key']): void;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSortBarComponent, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiSortBarComponent, "si-sort-bar", never, { "sortTitle": { "alias": "sortTitle"; "required": false; "isSignal": true; }; "sortCriteria": { "alias": "sortCriteria"; "required": true; "isSignal": true; }; "defaultSortCriteria": { "alias": "defaultSortCriteria"; "required": true; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, never, true, never>;
|
|
42
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./si-sort-bar.component";
|
|
3
|
+
export declare class SiSortBarModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSortBarModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SiSortBarModule, never, [typeof i1.SiSortBarComponent], [typeof i1.SiSortBarComponent]>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SiSortBarModule>;
|
|
7
|
+
}
|
package/split/index.d.ts
ADDED
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Action, CollapseTo, PartState, Scale, SplitOrientation } from './si-split.interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SiSplitPartComponent implements OnChanges {
|
|
5
|
+
/** @defaultValue [] */
|
|
6
|
+
actions: Action[];
|
|
7
|
+
/**
|
|
8
|
+
* @defaultValue 'start'
|
|
9
|
+
*/
|
|
10
|
+
collapseDirection: CollapseTo;
|
|
11
|
+
/**
|
|
12
|
+
* Sets the icon class that is used in the buttons of split parts to
|
|
13
|
+
* collapse and uncollapse the parts.
|
|
14
|
+
*
|
|
15
|
+
* @defaultValue 'element-double-right'
|
|
16
|
+
*/
|
|
17
|
+
collapseIconClass: string;
|
|
18
|
+
/**
|
|
19
|
+
* Collapse only to the given min size.
|
|
20
|
+
*
|
|
21
|
+
* @defaultValue false
|
|
22
|
+
*/
|
|
23
|
+
collapseToMinSize: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Sets the status color on the split part header, visible as a bottom border and,
|
|
26
|
+
* if a headerStatusIcon is defined, as the icon´s background color.
|
|
27
|
+
*
|
|
28
|
+
* @deprecated Legacy input with no functionality. Will be removed in future major release.
|
|
29
|
+
*/
|
|
30
|
+
headerStatusColor?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Sets the icon class that is used as status icon in the split part header.
|
|
33
|
+
*
|
|
34
|
+
* @deprecated Legacy input with no functionality. Will be removed in future major release.
|
|
35
|
+
*/
|
|
36
|
+
headerStatusIconClass?: string;
|
|
37
|
+
headerTemplate?: TemplateRef<any>;
|
|
38
|
+
/**
|
|
39
|
+
* Sets the title of the split part header.
|
|
40
|
+
*/
|
|
41
|
+
heading: string;
|
|
42
|
+
/**
|
|
43
|
+
* Minimum size in px.
|
|
44
|
+
*
|
|
45
|
+
* @defaultValue 0
|
|
46
|
+
*/
|
|
47
|
+
minSize: number;
|
|
48
|
+
/**
|
|
49
|
+
* When a split part is collapsed, the content gets hidden but it will
|
|
50
|
+
* still remain within the DOM. If you want to remove and destroy the component
|
|
51
|
+
* in collapsed mode and recreate it on un-collapse, set this property to
|
|
52
|
+
* true.
|
|
53
|
+
*
|
|
54
|
+
* @defaultValue false
|
|
55
|
+
*/
|
|
56
|
+
removeContentOnCollapse: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Defines the behavior of the split part during scaling.
|
|
59
|
+
* E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.
|
|
60
|
+
*
|
|
61
|
+
* @defaultValue 'auto'
|
|
62
|
+
*/
|
|
63
|
+
scale: Scale;
|
|
64
|
+
/**
|
|
65
|
+
* Defines if the collapse button of a split part is displayed. Default value is true.
|
|
66
|
+
*
|
|
67
|
+
* @defaultValue true
|
|
68
|
+
*/
|
|
69
|
+
showCollapseButton: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Defines if the header of the split part is visible. Default is true.
|
|
72
|
+
*
|
|
73
|
+
* @defaultValue true
|
|
74
|
+
*/
|
|
75
|
+
showHeader: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Aria label for collapse button. Needed for a11y
|
|
78
|
+
*
|
|
79
|
+
* @defaultValue 'collapse'
|
|
80
|
+
*/
|
|
81
|
+
collapseLabel: string;
|
|
82
|
+
/**
|
|
83
|
+
* An optional stateId to uniquely identify a component instance.
|
|
84
|
+
* Required for persistence of ui state.
|
|
85
|
+
*/
|
|
86
|
+
stateId?: string;
|
|
87
|
+
/**
|
|
88
|
+
* Expanded size in px.
|
|
89
|
+
*/
|
|
90
|
+
size?: number;
|
|
91
|
+
/**
|
|
92
|
+
* This toggles the behavior when collapsing this split part.
|
|
93
|
+
* If enabled, all split parts between this one and the end of the split in the respective direction will be collapsed if this part is collapsed.
|
|
94
|
+
* If disabled, only this split part will be collapsed.
|
|
95
|
+
*
|
|
96
|
+
* The default value will change to false in v48.
|
|
97
|
+
*
|
|
98
|
+
* @defaultValue true
|
|
99
|
+
*/
|
|
100
|
+
collapseOthers: boolean;
|
|
101
|
+
readonly collapseChanged: EventEmitter<boolean>;
|
|
102
|
+
readonly stateChange: EventEmitter<PartState>;
|
|
103
|
+
/** @internal */
|
|
104
|
+
index: number;
|
|
105
|
+
/** @internal */
|
|
106
|
+
before?: SiSplitPartComponent;
|
|
107
|
+
/** @internal */
|
|
108
|
+
after?: SiSplitPartComponent;
|
|
109
|
+
/** @internal */
|
|
110
|
+
readonly fractionalSize: import("@angular/core").WritableSignal<number | undefined>;
|
|
111
|
+
/** @internal */
|
|
112
|
+
readonly collapsedSize: import("@angular/core").WritableSignal<number>;
|
|
113
|
+
/** @internal */
|
|
114
|
+
readonly collapsedState: import("@angular/core").WritableSignal<boolean>;
|
|
115
|
+
/**
|
|
116
|
+
* Get collapsed state.
|
|
117
|
+
* @returns True if the split part is collapsed, false is expanded.
|
|
118
|
+
*/
|
|
119
|
+
get collapsed(): boolean;
|
|
120
|
+
/** @internal */
|
|
121
|
+
readonly expandedSize: import("@angular/core").WritableSignal<number | undefined>;
|
|
122
|
+
/** @internal */
|
|
123
|
+
readonly actualSize: import("@angular/core").Signal<number>;
|
|
124
|
+
/** @internal */
|
|
125
|
+
saveUIState: () => void;
|
|
126
|
+
/** @internal */
|
|
127
|
+
readonly nextExpandedAfter: import("@angular/core").Signal<SiSplitPartComponent>;
|
|
128
|
+
private elementRef;
|
|
129
|
+
protected headerContext: {
|
|
130
|
+
$implicit: SiSplitPartComponent;
|
|
131
|
+
};
|
|
132
|
+
/** @defaultValue true */
|
|
133
|
+
set expanded(value: boolean);
|
|
134
|
+
get expanded(): boolean;
|
|
135
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
136
|
+
/** @internal */
|
|
137
|
+
refreshSizePx(orientation: SplitOrientation): void;
|
|
138
|
+
/**
|
|
139
|
+
* Toggles the collapsed or expanded state.
|
|
140
|
+
*/
|
|
141
|
+
toggleCollapse(): void;
|
|
142
|
+
private refreshCollapsedToEnd;
|
|
143
|
+
private refreshCollapseToStart;
|
|
144
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSplitPartComponent, never>;
|
|
145
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; }; "collapseDirection": { "alias": "collapseDirection"; "required": false; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; }; "headerStatusColor": { "alias": "headerStatusColor"; "required": false; }; "headerStatusIconClass": { "alias": "headerStatusIconClass"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
|
|
146
|
+
static ngAcceptInputType_collapseToMinSize: unknown;
|
|
147
|
+
static ngAcceptInputType_minSize: unknown;
|
|
148
|
+
static ngAcceptInputType_removeContentOnCollapse: unknown;
|
|
149
|
+
static ngAcceptInputType_showCollapseButton: unknown;
|
|
150
|
+
static ngAcceptInputType_showHeader: unknown;
|
|
151
|
+
static ngAcceptInputType_size: unknown;
|
|
152
|
+
static ngAcceptInputType_collapseOthers: unknown;
|
|
153
|
+
static ngAcceptInputType_expanded: unknown;
|
|
154
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { AfterContentInit, EventEmitter, OnChanges, QueryList, Signal, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { SiSplitPartComponent } from './si-split-part.component';
|
|
3
|
+
import { SplitOrientation } from './si-split.interfaces';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
interface Gutter {
|
|
6
|
+
before: SiSplitPartComponent;
|
|
7
|
+
after: SiSplitPartComponent;
|
|
8
|
+
visible: Signal<boolean>;
|
|
9
|
+
}
|
|
10
|
+
export declare class SiSplitComponent implements AfterContentInit, OnChanges {
|
|
11
|
+
/** @defaultValue 16 */
|
|
12
|
+
gutterSize: number;
|
|
13
|
+
protected readonly _orientation: import("@angular/core").WritableSignal<SplitOrientation>;
|
|
14
|
+
get orientation(): SplitOrientation;
|
|
15
|
+
set orientation(value: SplitOrientation);
|
|
16
|
+
/** @defaultValue [] */
|
|
17
|
+
sizes: number[];
|
|
18
|
+
/**
|
|
19
|
+
* An optional stateId to uniquely identify a component instance.
|
|
20
|
+
* Required for persistence of ui state.
|
|
21
|
+
*/
|
|
22
|
+
stateId?: string;
|
|
23
|
+
readonly sizesChange: EventEmitter<number[]>;
|
|
24
|
+
protected parts: QueryList<SiSplitPartComponent>;
|
|
25
|
+
protected gutters: Gutter[];
|
|
26
|
+
protected gridTemplateRows: Signal<string>;
|
|
27
|
+
protected gridTemplateColumns: Signal<string>;
|
|
28
|
+
protected gridTemplateAreas: Signal<string>;
|
|
29
|
+
private elementRef;
|
|
30
|
+
private ngZone;
|
|
31
|
+
private changeDetectorRef;
|
|
32
|
+
private document;
|
|
33
|
+
private uiStateService;
|
|
34
|
+
private fractionalSizeToExpandedSizeFactor;
|
|
35
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
36
|
+
ngAfterContentInit(): void;
|
|
37
|
+
private alignRelativeSizes;
|
|
38
|
+
private updateFractionalSizeToExpandSizeFactor;
|
|
39
|
+
private refreshAllPartSizes;
|
|
40
|
+
protected resizeStart(gutter: Gutter, event: Event): void;
|
|
41
|
+
private measureContainerSize;
|
|
42
|
+
private getPosition;
|
|
43
|
+
private saveUIState;
|
|
44
|
+
private restoreFormUIState;
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSplitComponent, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiSplitComponent, "si-split", never, { "gutterSize": { "alias": "gutterSize"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; }, { "sizesChange": "sizesChange"; }, ["parts"], ["*"], true, never>;
|
|
47
|
+
}
|
|
48
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
type CollapseTo = 'start' | 'end';
|
|
6
|
+
type SplitOrientation = 'horizontal' | 'vertical';
|
|
7
|
+
type Scale = 'none' | 'auto';
|
|
8
|
+
interface Action {
|
|
9
|
+
iconClass: string;
|
|
10
|
+
tooltip: string;
|
|
11
|
+
click: (evt: Event) => void;
|
|
12
|
+
}
|
|
13
|
+
interface PartState {
|
|
14
|
+
expanded?: boolean;
|
|
15
|
+
size?: number;
|
|
16
|
+
}
|
|
17
|
+
export type { Action, CollapseTo, PartState, Scale, SplitOrientation };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./si-split.component";
|
|
3
|
+
import * as i2 from "./si-split-part.component";
|
|
4
|
+
export declare class SiSplitModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSplitModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SiSplitModule, never, [typeof i1.SiSplitComponent, typeof i2.SiSplitPartComponent], [typeof i1.SiSplitComponent, typeof i2.SiSplitPartComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SiSplitModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { StatusToggleItem } from './status-toggle.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class SiStatusToggleComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
|
|
6
|
+
/** List of status items. */
|
|
7
|
+
readonly items: import("@angular/core").InputSignal<StatusToggleItem[]>;
|
|
8
|
+
/**
|
|
9
|
+
* Disabled state for the whole component.
|
|
10
|
+
* @defaultValue false
|
|
11
|
+
**/
|
|
12
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
/** Value of currently selected status item. */
|
|
14
|
+
readonly value: import("@angular/core").ModelSignal<string | number | undefined>;
|
|
15
|
+
/** Emitted when an item is clicked. */
|
|
16
|
+
readonly itemClick: import("@angular/core").OutputEmitterRef<string | number>;
|
|
17
|
+
private readonly containerElement;
|
|
18
|
+
private readonly draggableElement;
|
|
19
|
+
private boundingX;
|
|
20
|
+
private x0;
|
|
21
|
+
private offset0;
|
|
22
|
+
private onChange?;
|
|
23
|
+
private onTouched?;
|
|
24
|
+
private unlistenDragEvents;
|
|
25
|
+
private readonly internalDisabled;
|
|
26
|
+
protected readonly selectedIndex: import("@angular/core").WritableSignal<number | undefined>;
|
|
27
|
+
protected readonly draggablePosition: import("@angular/core").WritableSignal<string>;
|
|
28
|
+
protected readonly animated: import("@angular/core").WritableSignal<boolean>;
|
|
29
|
+
protected readonly isDisabled: import("@angular/core").Signal<boolean>;
|
|
30
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
31
|
+
ngOnInit(): void;
|
|
32
|
+
ngOnDestroy(): void;
|
|
33
|
+
/** @internal */
|
|
34
|
+
writeValue(value: string | number): void;
|
|
35
|
+
/** @internal */
|
|
36
|
+
registerOnChange(fn: (value: string | number) => void): void;
|
|
37
|
+
/** @internal */
|
|
38
|
+
registerOnTouched(fn: () => void): void;
|
|
39
|
+
/** @internal */
|
|
40
|
+
setDisabledState(isDisabled: boolean): void;
|
|
41
|
+
protected handleMouseDown(event: MouseEvent): void;
|
|
42
|
+
protected handleTouchStart(event: TouchEvent): void;
|
|
43
|
+
private handleDragStart;
|
|
44
|
+
private handleDragEnd;
|
|
45
|
+
private getOffset;
|
|
46
|
+
private getUnderlyingIndex;
|
|
47
|
+
private arrangeToUnderlyingItem;
|
|
48
|
+
private handleDragMove;
|
|
49
|
+
private getX;
|
|
50
|
+
private setValue;
|
|
51
|
+
protected selectItem(index: number | undefined, animated?: boolean, emit?: boolean): void;
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiStatusToggleComponent, never>;
|
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiStatusToggleComponent, "si-status-toggle", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "itemClick": "itemClick"; }, never, never, true, never>;
|
|
54
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
|
|
6
|
+
/** An item for si-status-toggle. */
|
|
7
|
+
export interface StatusToggleItem {
|
|
8
|
+
/** Text displayed for the item. */
|
|
9
|
+
text: TranslatableString;
|
|
10
|
+
/** Icon displayed for the item. */
|
|
11
|
+
icon: string;
|
|
12
|
+
/** Value of the item. */
|
|
13
|
+
value: string | number;
|
|
14
|
+
/** Whether the item is disabled. */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/** Icon shown when the item is active. */
|
|
17
|
+
activeIcon?: string;
|
|
18
|
+
/** Stacked icon shown when the item is active. */
|
|
19
|
+
activeIconStacked?: string;
|
|
20
|
+
/** Class applied to the icon when the item is selected. */
|
|
21
|
+
activeIconClass?: string;
|
|
22
|
+
/** Class applied to the stacked icon when the item is selected. */
|
|
23
|
+
activeIconStackedClass?: string;
|
|
24
|
+
/** Class applied to the text when the item is selected. */
|
|
25
|
+
activeTextClass?: string;
|
|
26
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ExtendedStatusType } from '@siemens/element-ng/common';
|
|
2
|
+
import { TranslatableString } from '@siemens/element-translate-ng/translate';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SiSummaryWidgetComponent {
|
|
5
|
+
/** Status. Alternatively, use {@link icon} and {@link color}. */
|
|
6
|
+
readonly status: import("@angular/core").InputSignal<ExtendedStatusType | undefined>;
|
|
7
|
+
/** Icon token, see {@link https://element.siemens.io/icons/element}. */
|
|
8
|
+
readonly icon: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
+
/** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes}. */
|
|
10
|
+
readonly color: import("@angular/core").InputSignal<string | undefined>;
|
|
11
|
+
/** Icon token, see {@link https://element.siemens.io/fundamentals/icons/}. */
|
|
12
|
+
readonly stackedIcon: import("@angular/core").InputSignal<string | undefined>;
|
|
13
|
+
/** Color class, see {@link https://element.siemens.io/fundamentals/icons/}. */
|
|
14
|
+
readonly stackedColor: import("@angular/core").InputSignal<string | undefined>;
|
|
15
|
+
/** The label. */
|
|
16
|
+
readonly label: import("@angular/core").InputSignal<TranslatableString>;
|
|
17
|
+
/** Value to display. */
|
|
18
|
+
readonly value: import("@angular/core").InputSignal<TranslatableString>;
|
|
19
|
+
/**
|
|
20
|
+
* Selected state, will change when clicked.
|
|
21
|
+
* @defaultValue false
|
|
22
|
+
*/
|
|
23
|
+
readonly selected: import("@angular/core").ModelSignal<boolean>;
|
|
24
|
+
/**
|
|
25
|
+
* Readonly state.
|
|
26
|
+
* @defaultValue false
|
|
27
|
+
*/
|
|
28
|
+
readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
29
|
+
/**
|
|
30
|
+
* Disabled state.
|
|
31
|
+
* @defaultValue false
|
|
32
|
+
*/
|
|
33
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
34
|
+
protected readonly interactive: import("@angular/core").Signal<boolean>;
|
|
35
|
+
protected readonly statusIcon: import("@angular/core").Signal<import("@siemens/element-ng/common").StatusIcon | {
|
|
36
|
+
icon: string | undefined;
|
|
37
|
+
color: string | undefined;
|
|
38
|
+
stacked: string | undefined;
|
|
39
|
+
stackedColor: string | undefined;
|
|
40
|
+
}>;
|
|
41
|
+
protected toggleSelected(): void;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSummaryWidgetComponent, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiSummaryWidgetComponent, "si-summary-widget", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedColor": { "alias": "stackedColor"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, never, never, true, never>;
|
|
44
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ExtendedStatusType } from '@siemens/element-ng/common';
|
|
2
|
+
import { TranslatableString } from '@siemens/element-translate-ng/translate';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* The system banner component displays a message with specific status as background.
|
|
6
|
+
* Use this component for displaying system level messages on top of the page.
|
|
7
|
+
*/
|
|
8
|
+
export declare class SiSystemBannerComponent {
|
|
9
|
+
/**
|
|
10
|
+
* Status of the system banner.
|
|
11
|
+
* Possible values are 'info', 'success', 'warning', 'caution', 'danger', 'critical'.
|
|
12
|
+
*
|
|
13
|
+
* @defaultValue 'info'
|
|
14
|
+
*/
|
|
15
|
+
readonly status: import("@angular/core").InputSignal<ExtendedStatusType>;
|
|
16
|
+
/**
|
|
17
|
+
* Message to be displayed in the system banner.
|
|
18
|
+
*/
|
|
19
|
+
readonly message: import("@angular/core").InputSignal<TranslatableString>;
|
|
20
|
+
protected readonly bannerClass: import("@angular/core").Signal<string>;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiSystemBannerComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiSystemBannerComponent, "si-system-banner", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
|
+
}
|
package/tabs/index.d.ts
ADDED