@leanix/components 0.4.852 → 0.4.854
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/leanix-components-ui5.mjs +9 -9
- package/fesm2022/leanix-components-ui5.mjs.map +1 -1
- package/fesm2022/leanix-components.mjs +483 -485
- package/fesm2022/leanix-components.mjs.map +1 -1
- package/index.d.ts +5283 -134
- package/package.json +10 -10
- package/ui5/index.d.ts +88 -8
- package/lib/core-ui/components/avatar/avatar.component.d.ts +0 -45
- package/lib/core-ui/components/avatar/avatar.helpers.d.ts +0 -8
- package/lib/core-ui/components/avatar/avatar.model.d.ts +0 -38
- package/lib/core-ui/components/avatar-group/avatar-group.component.d.ts +0 -75
- package/lib/core-ui/components/badge/badge.component.d.ts +0 -27
- package/lib/core-ui/components/banner/banner.component.d.ts +0 -40
- package/lib/core-ui/components/banner/banner.models.d.ts +0 -14
- package/lib/core-ui/components/button/button.component.d.ts +0 -87
- package/lib/core-ui/components/button-group/button-group.component.d.ts +0 -34
- package/lib/core-ui/components/card/card.component.d.ts +0 -26
- package/lib/core-ui/components/collapsible/collapsible.component.d.ts +0 -56
- package/lib/core-ui/components/counter/counter.component.d.ts +0 -32
- package/lib/core-ui/components/ellipsis/ellipsis.component.d.ts +0 -64
- package/lib/core-ui/components/empty-state/empty-state.component.d.ts +0 -83
- package/lib/core-ui/components/page-header/page-header.component.d.ts +0 -85
- package/lib/core-ui/components/skeleton/skeleton.component.d.ts +0 -40
- package/lib/core-ui/components/spinner/spinner.component.d.ts +0 -30
- package/lib/core-ui/components/stepper/stepper.component.d.ts +0 -76
- package/lib/core-ui/components/table/table-header/table-header.component.d.ts +0 -55
- package/lib/core-ui/components/table/table.component.d.ts +0 -83
- package/lib/core-ui/components/tokenizer/token/token.component.d.ts +0 -26
- package/lib/core-ui/components/tokenizer/tokenizer-overflow-popover/tokenizer-overflow-popover.component.d.ts +0 -57
- package/lib/core-ui/components/tokenizer/tokenizer.component.d.ts +0 -97
- package/lib/core-ui/core-ui.constants.d.ts +0 -16
- package/lib/core-ui/core-ui.module.d.ts +0 -72
- package/lib/core-ui/directives/after-view-init.directive.d.ts +0 -19
- package/lib/core-ui/directives/autoclose-group.service.d.ts +0 -12
- package/lib/core-ui/directives/autoclose.directive.d.ts +0 -26
- package/lib/core-ui/directives/autofocus.directive.d.ts +0 -13
- package/lib/core-ui/functions/core-css.helpers.d.ts +0 -10
- package/lib/core-ui/functions/highlight-text.function.d.ts +0 -29
- package/lib/core-ui/icon/fa-to-sap-icon.pipe.d.ts +0 -23
- package/lib/core-ui/icon/icon-map.d.ts +0 -13
- package/lib/core-ui/linkify/linkify.pipe.d.ts +0 -59
- package/lib/core-ui/linkify/unlinkify.pipe.d.ts +0 -20
- package/lib/core-ui/pipes/br.pipe.d.ts +0 -9
- package/lib/core-ui/pipes/contrast-color.pipe.d.ts +0 -7
- package/lib/core-ui/pipes/custom-date.pipe.d.ts +0 -28
- package/lib/core-ui/pipes/display-avatars.pipe.d.ts +0 -12
- package/lib/core-ui/pipes/highlight-range.pipe.d.ts +0 -9
- package/lib/core-ui/pipes/highlight-term.pipe.d.ts +0 -23
- package/lib/core-ui/pipes/lx-is-uuid.pipe.d.ts +0 -7
- package/lib/core-ui/pipes/lx-time-ago.pipe.d.ts +0 -8
- package/lib/core-ui/pipes/lx-translate.pipe.d.ts +0 -17
- package/lib/core-ui/pipes/markdown.pipe.d.ts +0 -14
- package/lib/core-ui/pipes/nbsp.pipe.d.ts +0 -7
- package/lib/core-ui/pipes/sort.pipe.d.ts +0 -13
- package/lib/core-ui/pipes/translation-after.pipe.d.ts +0 -17
- package/lib/core-ui/pipes/translation-before.pipe.d.ts +0 -32
- package/lib/core-ui/pipes/translation-between.pipe.d.ts +0 -37
- package/lib/core-ui/pipes/unescape-curly-braces.pipe.d.ts +0 -7
- package/lib/core-ui/services/resize-observer.service.d.ts +0 -33
- package/lib/core-ui/tooltip/to-cdk-position.function.d.ts +0 -3
- package/lib/core-ui/tooltip/tooltip-position.interface.d.ts +0 -6
- package/lib/core-ui/tooltip/tooltip.component.d.ts +0 -39
- package/lib/core-ui/tooltip/tooltip.directive.d.ts +0 -38
- package/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.d.ts +0 -127
- package/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.d.ts +0 -53
- package/lib/forms-ui/components/breadcrumb/breadcrumb.component.d.ts +0 -48
- package/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.d.ts +0 -73
- package/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.d.ts +0 -49
- package/lib/forms-ui/components/currency/currency-input.component.d.ts +0 -113
- package/lib/forms-ui/components/currency/currency-symbol-map.constant.d.ts +0 -3
- package/lib/forms-ui/components/currency/currency-symbol.component.d.ts +0 -27
- package/lib/forms-ui/components/date-input/date-input.component.d.ts +0 -259
- package/lib/forms-ui/components/date-picker-ui/date-formatter.d.ts +0 -4
- package/lib/forms-ui/components/date-picker-ui/datepicker-inner.component.d.ts +0 -113
- package/lib/forms-ui/components/date-picker-ui/datepicker-ui.module.d.ts +0 -9
- package/lib/forms-ui/components/date-picker-ui/datepicker.component.d.ts +0 -81
- package/lib/forms-ui/components/date-picker-ui/datepicker.config.d.ts +0 -22
- package/lib/forms-ui/components/date-picker-ui/daypicker.component.d.ts +0 -23
- package/lib/forms-ui/components/date-picker-ui/isBs3.d.ts +0 -1
- package/lib/forms-ui/components/date-picker-ui/monthpicker.component.d.ts +0 -20
- package/lib/forms-ui/components/date-picker-ui/yearpicker.component.d.ts +0 -20
- package/lib/forms-ui/components/drag-and-drop-list/constants.d.ts +0 -4
- package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.d.ts +0 -68
- package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.d.ts +0 -104
- package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.d.ts +0 -13
- package/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.d.ts +0 -38
- package/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.d.ts +0 -14
- package/lib/forms-ui/components/error-message/error-message.component.d.ts +0 -23
- package/lib/forms-ui/components/form-error/form-error.component.d.ts +0 -36
- package/lib/forms-ui/components/input/input.component.d.ts +0 -42
- package/lib/forms-ui/components/keyboard-select.directive.d.ts +0 -47
- package/lib/forms-ui/components/multi-select/multi-select-selection/multi-select-selection.component.d.ts +0 -41
- package/lib/forms-ui/components/multi-select/multi-select.component.d.ts +0 -172
- package/lib/forms-ui/components/option/option.component.d.ts +0 -81
- package/lib/forms-ui/components/option-group/option-group.component.d.ts +0 -36
- package/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.d.ts +0 -113
- package/lib/forms-ui/components/options-dropdown/options-dropdown.component.d.ts +0 -149
- package/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.d.ts +0 -48
- package/lib/forms-ui/components/picker/picker-trigger.directive.d.ts +0 -19
- package/lib/forms-ui/components/picker/picker.component.d.ts +0 -99
- package/lib/forms-ui/components/picker-option/picker-option.component.d.ts +0 -78
- package/lib/forms-ui/components/pill-item/pill-item.component.d.ts +0 -38
- package/lib/forms-ui/components/pill-list/pill-list.component.d.ts +0 -88
- package/lib/forms-ui/components/responsive-input/responsive-input.component.d.ts +0 -51
- package/lib/forms-ui/components/rich-text-editor/components/rich-text-editor/rich-text-editor.component.d.ts +0 -34
- package/lib/forms-ui/components/rich-text-editor/components/rich-text-editor-toolbar/rich-text-editor-toolbar.component.d.ts +0 -49
- package/lib/forms-ui/components/rich-text-editor/directives/focus-editor.directive.d.ts +0 -8
- package/lib/forms-ui/components/rich-text-editor/directives/tiptap-editor.directive.d.ts +0 -23
- package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term-state.plugin.d.ts +0 -8
- package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.directive.d.ts +0 -8
- package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.extension.d.ts +0 -9
- package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.plugin.d.ts +0 -5
- package/lib/forms-ui/components/rich-text-editor/extensions/link/components/link-modal/link-modal.component.d.ts +0 -33
- package/lib/forms-ui/components/rich-text-editor/extensions/link/link.extension.d.ts +0 -8
- package/lib/forms-ui/components/rich-text-editor/extensions/link/link.plugin.d.ts +0 -10
- package/lib/forms-ui/components/rich-text-editor/extensions/link/url-validator.directive.d.ts +0 -7
- package/lib/forms-ui/components/rich-text-editor/extensions/table/index.d.ts +0 -2
- package/lib/forms-ui/components/rich-text-editor/extensions/table/table-bubble-menu/table-bubble-menu.component.d.ts +0 -30
- package/lib/forms-ui/components/rich-text-editor/extensions/table/table-extensions.d.ts +0 -4
- package/lib/forms-ui/components/rich-text-editor/extensions/table/utils.d.ts +0 -28
- package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.directive.d.ts +0 -8
- package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.extension.d.ts +0 -10
- package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.plugin.d.ts +0 -4
- package/lib/forms-ui/components/rich-text-editor/extensions/truncate/index.d.ts +0 -2
- package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate-button.component.d.ts +0 -22
- package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.directive.d.ts +0 -9
- package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.extension.d.ts +0 -6
- package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.plugin.d.ts +0 -10
- package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/AngularRenderer.d.ts +0 -12
- package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/NodeViewRenderer.d.ts +0 -18
- package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/editor.directive.d.ts +0 -24
- package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/node-view.component.d.ts +0 -27
- package/lib/forms-ui/components/rich-text-editor/pipes/extension-enabled.pipe.d.ts +0 -8
- package/lib/forms-ui/components/rich-text-editor/pipes/remove-markdown.pipe.d.ts +0 -14
- package/lib/forms-ui/components/rich-text-editor/utils/extensions-builder.d.ts +0 -13
- package/lib/forms-ui/components/rich-text-editor/utils/features.d.ts +0 -3
- package/lib/forms-ui/components/single-select/single-select.component.d.ts +0 -120
- package/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.d.ts +0 -47
- package/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.d.ts +0 -28
- package/lib/forms-ui/components/switch/switch.component.d.ts +0 -57
- package/lib/forms-ui/directives/contenteditable.directive.d.ts +0 -28
- package/lib/forms-ui/directives/form-error.directive.d.ts +0 -41
- package/lib/forms-ui/directives/form-submit.directive.d.ts +0 -12
- package/lib/forms-ui/directives/keyboard-action-source.directive.d.ts +0 -16
- package/lib/forms-ui/directives/mark-invalid.directive.d.ts +0 -15
- package/lib/forms-ui/directives/max-length-counter.directive.d.ts +0 -25
- package/lib/forms-ui/directives/select-dropdown.directive.d.ts +0 -23
- package/lib/forms-ui/directives/selectable-item.directive.d.ts +0 -14
- package/lib/forms-ui/directives/selected-option.directive.d.ts +0 -18
- package/lib/forms-ui/forms-ui.module.d.ts +0 -74
- package/lib/forms-ui/helpers/key-codes.constants.d.ts +0 -11
- package/lib/forms-ui/helpers/keyboard-navigation.helpers.d.ts +0 -12
- package/lib/forms-ui/models/base-select.directive.d.ts +0 -75
- package/lib/forms-ui/models/dropdown-item.interface.d.ts +0 -5
- package/lib/forms-ui/models/single-select-padding.interface.d.ts +0 -1
- package/lib/forms-ui/models/sorting.interface.d.ts +0 -5
- package/lib/forms-ui/pipes/filter-selection.pipe.d.ts +0 -7
- package/lib/forms-ui/pipes/filter-term.pipe.d.ts +0 -10
- package/lib/forms-ui/pipes/format-number.pipe.d.ts +0 -23
- package/lib/forms-ui/validators/date-in-foreseeable-future.validator.d.ts +0 -11
- package/lib/forms-ui/validators/string-not-in-array.validator.d.ts +0 -7
- package/lib/modal-ui/components/modal/modal.component.d.ts +0 -119
- package/lib/modal-ui/components/modal-footer/modal-footer.component.d.ts +0 -25
- package/lib/modal-ui/components/modal-header/modal-header.component.d.ts +0 -29
- package/lib/modal-ui/directives/modal-content.directive.d.ts +0 -5
- package/lib/modal-ui/modal.constants.d.ts +0 -17
- package/lib/popover-ui/components/popover/popover.component.d.ts +0 -116
- package/lib/popover-ui/directives/popover-click.directive.d.ts +0 -23
- package/lib/popover-ui/directives/popover-content.directive.d.ts +0 -8
- package/lib/popover-ui/directives/popover-hover.directive.d.ts +0 -38
- package/lib/shared/date-helpers.d.ts +0 -16
- package/lib/shared/html-helpers.function.d.ts +0 -2
- package/lib/shared/json.helpers.d.ts +0 -7
- package/lib/shared/misc-helpers.d.ts +0 -8
- package/lib/shared/observe.d.ts +0 -8
- package/lib/shared/storybook.helpers.d.ts +0 -12
- package/lib/tab-ui/components/tab/tab.component.d.ts +0 -120
- package/lib/tab-ui/components/tab-group/tab-group-key-codes.enum.d.ts +0 -10
- package/lib/tab-ui/components/tab-group/tab-group.component.d.ts +0 -73
- package/ui5/components/breadcrumbs-item.component.d.ts +0 -22
- package/ui5/components/breadcrumbs.component.d.ts +0 -29
- package/ui5/icons/register-icons.d.ts +0 -4
- package/ui5/ui5.provider.d.ts +0 -15
- package/ui5/utils/get-outer-html-with-shadow-dom.d.ts +0 -15
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import { TranslateService } from '@ngx-translate/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare function getTranslationParts(translateService: TranslateService, translationKey: string | string[], cutMarkAndParams: string | [string, any]): string[];
|
|
5
|
-
/**
|
|
6
|
-
* Translates the given i18n-key (instantly) and returns the part of the translation
|
|
7
|
-
* preceding the cut-mark string '[[<cutMark>]]'.
|
|
8
|
-
* NB: Use normal interpolations rather than cut-marks whenever the content is text, even if it comes from another pipe.
|
|
9
|
-
* @example
|
|
10
|
-
* {{ 'some.text' | lxTranslationBefore:'link' }}
|
|
11
|
-
* <a>{{'some.linkLabel' | translate}}</a>
|
|
12
|
-
* {{ 'some.text' | lxTranslationAfter:'link' }}
|
|
13
|
-
*
|
|
14
|
-
* {{ 'some.textWithOtherInterpolations' | lxTranslationBefore:['link', params] }}
|
|
15
|
-
* <a>{{'some.linkLabel' | translate}}</a>
|
|
16
|
-
* {{ 'some.textWithOtherInterpolations' | lxTranslationAfter:['link', params] }}
|
|
17
|
-
* @see TranslationAfterPipe
|
|
18
|
-
* @see TranslationBetweenPipe
|
|
19
|
-
*/
|
|
20
|
-
export declare class TranslationBeforePipe implements PipeTransform {
|
|
21
|
-
private translateService;
|
|
22
|
-
constructor(translateService: TranslateService);
|
|
23
|
-
/**
|
|
24
|
-
* @param {string|string[]} translationKey i18n key or array of its segments
|
|
25
|
-
* @param {(string|[string, any])} cutMarkAndParams either just the cut-mark to split by or
|
|
26
|
-
* an array of cut-mark string and translation params
|
|
27
|
-
* @returns {string}
|
|
28
|
-
*/
|
|
29
|
-
transform(translationKey: string | string[], cutMarkAndParams: string | [string, any]): string;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TranslationBeforePipe, never>;
|
|
31
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<TranslationBeforePipe, "lxTranslationBefore", true>;
|
|
32
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import { TranslateService } from '@ngx-translate/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Translates the given i18n-key (instantly) and returns the part of the translation
|
|
6
|
-
* between the two cut-mark strings '[[<cutMark>]]'.
|
|
7
|
-
* NB: This pipe should be used very rarely, as it fixes the order of cut-marks, which may make
|
|
8
|
-
* them untranslateable in some languages. It also makes the template harder to read.
|
|
9
|
-
* Use normal interpolations rather than cut-marks whenever the content is text, even if it comes from another pipe.
|
|
10
|
-
* @example
|
|
11
|
-
* {{ 'some.text' | lxTranslationBefore:'link' }}
|
|
12
|
-
* <a>{{'some.linkLabel' | translate}}</a>
|
|
13
|
-
* {{ 'some.text' | lxTranslationBetween:['link', 'userLink'] }}
|
|
14
|
-
* <a>{{'some.userName' | translate}}</a>
|
|
15
|
-
* {{ 'some.text' | lxTranslationAfter:'userLink' }}
|
|
16
|
-
*
|
|
17
|
-
* {{ 'some.textWithOtherInterpolations' | lxTranslationBefore:['link', params] }}
|
|
18
|
-
* <a>{{'some.linkLabel' | translate}}</a>
|
|
19
|
-
* {{ 'some.textWithOtherInterpolations' | lxTranslationBetween:['link', 'userLink', params] }}
|
|
20
|
-
* <a>{{'some.userName' | translate}}</a>
|
|
21
|
-
* {{ 'some.textWithOtherInterpolations' | lxTranslationAfter:['userLink', params] }}
|
|
22
|
-
* @see TranslationBeforePipe
|
|
23
|
-
* @see TranslationAferPipe
|
|
24
|
-
*/
|
|
25
|
-
export declare class TranslationBetweenPipe implements PipeTransform {
|
|
26
|
-
private translateService;
|
|
27
|
-
constructor(translateService: TranslateService);
|
|
28
|
-
/**
|
|
29
|
-
* @param {string|string[]} translationKey i18n key or array of its segments
|
|
30
|
-
* @param {([string, string]|[string, string, any])} interpolationsAndParams either just the interpolation string to split by or
|
|
31
|
-
* an array of interpolation string and translation params
|
|
32
|
-
* @returns {string}
|
|
33
|
-
*/
|
|
34
|
-
transform(translationKey: string | string[], cutMarksAndParams: [string, string] | [string, string, any]): string;
|
|
35
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TranslationBetweenPipe, never>;
|
|
36
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<TranslationBetweenPipe, "lxTranslationBetween", true>;
|
|
37
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class UnescapeCurlyBracesPipe implements PipeTransform {
|
|
4
|
-
transform(input: string): string;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<UnescapeCurlyBracesPipe, never>;
|
|
6
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<UnescapeCurlyBracesPipe, "lxUnescapeCurlyBraces", true>;
|
|
7
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export type LxResizeObserverCallback = (resizedElement: ResizeObserverEntry) => void;
|
|
4
|
-
/**
|
|
5
|
-
* Sharing one ResizeObserver object results in much better performance
|
|
6
|
-
* over individual components creating their own ResizeObserver.
|
|
7
|
-
* This is why this service exists.
|
|
8
|
-
* Source:
|
|
9
|
-
* - https://github.com/WICG/resize-observer/issues/59#issuecomment-408098151
|
|
10
|
-
* - https://groups.google.com/a/chromium.org/g/blink-dev/c/z6ienONUb5A/m/F5-VcUZtBAAJ
|
|
11
|
-
*
|
|
12
|
-
* Learn more about the ResizeObserver API:
|
|
13
|
-
* - https://www.w3.org/TR/resize-observer/
|
|
14
|
-
* - https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver
|
|
15
|
-
* - https://www.digitalocean.com/community/tutorials/js-resize-observer
|
|
16
|
-
*/
|
|
17
|
-
export declare class ResizeObserverService {
|
|
18
|
-
private resizeObserver?;
|
|
19
|
-
observe(element: Element, callback: LxResizeObserverCallback, options?: ResizeObserverOptions): void;
|
|
20
|
-
createResizeObservable(element: Element, options?: ResizeObserverOptions): Observable<ResizeObserverEntry>;
|
|
21
|
-
unobserve(element: Element): void;
|
|
22
|
-
private resizeObserverCallback;
|
|
23
|
-
/**
|
|
24
|
-
* All browsers we officially support implement the ResizeObserver API.
|
|
25
|
-
* Still as a curtesy do customers who for some reason have older browsers
|
|
26
|
-
* we call the callback once with the initial dimensions of the element
|
|
27
|
-
* and then do not react on resize events afterwards.
|
|
28
|
-
* This should still make them happier than a "browser not supported" warning.
|
|
29
|
-
*/
|
|
30
|
-
private getMockOneTimeResizeEventForUnsupportedBrowsers;
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverService, never>;
|
|
32
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<ResizeObserverService>;
|
|
33
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { TooltipPosition } from './tooltip-position.interface';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Tooltip component for displaying contextual information on hover.
|
|
5
|
-
*
|
|
6
|
-
* Supports plain text or HTML content with configurable positioning.
|
|
7
|
-
* Typically used via the `lxTooltip` directive rather than directly.
|
|
8
|
-
*
|
|
9
|
-
* ### Example
|
|
10
|
-
* @example
|
|
11
|
-
* ```html
|
|
12
|
-
* <button [lxTooltip]="'Save changes'">Save</button>
|
|
13
|
-
*
|
|
14
|
-
* <button [lxTooltip]="'<strong>Warning:</strong> Cannot be undone'" [lxTooltipHtml]="true">Delete</button>
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
export declare class TooltipComponent {
|
|
18
|
-
/**
|
|
19
|
-
* The tooltip content to display as plain text or HTML.
|
|
20
|
-
*
|
|
21
|
-
* @default ''
|
|
22
|
-
*/
|
|
23
|
-
content: string;
|
|
24
|
-
/**
|
|
25
|
-
* Whether the content should be rendered as HTML.
|
|
26
|
-
* When false, content is displayed as plain text.
|
|
27
|
-
*
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
isHtmlContent: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* The position of the tooltip relative to the target element.
|
|
33
|
-
*
|
|
34
|
-
* @default { x: 'center', y: 'top' }
|
|
35
|
-
*/
|
|
36
|
-
position: TooltipPosition;
|
|
37
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "lx-tooltip", never, { "content": { "alias": "content"; "required": false; }; "isHtmlContent": { "alias": "isHtmlContent"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
|
|
39
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { AriaDescriber } from '@angular/cdk/a11y';
|
|
2
|
-
import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
|
|
3
|
-
import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Tooltip directive is used to show a tooltip on hover or focus on an element.
|
|
7
|
-
*/
|
|
8
|
-
export declare class TooltipDirective implements OnChanges, OnDestroy {
|
|
9
|
-
private overlayPositionBuilder;
|
|
10
|
-
private elementRef;
|
|
11
|
-
private overlay;
|
|
12
|
-
private ariaDescriber;
|
|
13
|
-
/** The content of the tooltip. */
|
|
14
|
-
content?: string | null;
|
|
15
|
-
/** The position of the tooltip. */
|
|
16
|
-
set lxTooltipPosition(value: {
|
|
17
|
-
x: string;
|
|
18
|
-
y: string;
|
|
19
|
-
} | undefined);
|
|
20
|
-
private position;
|
|
21
|
-
/** The delay in milliseconds before the tooltip is shown. */
|
|
22
|
-
lxTooltipDelay?: number;
|
|
23
|
-
/** Whether the tooltip content is HTML. */
|
|
24
|
-
lxTooltipIsHtmlContent: boolean;
|
|
25
|
-
private overlayRef?;
|
|
26
|
-
private tooltipRef?;
|
|
27
|
-
private mouseOrFocusOnHost;
|
|
28
|
-
get positionStrategy(): import("@angular/cdk/overlay").FlexibleConnectedPositionStrategy;
|
|
29
|
-
constructor(overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef, overlay: Overlay, ariaDescriber: AriaDescriber);
|
|
30
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
31
|
-
/** @internal */
|
|
32
|
-
show(): void;
|
|
33
|
-
ngOnDestroy(): void;
|
|
34
|
-
/** @internal */
|
|
35
|
-
hide(): void;
|
|
36
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
37
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[lxTooltip]", never, { "content": { "alias": "lxTooltip"; "required": false; }; "lxTooltipPosition": { "alias": "lxTooltipPosition"; "required": false; }; "lxTooltipDelay": { "alias": "lxTooltipDelay"; "required": false; }; "lxTooltipIsHtmlContent": { "alias": "lxTooltipIsHtmlContent"; "required": false; }; }, {}, never, never, true, never>;
|
|
38
|
-
}
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { CdkOverlayOrigin, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
|
|
2
|
-
import { AfterViewInit, EventEmitter, TemplateRef } from '@angular/core';
|
|
3
|
-
import { SingleSelectPadding } from '../../models/single-select-padding.interface';
|
|
4
|
-
import { KeyboardSelectDirective } from '../keyboard-select.directive';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* A simple dropdown component for selecting a single value from a flat list of options.
|
|
8
|
-
* Supports keyboard navigation, custom templates, infinite scrolling, and the ability to create new options.
|
|
9
|
-
* Uses Angular CDK overlay for positioning and supports both top and bottom dropdown placement.
|
|
10
|
-
*
|
|
11
|
-
* ### Projection slots
|
|
12
|
-
* - `optionTemplate`: Custom template for rendering each option
|
|
13
|
-
* - `createNewOptionTemplate`: Custom template for the "create new option" button
|
|
14
|
-
* - `descriptionTemplateRef`: Custom template for additional description content
|
|
15
|
-
*
|
|
16
|
-
* ### Example
|
|
17
|
-
* @example
|
|
18
|
-
* ```html
|
|
19
|
-
* <lx-basic-dropdown
|
|
20
|
-
* [options]="items"
|
|
21
|
-
* [labelKey]="'name'"
|
|
22
|
-
* [itemKey]="'id'"
|
|
23
|
-
* [placeholder]="'Select an item'"
|
|
24
|
-
* (onItemSelected)="handleSelection($event)">
|
|
25
|
-
* </lx-basic-dropdown>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare class BasicDropdownComponent extends KeyboardSelectDirective implements AfterViewInit {
|
|
29
|
-
static isNewItem(items: any[], term: string, key?: string): boolean;
|
|
30
|
-
readonly NAME = "BasicDropdownComponent";
|
|
31
|
-
/**
|
|
32
|
-
* Array of options to display in the dropdown.
|
|
33
|
-
*/
|
|
34
|
-
options: any[];
|
|
35
|
-
/**
|
|
36
|
-
* Index of the option to be selected initially.
|
|
37
|
-
* @default -1
|
|
38
|
-
*/
|
|
39
|
-
initiallySelectedIndex: number;
|
|
40
|
-
/**
|
|
41
|
-
* Property name to use as the display label for each option.
|
|
42
|
-
*/
|
|
43
|
-
labelKey?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Property name to use as the unique identifier for each option.
|
|
46
|
-
*/
|
|
47
|
-
itemKey?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Placeholder text to display when no option is selected.
|
|
50
|
-
*/
|
|
51
|
-
placeholder?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Whether the dropdown is in a loading state.
|
|
54
|
-
* @default false
|
|
55
|
-
*/
|
|
56
|
-
loading: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* Label for the "create new option" functionality.
|
|
59
|
-
*/
|
|
60
|
-
newOptionLabel: string;
|
|
61
|
-
/**
|
|
62
|
-
* Padding variant for the dropdown items.
|
|
63
|
-
* @default 'default'
|
|
64
|
-
*/
|
|
65
|
-
padding?: SingleSelectPadding;
|
|
66
|
-
/**
|
|
67
|
-
* Whether to show the "create new option" button.
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
showCreateNewOption: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Map of disabled options, keyed by the item's unique identifier.
|
|
73
|
-
*/
|
|
74
|
-
disabledOptions: {
|
|
75
|
-
[itemKey: string]: any;
|
|
76
|
-
};
|
|
77
|
-
/**
|
|
78
|
-
* Whether to use CDK overlay positioning.
|
|
79
|
-
* @default false
|
|
80
|
-
*/
|
|
81
|
-
overlayPositioning: boolean;
|
|
82
|
-
/**
|
|
83
|
-
* Whether to truncate long option text.
|
|
84
|
-
* @default false
|
|
85
|
-
*/
|
|
86
|
-
truncateOptions: boolean;
|
|
87
|
-
/**
|
|
88
|
-
* Custom text to display when no results are found.
|
|
89
|
-
*/
|
|
90
|
-
noResultsText?: string;
|
|
91
|
-
/**
|
|
92
|
-
* Event emitted when an option is selected.
|
|
93
|
-
*/
|
|
94
|
-
onItemSelected: EventEmitter<any>;
|
|
95
|
-
/**
|
|
96
|
-
* Event emitted when the user scrolls to the bottom, triggering a request for more entries (infinite scroll).
|
|
97
|
-
*/
|
|
98
|
-
triggerRequestForMoreEntries: EventEmitter<void>;
|
|
99
|
-
/**
|
|
100
|
-
* Event emitted when a new option label is selected (for creating new items).
|
|
101
|
-
*/
|
|
102
|
-
newOptionLabelSelected: EventEmitter<string>;
|
|
103
|
-
/**
|
|
104
|
-
* Event emitted when the "create new option" button is clicked.
|
|
105
|
-
*/
|
|
106
|
-
createNewOptionSelected: EventEmitter<void>;
|
|
107
|
-
optionTemplateRef: TemplateRef<any>;
|
|
108
|
-
createNewOptionTemplateRef: TemplateRef<any>;
|
|
109
|
-
descriptionTemplateRef: TemplateRef<any>;
|
|
110
|
-
selectOrigin: CdkOverlayOrigin;
|
|
111
|
-
isTopDropdown: boolean;
|
|
112
|
-
constructor();
|
|
113
|
-
selectOption(option: any): void;
|
|
114
|
-
onPositionChange(event: ConnectedOverlayPositionChange): void;
|
|
115
|
-
get isNewItem(): boolean;
|
|
116
|
-
trackByProp(index: number, pill: any): any;
|
|
117
|
-
onScroll(): void;
|
|
118
|
-
onNewItemSelected(): void;
|
|
119
|
-
onCreateNewOptionSelected(): void;
|
|
120
|
-
/**
|
|
121
|
-
* Highlights the item corresponding to the given option index, accounting for
|
|
122
|
-
* any prefix items (e.g. "Create new") that shift the internal item list.
|
|
123
|
-
*/
|
|
124
|
-
selectByOptionIndex(index: number): void;
|
|
125
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicDropdownComponent, never>;
|
|
126
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicDropdownComponent, "lx-basic-dropdown", never, { "options": { "alias": "options"; "required": false; }; "initiallySelectedIndex": { "alias": "initiallySelectedIndex"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "newOptionLabel": { "alias": "newOptionLabel"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "showCreateNewOption": { "alias": "showCreateNewOption"; "required": false; }; "disabledOptions": { "alias": "disabledOptions"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; "truncateOptions": { "alias": "truncateOptions"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; }, { "onItemSelected": "onItemSelected"; "triggerRequestForMoreEntries": "triggerRequestForMoreEntries"; "newOptionLabelSelected": "newOptionLabelSelected"; "createNewOptionSelected": "createNewOptionSelected"; }, ["optionTemplateRef", "createNewOptionTemplateRef", "descriptionTemplateRef"], never, true, never>;
|
|
127
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Renders a dropdown item with label and optional description.
|
|
5
|
-
* Supports text highlighting and custom styling options.
|
|
6
|
-
*
|
|
7
|
-
* ### Projection slots
|
|
8
|
-
* - `optionLabelSuffix`: Template to append to the label (e.g., badges, icons)
|
|
9
|
-
*
|
|
10
|
-
* ### Example
|
|
11
|
-
* @example
|
|
12
|
-
* ```html
|
|
13
|
-
* <lx-basic-dropdown-item
|
|
14
|
-
* label="Option Name"
|
|
15
|
-
* description="Additional details"
|
|
16
|
-
* highlightTerm="search">
|
|
17
|
-
* <ng-template #optionLabelSuffix>
|
|
18
|
-
* <span class="badge">New</span>
|
|
19
|
-
* </ng-template>
|
|
20
|
-
* </lx-basic-dropdown-item>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export declare class BasicDropdownItemComponent {
|
|
24
|
-
/** The main text displayed for the dropdown item. */
|
|
25
|
-
label: string;
|
|
26
|
-
/** Optional secondary text displayed below the label. */
|
|
27
|
-
description?: string;
|
|
28
|
-
/** Term to highlight in the label and optionally in the description. */
|
|
29
|
-
highlightTerm?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Font weight for the label text.
|
|
32
|
-
* @default 'bold'
|
|
33
|
-
*/
|
|
34
|
-
labelFontWeight: 'bold' | 'normal';
|
|
35
|
-
/**
|
|
36
|
-
* Font style for the description text.
|
|
37
|
-
* @default 'normal'
|
|
38
|
-
*/
|
|
39
|
-
descriptionFontStyle: 'italic' | 'normal';
|
|
40
|
-
/**
|
|
41
|
-
* Styling options for the description text.
|
|
42
|
-
* - `maxLines`: Maximum number of lines before truncation.
|
|
43
|
-
* - `shouldHighlightTerm`: Whether to highlight the search term in the description.
|
|
44
|
-
*/
|
|
45
|
-
descriptionStyleOptions?: {
|
|
46
|
-
maxLines?: number;
|
|
47
|
-
shouldHighlightTerm?: boolean;
|
|
48
|
-
};
|
|
49
|
-
optionLabelSuffix: TemplateRef<any>;
|
|
50
|
-
get hasDescription(): boolean;
|
|
51
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicDropdownItemComponent, never>;
|
|
52
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicDropdownItemComponent, "lx-basic-dropdown-item", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "highlightTerm": { "alias": "highlightTerm"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "descriptionFontStyle": { "alias": "descriptionFontStyle"; "required": false; }; "descriptionStyleOptions": { "alias": "descriptionStyleOptions"; "required": false; }; }, {}, ["optionLabelSuffix"], ["*"], true, never>;
|
|
53
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export interface Breadcrumb {
|
|
4
|
-
label: string;
|
|
5
|
-
ellipsed?: boolean;
|
|
6
|
-
onClick?: (breadcrumb: Breadcrumb) => void;
|
|
7
|
-
}
|
|
8
|
-
interface EllipsedBreadcrumb {
|
|
9
|
-
breadcrumbs: Breadcrumb[];
|
|
10
|
-
}
|
|
11
|
-
type ViewBreadcrumb = Breadcrumb | EllipsedBreadcrumb;
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated Use the `ui5-breadcrumbs` instead.
|
|
14
|
-
*
|
|
15
|
-
* Breadcrumb component displays a list of labels showing the navigation path.
|
|
16
|
-
* Supports ellipsing consecutive items into a dropdown for space efficiency.
|
|
17
|
-
*
|
|
18
|
-
* ### Example
|
|
19
|
-
* @example
|
|
20
|
-
* ```html
|
|
21
|
-
* <lx-breadcrumb [breadcrumbs]="breadcrumbs"></lx-breadcrumb>
|
|
22
|
-
* ```
|
|
23
|
-
*
|
|
24
|
-
* ```ts
|
|
25
|
-
* breadcrumbs: Breadcrumb[] = [
|
|
26
|
-
* { label: 'Home', onClick: (b) => this.navigate(b) },
|
|
27
|
-
* { label: 'Products', onClick: (b) => this.navigate(b) },
|
|
28
|
-
* { label: 'Category', ellipsed: true },
|
|
29
|
-
* { label: 'Subcategory', ellipsed: true },
|
|
30
|
-
* { label: 'Item Details' }
|
|
31
|
-
* ];
|
|
32
|
-
* ```
|
|
33
|
-
*/
|
|
34
|
-
export declare class BreadcrumbComponent implements OnChanges {
|
|
35
|
-
/**
|
|
36
|
-
* Array of breadcrumb items to display. Consecutive items with `ellipsed: true` are grouped into a dropdown.
|
|
37
|
-
* @default []
|
|
38
|
-
*/
|
|
39
|
-
breadcrumbs: Breadcrumb[];
|
|
40
|
-
/** @internal */
|
|
41
|
-
viewBreadcrumbs: ViewBreadcrumb[];
|
|
42
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
43
|
-
/** @internal */
|
|
44
|
-
isEllipsedBreadcrumb(breadcrumb: ViewBreadcrumb): breadcrumb is EllipsedBreadcrumb;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "lx-breadcrumb", never, { "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, true, never>;
|
|
47
|
-
}
|
|
48
|
-
export {};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { CdkConnectedOverlay } from '@angular/cdk/overlay';
|
|
2
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
|
|
3
|
-
import { TooltipDirective } from '../../../core-ui/tooltip/tooltip.directive';
|
|
4
|
-
import { KeyboardActionSourceDirective } from '../../directives/keyboard-action-source.directive';
|
|
5
|
-
import { OptionComponent } from '../option/option.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* A dropdown component using CDK Overlay with keyboard navigation support.
|
|
9
|
-
* Manages option selection, highlighting, and sub-dropdown interactions.
|
|
10
|
-
*
|
|
11
|
-
* ### Projection slots
|
|
12
|
-
* - `[lxKeyboardActionSource]`: The trigger element (e.g., button) that opens the dropdown.
|
|
13
|
-
* - Default slot: Dropdown options (`lx-option` components).
|
|
14
|
-
*
|
|
15
|
-
* ### Example
|
|
16
|
-
* @example
|
|
17
|
-
* ```html
|
|
18
|
-
* <lx-cdk-options-dropdown [open]="isOpen" align="left" maxHeight="300px">
|
|
19
|
-
* <button lxKeyboardActionSource>Select Option</button>
|
|
20
|
-
* <lx-option [value]="1">Option 1</lx-option>
|
|
21
|
-
* <lx-option [value]="2">Option 2</lx-option>
|
|
22
|
-
* </lx-cdk-options-dropdown>
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export declare class CdkOptionsDropdownComponent implements AfterViewInit, OnDestroy {
|
|
26
|
-
private changeDetection;
|
|
27
|
-
dropdownContainer?: ElementRef<HTMLElement>;
|
|
28
|
-
/**
|
|
29
|
-
* Horizontal alignment of the dropdown relative to its trigger.
|
|
30
|
-
* @default 'right'
|
|
31
|
-
*/
|
|
32
|
-
align: 'right' | 'left';
|
|
33
|
-
/**
|
|
34
|
-
* Whether to close the dropdown when the window is scrolled.
|
|
35
|
-
* @default false
|
|
36
|
-
*/
|
|
37
|
-
closeOnScroll: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Whether the dropdown trigger is disabled.
|
|
40
|
-
* @default false
|
|
41
|
-
*/
|
|
42
|
-
disabled: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Maximum height of the dropdown container. Use 'none' for no limit.
|
|
45
|
-
* @default 'none'
|
|
46
|
-
*/
|
|
47
|
-
maxHeight: string;
|
|
48
|
-
set open(value: boolean);
|
|
49
|
-
get open(): boolean;
|
|
50
|
-
trigger: KeyboardActionSourceDirective;
|
|
51
|
-
overlay: CdkConnectedOverlay;
|
|
52
|
-
_options: QueryList<OptionComponent>;
|
|
53
|
-
tooltips: QueryList<TooltipDirective>;
|
|
54
|
-
get options(): OptionComponent[];
|
|
55
|
-
private readonly highlightedOptionIndex$;
|
|
56
|
-
private _open;
|
|
57
|
-
private isSubdropdownExpanded;
|
|
58
|
-
private readonly destroyed$;
|
|
59
|
-
isPositionComputed: boolean;
|
|
60
|
-
constructor(changeDetection: ChangeDetectorRef);
|
|
61
|
-
ngAfterViewInit(): void;
|
|
62
|
-
ngOnDestroy(): void;
|
|
63
|
-
closeDropdown(): void;
|
|
64
|
-
private setInitialHighlightingIndex;
|
|
65
|
-
private prev;
|
|
66
|
-
private next;
|
|
67
|
-
private expand;
|
|
68
|
-
private collapse;
|
|
69
|
-
private optionIsHighlightable;
|
|
70
|
-
private reloadOverlayPosition;
|
|
71
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CdkOptionsDropdownComponent, never>;
|
|
72
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CdkOptionsDropdownComponent, "lx-cdk-options-dropdown", never, { "align": { "alias": "align"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, {}, ["trigger", "_options", "tooltips"], ["[lxKeyboardActionSource]", "*"], true, never>;
|
|
73
|
-
}
|
package/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.d.ts
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { CdkConnectedOverlay } from '@angular/cdk/overlay';
|
|
2
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { OptionComponent } from '../option/option.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* A nested sub-dropdown that appears next to a parent option.
|
|
8
|
-
* Opens on hover or keyboard navigation and supports both mouse and keyboard interactions.
|
|
9
|
-
*
|
|
10
|
-
* ### Projection slots
|
|
11
|
-
* - Default slot: Nested dropdown options (`lx-option` components).
|
|
12
|
-
*
|
|
13
|
-
* ### Example
|
|
14
|
-
* @example
|
|
15
|
-
* ```html
|
|
16
|
-
* <lx-cdk-options-sub-dropdown [trigger]="parentOption" align="right">
|
|
17
|
-
* <lx-option [value]="1">Sub-option 1</lx-option>
|
|
18
|
-
* <lx-option [value]="2">Sub-option 2</lx-option>
|
|
19
|
-
* </lx-cdk-options-sub-dropdown>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare class CdkOptionsSubDropdownComponent implements AfterViewInit, OnDestroy {
|
|
23
|
-
private changeDetection;
|
|
24
|
-
/** The parent option component that triggers this sub-dropdown. */
|
|
25
|
-
trigger: OptionComponent;
|
|
26
|
-
/**
|
|
27
|
-
* Horizontal alignment of the sub-dropdown relative to the trigger option.
|
|
28
|
-
* @default 'right'
|
|
29
|
-
*/
|
|
30
|
-
align: 'right' | 'left';
|
|
31
|
-
options: QueryList<OptionComponent>;
|
|
32
|
-
overlay: CdkConnectedOverlay;
|
|
33
|
-
dropdownContainer: ElementRef;
|
|
34
|
-
open: boolean;
|
|
35
|
-
isPositionComputed: boolean;
|
|
36
|
-
private mouseInside$;
|
|
37
|
-
readonly destroyed$: Subject<void>;
|
|
38
|
-
constructor(changeDetection: ChangeDetectorRef);
|
|
39
|
-
mouseenter(): void;
|
|
40
|
-
mouseleave(): void;
|
|
41
|
-
ngOnDestroy(): void;
|
|
42
|
-
ngAfterViewInit(): void;
|
|
43
|
-
private showByKeyboard;
|
|
44
|
-
private showByMouse;
|
|
45
|
-
private reloadOverlayPosition;
|
|
46
|
-
closeDropdown(): void;
|
|
47
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CdkOptionsSubDropdownComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CdkOptionsSubDropdownComponent, "lx-cdk-options-sub-dropdown", never, { "trigger": { "alias": "trigger"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
|
|
49
|
-
}
|