@fundamental-ngx/core 0.35.1 → 0.35.2-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-bar/package.json +1 -1
- package/action-sheet/package.json +1 -1
- package/alert/package.json +1 -1
- package/avatar/package.json +1 -1
- package/avatar-group/directives/avatar-group-overflow-button.directive.d.ts +4 -2
- package/avatar-group/esm2020/directives/avatar-group-overflow-button.directive.mjs +5 -1
- package/avatar-group/fesm2015/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/avatar-group/fesm2015/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/avatar-group/fesm2020/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/avatar-group/fesm2020/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/avatar-group/package.json +1 -1
- package/bar/package.json +1 -1
- package/breadcrumb/package.json +1 -1
- package/busy-indicator/package.json +1 -1
- package/button/package.json +1 -1
- package/calendar/package.json +1 -1
- package/card/package.json +1 -1
- package/carousel/package.json +1 -1
- package/checkbox/package.json +1 -1
- package/combobox/package.json +1 -1
- package/date-picker/package.json +1 -1
- package/datetime/package.json +1 -1
- package/datetime-picker/package.json +1 -1
- package/dialog/package.json +1 -1
- package/dynamic-page/package.json +1 -1
- package/dynamic-side-content/package.json +1 -1
- package/esm2020/avatar-group/directives/avatar-group-overflow-button.directive.mjs +5 -1
- package/esm2020/fixed-card-layout/fixed-card-layout.component.mjs +17 -26
- package/esm2020/fundamental-ngx.module.mjs +8 -4
- package/esm2020/input-group/input-group.component.mjs +3 -3
- package/esm2020/overflow-layout/directives/overflow-expand.directive.mjs +36 -0
- package/esm2020/overflow-layout/directives/overflow-item-container-ref.directive.mjs +46 -0
- package/esm2020/overflow-layout/directives/overflow-item-ref.directive.mjs +57 -0
- package/esm2020/overflow-layout/directives/overflow-layout-item-container.directive.mjs +26 -0
- package/esm2020/overflow-layout/directives/overflow-layout-item.directive.mjs +100 -0
- package/esm2020/overflow-layout/directives/overflow-layout-popover-content.directive.mjs +68 -0
- package/esm2020/overflow-layout/fundamental-ngx-core-overflow-layout.mjs +5 -0
- package/esm2020/overflow-layout/index.mjs +15 -0
- package/esm2020/overflow-layout/interfaces/overflow-container.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-expand.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-item-ref.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-item.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-popover-content.interface.mjs +2 -0
- package/esm2020/overflow-layout/overflow-layout.component.mjs +300 -0
- package/esm2020/overflow-layout/overflow-layout.module.mjs +52 -0
- package/esm2020/overflow-layout/tokens/overflow-container.token.mjs +3 -0
- package/esm2020/overflow-layout/tokens/overflow-expand.token.mjs +3 -0
- package/esm2020/overflow-layout/tokens/overflow-item-ref.token.mjs +3 -0
- package/esm2020/overflow-layout/tokens/overflow-item.token.mjs +3 -0
- package/esm2020/public_api.mjs +2 -1
- package/esm2020/select/select.component.mjs +1 -2
- package/facets/package.json +1 -1
- package/feed-input/package.json +1 -1
- package/feed-list-item/package.json +1 -1
- package/fesm2015/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/fesm2015/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-overflow-layout.mjs +672 -0
- package/fesm2015/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/fesm2015/fundamental-ngx-core-select.mjs +0 -1
- package/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core.mjs +8 -3
- package/fesm2015/fundamental-ngx-core.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/fesm2020/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-overflow-layout.mjs +660 -0
- package/fesm2020/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/fesm2020/fundamental-ngx-core-select.mjs +0 -1
- package/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core.mjs +8 -3
- package/fesm2020/fundamental-ngx-core.mjs.map +1 -1
- package/file-uploader/package.json +1 -1
- package/fixed-card-layout/esm2020/fixed-card-layout.component.mjs +17 -26
- package/fixed-card-layout/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fixed-card-layout/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fixed-card-layout/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fixed-card-layout/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fixed-card-layout/fixed-card-layout.component.d.ts +4 -6
- package/fixed-card-layout/package.json +1 -1
- package/flexible-column-layout/package.json +1 -1
- package/form/package.json +1 -1
- package/formatted-text/package.json +1 -1
- package/fundamental-ngx.module.d.ts +2 -1
- package/grid-list/package.json +1 -1
- package/icon/package.json +1 -1
- package/illustrated-message/package.json +1 -1
- package/infinite-scroll/package.json +1 -1
- package/info-label/package.json +1 -1
- package/inline-help/package.json +1 -1
- package/input-group/esm2020/input-group.component.mjs +3 -3
- package/input-group/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
- package/input-group/fesm2015/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/input-group/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
- package/input-group/fesm2020/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/input-group/package.json +1 -1
- package/layout-grid/package.json +1 -1
- package/layout-panel/package.json +1 -1
- package/link/package.json +1 -1
- package/list/package.json +1 -1
- package/menu/package.json +1 -1
- package/message-box/package.json +1 -1
- package/message-strip/package.json +1 -1
- package/message-toast/package.json +1 -1
- package/micro-process-flow/package.json +1 -1
- package/mobile-mode/package.json +1 -1
- package/multi-input/package.json +1 -1
- package/nested-list/package.json +1 -1
- package/notification/package.json +1 -1
- package/object-identifier/package.json +1 -1
- package/object-marker/package.json +1 -1
- package/object-number/package.json +1 -1
- package/object-status/package.json +1 -1
- package/overflow-layout/README.md +7 -0
- package/overflow-layout/directives/overflow-expand.directive.d.ts +15 -0
- package/overflow-layout/directives/overflow-item-container-ref.directive.d.ts +25 -0
- package/overflow-layout/directives/overflow-item-ref.directive.d.ts +42 -0
- package/overflow-layout/directives/overflow-layout-item-container.directive.d.ts +16 -0
- package/overflow-layout/directives/overflow-layout-item.directive.d.ts +38 -0
- package/overflow-layout/directives/overflow-layout-popover-content.directive.d.ts +31 -0
- package/overflow-layout/esm2020/directives/overflow-expand.directive.mjs +36 -0
- package/overflow-layout/esm2020/directives/overflow-item-container-ref.directive.mjs +46 -0
- package/overflow-layout/esm2020/directives/overflow-item-ref.directive.mjs +57 -0
- package/overflow-layout/esm2020/directives/overflow-layout-item-container.directive.mjs +26 -0
- package/overflow-layout/esm2020/directives/overflow-layout-item.directive.mjs +100 -0
- package/overflow-layout/esm2020/directives/overflow-layout-popover-content.directive.mjs +68 -0
- package/overflow-layout/esm2020/fundamental-ngx-core-overflow-layout.mjs +5 -0
- package/overflow-layout/esm2020/index.mjs +15 -0
- package/overflow-layout/esm2020/interfaces/overflow-container.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-expand.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-item-ref.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-item.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-popover-content.interface.mjs +2 -0
- package/overflow-layout/esm2020/overflow-layout.component.mjs +300 -0
- package/overflow-layout/esm2020/overflow-layout.module.mjs +52 -0
- package/overflow-layout/esm2020/tokens/overflow-container.token.mjs +3 -0
- package/overflow-layout/esm2020/tokens/overflow-expand.token.mjs +3 -0
- package/overflow-layout/esm2020/tokens/overflow-item-ref.token.mjs +3 -0
- package/overflow-layout/esm2020/tokens/overflow-item.token.mjs +3 -0
- package/overflow-layout/fesm2015/fundamental-ngx-core-overflow-layout.mjs +672 -0
- package/overflow-layout/fesm2015/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/overflow-layout/fesm2020/fundamental-ngx-core-overflow-layout.mjs +660 -0
- package/overflow-layout/fesm2020/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/overflow-layout/fundamental-ngx-core-overflow-layout.d.ts +5 -0
- package/overflow-layout/index.d.ts +14 -0
- package/overflow-layout/interfaces/overflow-container.interface.d.ts +4 -0
- package/overflow-layout/interfaces/overflow-expand.interface.d.ts +11 -0
- package/overflow-layout/interfaces/overflow-item-ref.interface.d.ts +38 -0
- package/overflow-layout/interfaces/overflow-item.interface.d.ts +20 -0
- package/overflow-layout/interfaces/overflow-popover-content.interface.d.ts +11 -0
- package/overflow-layout/overflow-layout.component.d.ts +131 -0
- package/overflow-layout/overflow-layout.module.d.ts +16 -0
- package/overflow-layout/package.json +53 -0
- package/overflow-layout/tokens/overflow-container.token.d.ts +3 -0
- package/overflow-layout/tokens/overflow-expand.token.d.ts +3 -0
- package/overflow-layout/tokens/overflow-item-ref.token.d.ts +3 -0
- package/overflow-layout/tokens/overflow-item.token.d.ts +3 -0
- package/package.json +9 -1
- package/pagination/package.json +1 -1
- package/panel/package.json +1 -1
- package/popover/package.json +1 -1
- package/product-switch/package.json +1 -1
- package/progress-indicator/package.json +1 -1
- package/public_api.d.ts +1 -0
- package/quick-view/package.json +1 -1
- package/radio/package.json +1 -1
- package/rating-indicator/package.json +1 -1
- package/resizable-card-layout/package.json +1 -1
- package/scroll-spy/package.json +1 -1
- package/scrollbar/package.json +1 -1
- package/segmented-button/package.json +1 -1
- package/select/esm2020/select.component.mjs +1 -2
- package/select/fesm2015/fundamental-ngx-core-select.mjs +0 -1
- package/select/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
- package/select/fesm2020/fundamental-ngx-core-select.mjs +0 -1
- package/select/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
- package/select/package.json +1 -1
- package/shared/package.json +1 -1
- package/shellbar/package.json +1 -1
- package/side-navigation/package.json +1 -1
- package/slider/package.json +1 -1
- package/split-button/package.json +1 -1
- package/splitter/package.json +1 -1
- package/status-indicator/package.json +1 -1
- package/step-input/package.json +1 -1
- package/switch/package.json +1 -1
- package/table/package.json +1 -1
- package/tabs/package.json +1 -1
- package/text/package.json +1 -1
- package/theming/package.json +1 -1
- package/tile/package.json +1 -1
- package/time/package.json +1 -1
- package/time-picker/package.json +1 -1
- package/timeline/package.json +1 -1
- package/title/package.json +1 -1
- package/token/package.json +1 -1
- package/toolbar/package.json +1 -1
- package/tree/package.json +1 -1
- package/upload-collection/package.json +1 -1
- package/utils/package.json +1 -1
- package/vertical-navigation/package.json +1 -1
- package/wizard/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { OverflowExpand, OverflowExpandDirectiveContext } from '../interfaces/overflow-expand.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Structural directive which is responsible for rendering the "More" button and handling further logic.
|
|
6
|
+
*/
|
|
7
|
+
export declare class OverflowExpandDirective implements OverflowExpand {
|
|
8
|
+
templateRef: TemplateRef<OverflowExpandDirectiveContext>;
|
|
9
|
+
/** @hidden */
|
|
10
|
+
static ngTemplateContextGuard(dir: OverflowExpandDirective, ctx: OverflowExpandDirectiveContext): ctx is OverflowExpandDirectiveContext;
|
|
11
|
+
/** @hidden */
|
|
12
|
+
constructor(templateRef: TemplateRef<OverflowExpandDirectiveContext>);
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowExpandDirective, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowExpandDirective, "[fdOverflowExpand]", never, {}, {}, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Directive to hide component without actual destroying of the component instance.
|
|
5
|
+
*/
|
|
6
|
+
export declare class OverflowItemContainerRefDirective {
|
|
7
|
+
private _templateRef;
|
|
8
|
+
private _viewContainerRef;
|
|
9
|
+
private _elmRef;
|
|
10
|
+
/** @hidden */
|
|
11
|
+
private _viewRef;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
private _detached;
|
|
14
|
+
/** @hidden */
|
|
15
|
+
private _hidden;
|
|
16
|
+
/**
|
|
17
|
+
* Shows or hides element without destroying the view itself.
|
|
18
|
+
* @param value
|
|
19
|
+
*/
|
|
20
|
+
set hidden(value: boolean);
|
|
21
|
+
/** @hidden */
|
|
22
|
+
constructor(_templateRef: TemplateRef<any>, _viewContainerRef: ViewContainerRef, _elmRef: ElementRef);
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowItemContainerRefDirective, never>;
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowItemContainerRefDirective, "[fdOverflowItemContainerRef]", never, {}, {}, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ElementRef, TemplateRef } from '@angular/core';
|
|
2
|
+
import { OverflowItemDirectiveContext, OverflowItemRef } from '../interfaces/overflow-item-ref.interface';
|
|
3
|
+
import { OverflowItem } from '../interfaces/overflow-item.interface';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Structural directive which is used to pass the context of the item to the template engine.
|
|
7
|
+
*/
|
|
8
|
+
export declare class OverflowItemRefDirective implements OverflowItemRef {
|
|
9
|
+
templateRef: TemplateRef<OverflowItemDirectiveContext>;
|
|
10
|
+
/**
|
|
11
|
+
* Element ref of the `fdOverflowLayoutItem` directive.
|
|
12
|
+
*/
|
|
13
|
+
elementRef: ElementRef<HTMLElement>;
|
|
14
|
+
/**
|
|
15
|
+
* `fdOverflowLayoutItem` directive.
|
|
16
|
+
*/
|
|
17
|
+
overflowItem: OverflowItem;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the item is hidden.
|
|
20
|
+
*/
|
|
21
|
+
hidden: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Index of the item in the array of Overflow Layout Component's items.
|
|
24
|
+
*/
|
|
25
|
+
index: number;
|
|
26
|
+
/** @hidden */
|
|
27
|
+
static ngTemplateContextGuard(dir: OverflowItemRefDirective, ctx: OverflowItemDirectiveContext): ctx is OverflowItemDirectiveContext;
|
|
28
|
+
/** @hidden */
|
|
29
|
+
constructor(templateRef: TemplateRef<OverflowItemDirectiveContext>);
|
|
30
|
+
/**
|
|
31
|
+
* Sets the element reference of the `fdOverflowLayoutItem` directive.`
|
|
32
|
+
* @param elmRef
|
|
33
|
+
*/
|
|
34
|
+
setElementRef(elmRef: ElementRef): void;
|
|
35
|
+
/**
|
|
36
|
+
* Sets the `fdOverflowLayoutItem` directive.
|
|
37
|
+
* @param item
|
|
38
|
+
*/
|
|
39
|
+
setOverflowItem(item: OverflowItem): void;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowItemRefDirective, never>;
|
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowItemRefDirective, "[fdOverflowItemRef]", never, {}, {}, never>;
|
|
42
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { OverflowItemContainerRefDirective } from './overflow-item-container-ref.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class OverflowLayoutItemContainerDirective {
|
|
5
|
+
elementRef: ElementRef;
|
|
6
|
+
/** @hidden */
|
|
7
|
+
private readonly _initialClass;
|
|
8
|
+
/**
|
|
9
|
+
* Container reference.
|
|
10
|
+
*/
|
|
11
|
+
containerRef: OverflowItemContainerRefDirective;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
constructor(elementRef: ElementRef);
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowLayoutItemContainerDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowLayoutItemContainerDirective, "[fdOverflowLayoutItemContainer]", never, {}, {}, ["containerRef"]>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ElementRef, OnInit } from '@angular/core';
|
|
2
|
+
import { OverflowItemRef } from '../interfaces/overflow-item-ref.interface';
|
|
3
|
+
import { OverflowItem } from '../interfaces/overflow-item.interface';
|
|
4
|
+
import { OverflowLayoutComponent } from '../overflow-layout.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* Directive to mark element as part of for Overflow Layout Component items.
|
|
8
|
+
*/
|
|
9
|
+
export declare class OverflowLayoutItemDirective implements OverflowItem, OnInit {
|
|
10
|
+
private _overflowContainer;
|
|
11
|
+
elmRef: ElementRef;
|
|
12
|
+
private _overflowItemRef;
|
|
13
|
+
/** Whether the item should be focusable. */
|
|
14
|
+
focusable: boolean;
|
|
15
|
+
/** Whether to force the visibility of the item. */
|
|
16
|
+
set forceVisibility(value: boolean);
|
|
17
|
+
get forceVisibility(): boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the item is hidden.
|
|
20
|
+
*/
|
|
21
|
+
get hidden(): boolean;
|
|
22
|
+
/** @hidden */
|
|
23
|
+
private get _tabindex();
|
|
24
|
+
/** @hidden */
|
|
25
|
+
private _forceVisibility;
|
|
26
|
+
/** @hidden */
|
|
27
|
+
onFocus(): void;
|
|
28
|
+
/** @hidden */
|
|
29
|
+
constructor(_overflowContainer: OverflowLayoutComponent, elmRef: ElementRef, _overflowItemRef: OverflowItemRef | null);
|
|
30
|
+
/** @hidden */
|
|
31
|
+
ngOnInit(): void;
|
|
32
|
+
/**
|
|
33
|
+
* Focuses connected to the DOM element.
|
|
34
|
+
*/
|
|
35
|
+
focus(): void;
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowLayoutItemDirective, [null, null, { optional: true; skipSelf: true; }]>;
|
|
37
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowLayoutItemDirective, "[fdOverflowLayoutItem]", never, { "focusable": "focusable"; "forceVisibility": "forceVisibility"; }, {}, never>;
|
|
38
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { OverflowContainer } from '../interfaces/overflow-container.interface';
|
|
2
|
+
import { OverflowPopoverContent } from '../interfaces/overflow-popover-content.interface';
|
|
3
|
+
import { OverflowItemRef } from '../interfaces/overflow-item-ref.interface';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Directive to wrap Overlay Layout "More" popover content.
|
|
7
|
+
* Used to apply keyboard navigation through the items.
|
|
8
|
+
*/
|
|
9
|
+
export declare class OverflowLayoutPopoverContentDirective implements OverflowPopoverContent {
|
|
10
|
+
private _overflowContainer;
|
|
11
|
+
/**
|
|
12
|
+
* Array of hidden items.
|
|
13
|
+
*/
|
|
14
|
+
set items(value: OverflowItemRef[]);
|
|
15
|
+
/** @hidden */
|
|
16
|
+
private _keyboardEventsManager;
|
|
17
|
+
/** @hidden */
|
|
18
|
+
private _items;
|
|
19
|
+
/** @hidden */
|
|
20
|
+
private readonly _initialClass;
|
|
21
|
+
/** @hidden */
|
|
22
|
+
constructor(_overflowContainer: OverflowContainer);
|
|
23
|
+
/** @hidden */
|
|
24
|
+
keyUpHandler(event: KeyboardEvent): void;
|
|
25
|
+
/**
|
|
26
|
+
* Focuses on the first tabbable element inside directive's element.
|
|
27
|
+
*/
|
|
28
|
+
focusFirstTabbableElement(): void;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowLayoutPopoverContentDirective, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowLayoutPopoverContentDirective, "[fdOverflowLayoutPopoverContent]", never, { "items": "items"; }, {}, never>;
|
|
31
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
+
import { FD_OVERFLOW_EXPAND } from '../tokens/overflow-expand.token';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Structural directive which is responsible for rendering the "More" button and handling further logic.
|
|
6
|
+
*/
|
|
7
|
+
export class OverflowExpandDirective {
|
|
8
|
+
/** @hidden */
|
|
9
|
+
constructor(templateRef) {
|
|
10
|
+
this.templateRef = templateRef;
|
|
11
|
+
}
|
|
12
|
+
/** @hidden */
|
|
13
|
+
static ngTemplateContextGuard(dir, ctx) {
|
|
14
|
+
return true;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
OverflowExpandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowExpandDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
OverflowExpandDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: OverflowExpandDirective, selector: "[fdOverflowExpand]", providers: [
|
|
19
|
+
{
|
|
20
|
+
provide: FD_OVERFLOW_EXPAND,
|
|
21
|
+
useExisting: OverflowExpandDirective
|
|
22
|
+
}
|
|
23
|
+
], ngImport: i0 });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowExpandDirective, decorators: [{
|
|
25
|
+
type: Directive,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: '[fdOverflowExpand]',
|
|
28
|
+
providers: [
|
|
29
|
+
{
|
|
30
|
+
provide: FD_OVERFLOW_EXPAND,
|
|
31
|
+
useExisting: OverflowExpandDirective
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
}]
|
|
35
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctZXhwYW5kLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL292ZXJmbG93LWxheW91dC9kaXJlY3RpdmVzL292ZXJmbG93LWV4cGFuZC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBRXJFOztHQUVHO0FBVUgsTUFBTSxPQUFPLHVCQUF1QjtJQVNoQyxjQUFjO0lBQ2QsWUFBbUIsV0FBd0Q7UUFBeEQsZ0JBQVcsR0FBWCxXQUFXLENBQTZDO0lBQUcsQ0FBQztJQVQvRSxjQUFjO0lBQ2QsTUFBTSxDQUFDLHNCQUFzQixDQUN6QixHQUE0QixFQUM1QixHQUFtQztRQUVuQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOztvSEFQUSx1QkFBdUI7d0dBQXZCLHVCQUF1Qiw2Q0FQckI7UUFDUDtZQUNJLE9BQU8sRUFBRSxrQkFBa0I7WUFDM0IsV0FBVyxFQUFFLHVCQUF1QjtTQUN2QztLQUNKOzJGQUVRLHVCQUF1QjtrQkFUbkMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixTQUFTLEVBQUU7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyx5QkFBeUI7eUJBQ3ZDO3FCQUNKO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3ZlcmZsb3dFeHBhbmQsIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlQ29udGV4dCB9IGZyb20gJy4uL2ludGVyZmFjZXMvb3ZlcmZsb3ctZXhwYW5kLmludGVyZmFjZSc7XG5pbXBvcnQgeyBGRF9PVkVSRkxPV19FWFBBTkQgfSBmcm9tICcuLi90b2tlbnMvb3ZlcmZsb3ctZXhwYW5kLnRva2VuJztcblxuLyoqXG4gKiBTdHJ1Y3R1cmFsIGRpcmVjdGl2ZSB3aGljaCBpcyByZXNwb25zaWJsZSBmb3IgcmVuZGVyaW5nIHRoZSBcIk1vcmVcIiBidXR0b24gYW5kIGhhbmRsaW5nIGZ1cnRoZXIgbG9naWMuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ZkT3ZlcmZsb3dFeHBhbmRdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogRkRfT1ZFUkZMT1dfRVhQQU5ELFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlIGltcGxlbWVudHMgT3ZlcmZsb3dFeHBhbmQge1xuICAgIC8qKiBAaGlkZGVuICovXG4gICAgc3RhdGljIG5nVGVtcGxhdGVDb250ZXh0R3VhcmQoXG4gICAgICAgIGRpcjogT3ZlcmZsb3dFeHBhbmREaXJlY3RpdmUsXG4gICAgICAgIGN0eDogT3ZlcmZsb3dFeHBhbmREaXJlY3RpdmVDb250ZXh0XG4gICAgKTogY3R4IGlzIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlQ29udGV4dCB7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxPdmVyZmxvd0V4cGFuZERpcmVjdGl2ZUNvbnRleHQ+KSB7fVxufVxuIl19
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Directive, ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Directive to hide component without actual destroying of the component instance.
|
|
5
|
+
*/
|
|
6
|
+
export class OverflowItemContainerRefDirective {
|
|
7
|
+
/** @hidden */
|
|
8
|
+
constructor(_templateRef, _viewContainerRef, _elmRef) {
|
|
9
|
+
this._templateRef = _templateRef;
|
|
10
|
+
this._viewContainerRef = _viewContainerRef;
|
|
11
|
+
this._elmRef = _elmRef;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
this._detached = false;
|
|
14
|
+
/** @hidden */
|
|
15
|
+
this._hidden = false;
|
|
16
|
+
// Create embedded view right away and manipulate its visibility later.
|
|
17
|
+
this._viewContainerRef.createEmbeddedView(this._templateRef);
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Shows or hides element without destroying the view itself.
|
|
21
|
+
* @param value
|
|
22
|
+
*/
|
|
23
|
+
set hidden(value) {
|
|
24
|
+
if (this._hidden === value) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
this._hidden = value;
|
|
28
|
+
if (value && !this._detached) {
|
|
29
|
+
this._viewRef = this._viewContainerRef.detach();
|
|
30
|
+
this._detached = true;
|
|
31
|
+
}
|
|
32
|
+
else if (!value && this._viewRef && this._detached) {
|
|
33
|
+
this._viewRef = this._viewContainerRef.insert(this._viewRef);
|
|
34
|
+
this._detached = false;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
OverflowItemContainerRefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowItemContainerRefDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
OverflowItemContainerRefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: OverflowItemContainerRefDirective, selector: "[fdOverflowItemContainerRef]", ngImport: i0 });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowItemContainerRefDirective, decorators: [{
|
|
41
|
+
type: Directive,
|
|
42
|
+
args: [{
|
|
43
|
+
selector: '[fdOverflowItemContainerRef]'
|
|
44
|
+
}]
|
|
45
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }]; } });
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctaXRlbS1jb250YWluZXItcmVmLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL292ZXJmbG93LWxheW91dC9kaXJlY3RpdmVzL292ZXJmbG93LWl0ZW0tY29udGFpbmVyLXJlZi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFXLE1BQU0sZUFBZSxDQUFDOztBQUU5Rjs7R0FFRztBQUlILE1BQU0sT0FBTyxpQ0FBaUM7SUE0QjFDLGNBQWM7SUFDZCxZQUNZLFlBQThCLEVBQzlCLGlCQUFtQyxFQUNuQyxPQUFtQjtRQUZuQixpQkFBWSxHQUFaLFlBQVksQ0FBa0I7UUFDOUIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFrQjtRQUNuQyxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBNUIvQixjQUFjO1FBQ04sY0FBUyxHQUFHLEtBQUssQ0FBQztRQUUxQixjQUFjO1FBQ04sWUFBTyxHQUFHLEtBQUssQ0FBQztRQTBCcEIsdUVBQXVFO1FBQ3ZFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQTFCRDs7O09BR0c7SUFDSCxJQUFJLE1BQU0sQ0FBQyxLQUFjO1FBQ3JCLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLEVBQUU7WUFDeEIsT0FBTztTQUNWO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sRUFBRyxDQUFDO1lBQ2pELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3pCO2FBQU0sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM3RCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUMxQjtJQUNMLENBQUM7OzhIQTFCUSxpQ0FBaUM7a0hBQWpDLGlDQUFpQzsyRkFBakMsaUNBQWlDO2tCQUg3QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSw4QkFBOEI7aUJBQzNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZiwgVmlld1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpcmVjdGl2ZSB0byBoaWRlIGNvbXBvbmVudCB3aXRob3V0IGFjdHVhbCBkZXN0cm95aW5nIG9mIHRoZSBjb21wb25lbnQgaW5zdGFuY2UuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ZkT3ZlcmZsb3dJdGVtQ29udGFpbmVyUmVmXSdcbn0pXG5leHBvcnQgY2xhc3MgT3ZlcmZsb3dJdGVtQ29udGFpbmVyUmVmRGlyZWN0aXZlIHtcbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3ZpZXdSZWY6IFZpZXdSZWY7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2RldGFjaGVkID0gZmFsc2U7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2hpZGRlbiA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogU2hvd3Mgb3IgaGlkZXMgZWxlbWVudCB3aXRob3V0IGRlc3Ryb3lpbmcgdGhlIHZpZXcgaXRzZWxmLlxuICAgICAqIEBwYXJhbSB2YWx1ZVxuICAgICAqL1xuICAgIHNldCBoaWRkZW4odmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgaWYgKHRoaXMuX2hpZGRlbiA9PT0gdmFsdWUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl9oaWRkZW4gPSB2YWx1ZTtcbiAgICAgICAgaWYgKHZhbHVlICYmICF0aGlzLl9kZXRhY2hlZCkge1xuICAgICAgICAgICAgdGhpcy5fdmlld1JlZiA9IHRoaXMuX3ZpZXdDb250YWluZXJSZWYuZGV0YWNoKCkhO1xuICAgICAgICAgICAgdGhpcy5fZGV0YWNoZWQgPSB0cnVlO1xuICAgICAgICB9IGVsc2UgaWYgKCF2YWx1ZSAmJiB0aGlzLl92aWV3UmVmICYmIHRoaXMuX2RldGFjaGVkKSB7XG4gICAgICAgICAgICB0aGlzLl92aWV3UmVmID0gdGhpcy5fdmlld0NvbnRhaW5lclJlZi5pbnNlcnQodGhpcy5fdmlld1JlZik7XG4gICAgICAgICAgICB0aGlzLl9kZXRhY2hlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBfdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT4sXG4gICAgICAgIHByaXZhdGUgX3ZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICAgICAgIHByaXZhdGUgX2VsbVJlZjogRWxlbWVudFJlZlxuICAgICkge1xuICAgICAgICAvLyBDcmVhdGUgZW1iZWRkZWQgdmlldyByaWdodCBhd2F5IGFuZCBtYW5pcHVsYXRlIGl0cyB2aXNpYmlsaXR5IGxhdGVyLlxuICAgICAgICB0aGlzLl92aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLl90ZW1wbGF0ZVJlZik7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
+
import { FD_OVERFLOW_ITEM_REF } from '../tokens/overflow-item-ref.token';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Structural directive which is used to pass the context of the item to the template engine.
|
|
6
|
+
*/
|
|
7
|
+
export class OverflowItemRefDirective {
|
|
8
|
+
/** @hidden */
|
|
9
|
+
constructor(templateRef) {
|
|
10
|
+
this.templateRef = templateRef;
|
|
11
|
+
/**
|
|
12
|
+
* Whether the item is hidden.
|
|
13
|
+
*/
|
|
14
|
+
this.hidden = false;
|
|
15
|
+
}
|
|
16
|
+
/** @hidden */
|
|
17
|
+
static ngTemplateContextGuard(dir, ctx) {
|
|
18
|
+
return true;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Sets the element reference of the `fdOverflowLayoutItem` directive.`
|
|
22
|
+
* @param elmRef
|
|
23
|
+
*/
|
|
24
|
+
setElementRef(elmRef) {
|
|
25
|
+
if (this.elementRef) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
this.elementRef = elmRef;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Sets the `fdOverflowLayoutItem` directive.
|
|
32
|
+
* @param item
|
|
33
|
+
*/
|
|
34
|
+
setOverflowItem(item) {
|
|
35
|
+
this.overflowItem = item;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
OverflowItemRefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowItemRefDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
OverflowItemRefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", providers: [
|
|
40
|
+
{
|
|
41
|
+
provide: FD_OVERFLOW_ITEM_REF,
|
|
42
|
+
useExisting: OverflowItemRefDirective
|
|
43
|
+
}
|
|
44
|
+
], ngImport: i0 });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowItemRefDirective, decorators: [{
|
|
46
|
+
type: Directive,
|
|
47
|
+
args: [{
|
|
48
|
+
selector: '[fdOverflowItemRef]',
|
|
49
|
+
providers: [
|
|
50
|
+
{
|
|
51
|
+
provide: FD_OVERFLOW_ITEM_REF,
|
|
52
|
+
useExisting: OverflowItemRefDirective
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
}]
|
|
56
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctaXRlbS1yZWYuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvb3ZlcmZsb3ctbGF5b3V0L2RpcmVjdGl2ZXMvb3ZlcmZsb3ctaXRlbS1yZWYuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR25FLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUV6RTs7R0FFRztBQVVILE1BQU0sT0FBTyx3QkFBd0I7SUEwQmpDLGNBQWM7SUFDZCxZQUFtQixXQUFzRDtRQUF0RCxnQkFBVyxHQUFYLFdBQVcsQ0FBMkM7UUFsQnpFOztXQUVHO1FBQ0gsV0FBTSxHQUFHLEtBQUssQ0FBQztJQWU2RCxDQUFDO0lBVDdFLGNBQWM7SUFDZCxNQUFNLENBQUMsc0JBQXNCLENBQ3pCLEdBQTZCLEVBQzdCLEdBQWlDO1FBRWpDLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFLRDs7O09BR0c7SUFDSCxhQUFhLENBQUMsTUFBa0I7UUFDNUIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2pCLE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxlQUFlLENBQUMsSUFBa0I7UUFDOUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQzs7cUhBOUNRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDhDQVB0QjtRQUNQO1lBQ0ksT0FBTyxFQUFFLG9CQUFvQjtZQUM3QixXQUFXLEVBQUUsd0JBQXdCO1NBQ3hDO0tBQ0o7MkZBRVEsd0JBQXdCO2tCQVRwQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFNBQVMsRUFBRTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsb0JBQW9COzRCQUM3QixXQUFXLDBCQUEwQjt5QkFDeEM7cUJBQ0o7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPdmVyZmxvd0l0ZW1EaXJlY3RpdmVDb250ZXh0LCBPdmVyZmxvd0l0ZW1SZWYgfSBmcm9tICcuLi9pbnRlcmZhY2VzL292ZXJmbG93LWl0ZW0tcmVmLmludGVyZmFjZSc7XG5pbXBvcnQgeyBPdmVyZmxvd0l0ZW0gfSBmcm9tICcuLi9pbnRlcmZhY2VzL292ZXJmbG93LWl0ZW0uaW50ZXJmYWNlJztcbmltcG9ydCB7IEZEX09WRVJGTE9XX0lURU1fUkVGIH0gZnJvbSAnLi4vdG9rZW5zL292ZXJmbG93LWl0ZW0tcmVmLnRva2VuJztcblxuLyoqXG4gKiBTdHJ1Y3R1cmFsIGRpcmVjdGl2ZSB3aGljaCBpcyB1c2VkIHRvIHBhc3MgdGhlIGNvbnRleHQgb2YgdGhlIGl0ZW0gdG8gdGhlIHRlbXBsYXRlIGVuZ2luZS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZmRPdmVyZmxvd0l0ZW1SZWZdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogRkRfT1ZFUkZMT1dfSVRFTV9SRUYsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogT3ZlcmZsb3dJdGVtUmVmRGlyZWN0aXZlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJmbG93SXRlbVJlZkRpcmVjdGl2ZSBpbXBsZW1lbnRzIE92ZXJmbG93SXRlbVJlZiB7XG4gICAgLyoqXG4gICAgICogRWxlbWVudCByZWYgb2YgdGhlIGBmZE92ZXJmbG93TGF5b3V0SXRlbWAgZGlyZWN0aXZlLlxuICAgICAqL1xuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuICAgIC8qKlxuICAgICAqIGBmZE92ZXJmbG93TGF5b3V0SXRlbWAgZGlyZWN0aXZlLlxuICAgICAqL1xuICAgIG92ZXJmbG93SXRlbTogT3ZlcmZsb3dJdGVtO1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIGl0ZW0gaXMgaGlkZGVuLlxuICAgICAqL1xuICAgIGhpZGRlbiA9IGZhbHNlO1xuICAgIC8qKlxuICAgICAqIEluZGV4IG9mIHRoZSBpdGVtIGluIHRoZSBhcnJheSBvZiBPdmVyZmxvdyBMYXlvdXQgQ29tcG9uZW50J3MgaXRlbXMuXG4gICAgICovXG4gICAgaW5kZXg6IG51bWJlcjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgc3RhdGljIG5nVGVtcGxhdGVDb250ZXh0R3VhcmQoXG4gICAgICAgIGRpcjogT3ZlcmZsb3dJdGVtUmVmRGlyZWN0aXZlLFxuICAgICAgICBjdHg6IE92ZXJmbG93SXRlbURpcmVjdGl2ZUNvbnRleHRcbiAgICApOiBjdHggaXMgT3ZlcmZsb3dJdGVtRGlyZWN0aXZlQ29udGV4dCB7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxPdmVyZmxvd0l0ZW1EaXJlY3RpdmVDb250ZXh0Pikge31cblxuICAgIC8qKlxuICAgICAqIFNldHMgdGhlIGVsZW1lbnQgcmVmZXJlbmNlIG9mIHRoZSBgZmRPdmVyZmxvd0xheW91dEl0ZW1gIGRpcmVjdGl2ZS5gXG4gICAgICogQHBhcmFtIGVsbVJlZlxuICAgICAqL1xuICAgIHNldEVsZW1lbnRSZWYoZWxtUmVmOiBFbGVtZW50UmVmKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmVsZW1lbnRSZWYpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmVsZW1lbnRSZWYgPSBlbG1SZWY7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2V0cyB0aGUgYGZkT3ZlcmZsb3dMYXlvdXRJdGVtYCBkaXJlY3RpdmUuXG4gICAgICogQHBhcmFtIGl0ZW1cbiAgICAgKi9cbiAgICBzZXRPdmVyZmxvd0l0ZW0oaXRlbTogT3ZlcmZsb3dJdGVtKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3ZlcmZsb3dJdGVtID0gaXRlbTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ContentChild, Directive, ElementRef, HostBinding } from '@angular/core';
|
|
2
|
+
import { OverflowItemContainerRefDirective } from './overflow-item-container-ref.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class OverflowLayoutItemContainerDirective {
|
|
5
|
+
/** @hidden */
|
|
6
|
+
constructor(elementRef) {
|
|
7
|
+
this.elementRef = elementRef;
|
|
8
|
+
/** @hidden */
|
|
9
|
+
this._initialClass = 'fd-overflow-layout__item';
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
OverflowLayoutItemContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowLayoutItemContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
+
OverflowLayoutItemContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: OverflowLayoutItemContainerDirective, selector: "[fdOverflowLayoutItemContainer]", host: { properties: { "class": "this._initialClass" } }, queries: [{ propertyName: "containerRef", first: true, predicate: OverflowItemContainerRefDirective, descendants: true }], ngImport: i0 });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowLayoutItemContainerDirective, decorators: [{
|
|
15
|
+
type: Directive,
|
|
16
|
+
args: [{
|
|
17
|
+
selector: '[fdOverflowLayoutItemContainer]'
|
|
18
|
+
}]
|
|
19
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _initialClass: [{
|
|
20
|
+
type: HostBinding,
|
|
21
|
+
args: ['class']
|
|
22
|
+
}], containerRef: [{
|
|
23
|
+
type: ContentChild,
|
|
24
|
+
args: [OverflowItemContainerRefDirective]
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctbGF5b3V0LWl0ZW0tY29udGFpbmVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL292ZXJmbG93LWxheW91dC9kaXJlY3RpdmVzL292ZXJmbG93LWxheW91dC1pdGVtLWNvbnRhaW5lci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFLNUYsTUFBTSxPQUFPLG9DQUFvQztJQVc3QyxjQUFjO0lBQ2QsWUFBbUIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVh6QyxjQUFjO1FBRUcsa0JBQWEsR0FBRywwQkFBMEIsQ0FBQztJQVNoQixDQUFDOztpSUFacEMsb0NBQW9DO3FIQUFwQyxvQ0FBb0MsMEtBUS9CLGlDQUFpQzsyRkFSdEMsb0NBQW9DO2tCQUhoRCxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQ0FBaUM7aUJBQzlDO2lHQUlvQixhQUFhO3NCQUQ3QixXQUFXO3VCQUFDLE9BQU87Z0JBT3BCLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb250ZW50Q2hpbGQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE92ZXJmbG93SXRlbUNvbnRhaW5lclJlZkRpcmVjdGl2ZSB9IGZyb20gJy4vb3ZlcmZsb3ctaXRlbS1jb250YWluZXItcmVmLmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ZkT3ZlcmZsb3dMYXlvdXRJdGVtQ29udGFpbmVyXSdcbn0pXG5leHBvcnQgY2xhc3MgT3ZlcmZsb3dMYXlvdXRJdGVtQ29udGFpbmVyRGlyZWN0aXZlIHtcbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2luaXRpYWxDbGFzcyA9ICdmZC1vdmVyZmxvdy1sYXlvdXRfX2l0ZW0nO1xuXG4gICAgLyoqXG4gICAgICogQ29udGFpbmVyIHJlZmVyZW5jZS5cbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkKE92ZXJmbG93SXRlbUNvbnRhaW5lclJlZkRpcmVjdGl2ZSlcbiAgICBjb250YWluZXJSZWY6IE92ZXJmbG93SXRlbUNvbnRhaW5lclJlZkRpcmVjdGl2ZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG59XG4iXX0=
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { Directive, ElementRef, HostBinding, HostListener, Inject, Input, Optional, SkipSelf } from '@angular/core';
|
|
2
|
+
import { OverflowLayoutComponent } from '../overflow-layout.component';
|
|
3
|
+
import { FD_OVERFLOW_ITEM_REF } from '../tokens/overflow-item-ref.token';
|
|
4
|
+
import { FD_OVERFLOW_ITEM } from '../tokens/overflow-item.token';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../overflow-layout.component";
|
|
7
|
+
/**
|
|
8
|
+
* Directive to mark element as part of for Overflow Layout Component items.
|
|
9
|
+
*/
|
|
10
|
+
export class OverflowLayoutItemDirective {
|
|
11
|
+
/** @hidden */
|
|
12
|
+
constructor(_overflowContainer, elmRef, _overflowItemRef) {
|
|
13
|
+
this._overflowContainer = _overflowContainer;
|
|
14
|
+
this.elmRef = elmRef;
|
|
15
|
+
this._overflowItemRef = _overflowItemRef;
|
|
16
|
+
/** Whether the item should be focusable. */
|
|
17
|
+
this.focusable = false;
|
|
18
|
+
/** @hidden */
|
|
19
|
+
this._forceVisibility = false;
|
|
20
|
+
}
|
|
21
|
+
/** Whether to force the visibility of the item. */
|
|
22
|
+
set forceVisibility(value) {
|
|
23
|
+
if (value === this._forceVisibility) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
this._forceVisibility = value;
|
|
27
|
+
this._overflowContainer.triggerRecalculation();
|
|
28
|
+
}
|
|
29
|
+
get forceVisibility() {
|
|
30
|
+
return this._forceVisibility;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Whether the item is hidden.
|
|
34
|
+
*/
|
|
35
|
+
get hidden() {
|
|
36
|
+
return this._overflowItemRef?.hidden === true;
|
|
37
|
+
}
|
|
38
|
+
/** @hidden */
|
|
39
|
+
get _tabindex() {
|
|
40
|
+
return this.focusable ? 0 : -1;
|
|
41
|
+
}
|
|
42
|
+
/** @hidden */
|
|
43
|
+
onFocus() {
|
|
44
|
+
this._overflowContainer.setFocusedElement(this);
|
|
45
|
+
}
|
|
46
|
+
/** @hidden */
|
|
47
|
+
ngOnInit() {
|
|
48
|
+
this._overflowItemRef?.setElementRef(this.elmRef);
|
|
49
|
+
this._overflowItemRef?.setOverflowItem(this);
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Focuses connected to the DOM element.
|
|
53
|
+
*/
|
|
54
|
+
focus() {
|
|
55
|
+
// Since we use detach() method of ViewContainerRef to remove elements from the visible list,
|
|
56
|
+
// we need to check that element is connected to the DOM.
|
|
57
|
+
this.elmRef.nativeElement.isConnected
|
|
58
|
+
? this.elmRef.nativeElement.focus()
|
|
59
|
+
: this._overflowItemRef?.elementRef.nativeElement.isConnected
|
|
60
|
+
? this._overflowItemRef?.elementRef.nativeElement.focus()
|
|
61
|
+
: this._overflowItemRef?.overflowItem.elmRef.nativeElement.focus();
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
OverflowLayoutItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowLayoutItemDirective, deps: [{ token: i1.OverflowLayoutComponent }, { token: i0.ElementRef }, { token: FD_OVERFLOW_ITEM_REF, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
65
|
+
OverflowLayoutItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: { focusable: "focusable", forceVisibility: "forceVisibility" }, host: { listeners: { "focus": "onFocus()" }, properties: { "attr.tabindex": "this._tabindex" } }, providers: [
|
|
66
|
+
{
|
|
67
|
+
provide: FD_OVERFLOW_ITEM,
|
|
68
|
+
useExisting: OverflowLayoutItemDirective
|
|
69
|
+
}
|
|
70
|
+
], ngImport: i0 });
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowLayoutItemDirective, decorators: [{
|
|
72
|
+
type: Directive,
|
|
73
|
+
args: [{
|
|
74
|
+
selector: '[fdOverflowLayoutItem]',
|
|
75
|
+
providers: [
|
|
76
|
+
{
|
|
77
|
+
provide: FD_OVERFLOW_ITEM,
|
|
78
|
+
useExisting: OverflowLayoutItemDirective
|
|
79
|
+
}
|
|
80
|
+
]
|
|
81
|
+
}]
|
|
82
|
+
}], ctorParameters: function () { return [{ type: i1.OverflowLayoutComponent }, { type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
83
|
+
type: Optional
|
|
84
|
+
}, {
|
|
85
|
+
type: SkipSelf
|
|
86
|
+
}, {
|
|
87
|
+
type: Inject,
|
|
88
|
+
args: [FD_OVERFLOW_ITEM_REF]
|
|
89
|
+
}] }]; }, propDecorators: { focusable: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], forceVisibility: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], _tabindex: [{
|
|
94
|
+
type: HostBinding,
|
|
95
|
+
args: ['attr.tabindex']
|
|
96
|
+
}], onFocus: [{
|
|
97
|
+
type: HostListener,
|
|
98
|
+
args: ['focus']
|
|
99
|
+
}] } });
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctbGF5b3V0LWl0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvb3ZlcmZsb3ctbGF5b3V0L2RpcmVjdGl2ZXMvb3ZlcmZsb3ctbGF5b3V0LWl0ZW0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFFTCxRQUFRLEVBQ1IsUUFBUSxFQUNYLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7QUFFakU7O0dBRUc7QUFVSCxNQUFNLE9BQU8sMkJBQTJCO0lBeUNwQyxjQUFjO0lBQ2QsWUFDWSxrQkFBMkMsRUFDNUMsTUFBa0IsRUFDcUMsZ0JBQXdDO1FBRjlGLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBeUI7UUFDNUMsV0FBTSxHQUFOLE1BQU0sQ0FBWTtRQUNxQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXdCO1FBNUMxRyw0Q0FBNEM7UUFFNUMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQTZCbEIsY0FBYztRQUNOLHFCQUFnQixHQUFHLEtBQUssQ0FBQztJQWE5QixDQUFDO0lBekNKLG1EQUFtRDtJQUNuRCxJQUNJLGVBQWUsQ0FBQyxLQUFjO1FBQzlCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUNqQyxPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ25ELENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDZixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqQyxDQUFDO0lBQ0Q7O09BRUc7SUFDSCxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLEtBQUssSUFBSSxDQUFDO0lBQ2xELENBQUM7SUFFRCxjQUFjO0lBQ2QsSUFDWSxTQUFTO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBS0QsY0FBYztJQUVkLE9BQU87UUFDSCxJQUFJLENBQUMsa0JBQWtCLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQVNELGNBQWM7SUFDZCxRQUFRO1FBQ0osSUFBSSxDQUFDLGdCQUFnQixFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxLQUFLO1FBQ0QsNkZBQTZGO1FBQzdGLHlEQUF5RDtRQUN6RCxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxXQUFXO1lBQ2pDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUU7WUFDbkMsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVc7Z0JBQzdELENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUU7Z0JBQ3pELENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsWUFBWSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0UsQ0FBQzs7d0hBakVRLDJCQUEyQixtRkE2Q0Esb0JBQW9COzRHQTdDL0MsMkJBQTJCLDJOQVB6QjtRQUNQO1lBQ0ksT0FBTyxFQUFFLGdCQUFnQjtZQUN6QixXQUFXLEVBQUUsMkJBQTJCO1NBQzNDO0tBQ0o7MkZBRVEsMkJBQTJCO2tCQVR2QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFNBQVMsRUFBRTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsZ0JBQWdCOzRCQUN6QixXQUFXLDZCQUE2Qjt5QkFDM0M7cUJBQ0o7aUJBQ0o7OzBCQThDUSxRQUFROzswQkFBSSxRQUFROzswQkFBSSxNQUFNOzJCQUFDLG9CQUFvQjs0Q0ExQ3hELFNBQVM7c0JBRFIsS0FBSztnQkFLRixlQUFlO3NCQURsQixLQUFLO2dCQXNCTSxTQUFTO3NCQURwQixXQUFXO3VCQUFDLGVBQWU7Z0JBVTVCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBPcHRpb25hbCxcbiAgICBTa2lwU2VsZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE92ZXJmbG93SXRlbVJlZiB9IGZyb20gJy4uL2ludGVyZmFjZXMvb3ZlcmZsb3ctaXRlbS1yZWYuaW50ZXJmYWNlJztcbmltcG9ydCB7IE92ZXJmbG93SXRlbSB9IGZyb20gJy4uL2ludGVyZmFjZXMvb3ZlcmZsb3ctaXRlbS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgT3ZlcmZsb3dMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuLi9vdmVyZmxvdy1sYXlvdXQuY29tcG9uZW50JztcbmltcG9ydCB7IEZEX09WRVJGTE9XX0lURU1fUkVGIH0gZnJvbSAnLi4vdG9rZW5zL292ZXJmbG93LWl0ZW0tcmVmLnRva2VuJztcbmltcG9ydCB7IEZEX09WRVJGTE9XX0lURU0gfSBmcm9tICcuLi90b2tlbnMvb3ZlcmZsb3ctaXRlbS50b2tlbic7XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIG1hcmsgZWxlbWVudCBhcyBwYXJ0IG9mIGZvciBPdmVyZmxvdyBMYXlvdXQgQ29tcG9uZW50IGl0ZW1zLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tmZE92ZXJmbG93TGF5b3V0SXRlbV0nLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBGRF9PVkVSRkxPV19JVEVNLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IE92ZXJmbG93TGF5b3V0SXRlbURpcmVjdGl2ZVxuICAgICAgICB9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBPdmVyZmxvd0xheW91dEl0ZW1EaXJlY3RpdmUgaW1wbGVtZW50cyBPdmVyZmxvd0l0ZW0sIE9uSW5pdCB7XG4gICAgLyoqIFdoZXRoZXIgdGhlIGl0ZW0gc2hvdWxkIGJlIGZvY3VzYWJsZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGZvY3VzYWJsZSA9IGZhbHNlO1xuXG4gICAgLyoqIFdoZXRoZXIgdG8gZm9yY2UgdGhlIHZpc2liaWxpdHkgb2YgdGhlIGl0ZW0uICovXG4gICAgQElucHV0KClcbiAgICBzZXQgZm9yY2VWaXNpYmlsaXR5KHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIGlmICh2YWx1ZSA9PT0gdGhpcy5fZm9yY2VWaXNpYmlsaXR5KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl9mb3JjZVZpc2liaWxpdHkgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5fb3ZlcmZsb3dDb250YWluZXIudHJpZ2dlclJlY2FsY3VsYXRpb24oKTtcbiAgICB9XG5cbiAgICBnZXQgZm9yY2VWaXNpYmlsaXR5KCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZm9yY2VWaXNpYmlsaXR5O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBXaGV0aGVyIHRoZSBpdGVtIGlzIGhpZGRlbi5cbiAgICAgKi9cbiAgICBnZXQgaGlkZGVuKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fb3ZlcmZsb3dJdGVtUmVmPy5oaWRkZW4gPT09IHRydWU7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKVxuICAgIHByaXZhdGUgZ2V0IF90YWJpbmRleCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5mb2N1c2FibGUgPyAwIDogLTE7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9mb3JjZVZpc2liaWxpdHkgPSBmYWxzZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQEhvc3RMaXN0ZW5lcignZm9jdXMnKVxuICAgIG9uRm9jdXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX292ZXJmbG93Q29udGFpbmVyLnNldEZvY3VzZWRFbGVtZW50KHRoaXMpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgX292ZXJmbG93Q29udGFpbmVyOiBPdmVyZmxvd0xheW91dENvbXBvbmVudCxcbiAgICAgICAgcHVibGljIGVsbVJlZjogRWxlbWVudFJlZixcbiAgICAgICAgQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgQEluamVjdChGRF9PVkVSRkxPV19JVEVNX1JFRikgcHJpdmF0ZSBfb3ZlcmZsb3dJdGVtUmVmOiBPdmVyZmxvd0l0ZW1SZWYgfCBudWxsXG4gICAgKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fb3ZlcmZsb3dJdGVtUmVmPy5zZXRFbGVtZW50UmVmKHRoaXMuZWxtUmVmKTtcbiAgICAgICAgdGhpcy5fb3ZlcmZsb3dJdGVtUmVmPy5zZXRPdmVyZmxvd0l0ZW0odGhpcyk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogRm9jdXNlcyBjb25uZWN0ZWQgdG8gdGhlIERPTSBlbGVtZW50LlxuICAgICAqL1xuICAgIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICAvLyBTaW5jZSB3ZSB1c2UgZGV0YWNoKCkgbWV0aG9kIG9mIFZpZXdDb250YWluZXJSZWYgdG8gcmVtb3ZlIGVsZW1lbnRzIGZyb20gdGhlIHZpc2libGUgbGlzdCxcbiAgICAgICAgLy8gd2UgbmVlZCB0byBjaGVjayB0aGF0IGVsZW1lbnQgaXMgY29ubmVjdGVkIHRvIHRoZSBET00uXG4gICAgICAgIHRoaXMuZWxtUmVmLm5hdGl2ZUVsZW1lbnQuaXNDb25uZWN0ZWRcbiAgICAgICAgICAgID8gdGhpcy5lbG1SZWYubmF0aXZlRWxlbWVudC5mb2N1cygpXG4gICAgICAgICAgICA6IHRoaXMuX292ZXJmbG93SXRlbVJlZj8uZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlzQ29ubmVjdGVkXG4gICAgICAgICAgICA/IHRoaXMuX292ZXJmbG93SXRlbVJlZj8uZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmZvY3VzKClcbiAgICAgICAgICAgIDogdGhpcy5fb3ZlcmZsb3dJdGVtUmVmPy5vdmVyZmxvd0l0ZW0uZWxtUmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { FocusKeyManager } from '@angular/cdk/a11y';
|
|
2
|
+
import { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB, UP_ARROW } from '@angular/cdk/keycodes';
|
|
3
|
+
import { Directive, HostBinding, HostListener, Inject, Input } from '@angular/core';
|
|
4
|
+
import { KeyUtil } from '@fundamental-ngx/core/utils';
|
|
5
|
+
import { FD_OVERFLOW_CONTAINER } from '../tokens/overflow-container.token';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Directive to wrap Overlay Layout "More" popover content.
|
|
9
|
+
* Used to apply keyboard navigation through the items.
|
|
10
|
+
*/
|
|
11
|
+
export class OverflowLayoutPopoverContentDirective {
|
|
12
|
+
/** @hidden */
|
|
13
|
+
constructor(_overflowContainer) {
|
|
14
|
+
this._overflowContainer = _overflowContainer;
|
|
15
|
+
/** @hidden */
|
|
16
|
+
this._initialClass = 'fd-overflow-layout__popover-container';
|
|
17
|
+
this._overflowContainer?.registerPopoverContent(this);
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Array of hidden items.
|
|
21
|
+
*/
|
|
22
|
+
set items(value) {
|
|
23
|
+
this._items = value;
|
|
24
|
+
this._keyboardEventsManager = new FocusKeyManager(this._items.filter((item) => item.overflowItem.focusable).map((item) => item.overflowItem))
|
|
25
|
+
.withWrap()
|
|
26
|
+
.withHorizontalOrientation('ltr');
|
|
27
|
+
}
|
|
28
|
+
/** @hidden */
|
|
29
|
+
keyUpHandler(event) {
|
|
30
|
+
if (KeyUtil.isKeyCode(event, TAB)) {
|
|
31
|
+
const index = this._items.findIndex((item) => item.elementRef.nativeElement === event.target);
|
|
32
|
+
if (index !== -1) {
|
|
33
|
+
this._keyboardEventsManager.setActiveItem(index);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
// passing the event to key manager, so we get a change fired
|
|
39
|
+
this._keyboardEventsManager.onKeydown(event);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Focuses on the first tabbable element inside directive's element.
|
|
44
|
+
*/
|
|
45
|
+
focusFirstTabbableElement() {
|
|
46
|
+
this._keyboardEventsManager.setActiveItem(0);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
OverflowLayoutPopoverContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowLayoutPopoverContentDirective, deps: [{ token: FD_OVERFLOW_CONTAINER }], target: i0.ɵɵFactoryTarget.Directive });
|
|
50
|
+
OverflowLayoutPopoverContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: OverflowLayoutPopoverContentDirective, selector: "[fdOverflowLayoutPopoverContent]", inputs: { items: "items" }, host: { listeners: { "keyup": "keyUpHandler($event)" }, properties: { "class": "this._initialClass" } }, ngImport: i0 });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: OverflowLayoutPopoverContentDirective, decorators: [{
|
|
52
|
+
type: Directive,
|
|
53
|
+
args: [{
|
|
54
|
+
selector: '[fdOverflowLayoutPopoverContent]'
|
|
55
|
+
}]
|
|
56
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
57
|
+
type: Inject,
|
|
58
|
+
args: [FD_OVERFLOW_CONTAINER]
|
|
59
|
+
}] }]; }, propDecorators: { items: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], _initialClass: [{
|
|
62
|
+
type: HostBinding,
|
|
63
|
+
args: ['class']
|
|
64
|
+
}], keyUpHandler: [{
|
|
65
|
+
type: HostListener,
|
|
66
|
+
args: ['keyup', ['$event']]
|
|
67
|
+
}] } });
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctbGF5b3V0LXBvcG92ZXItY29udGVudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9vdmVyZmxvdy1sYXlvdXQvZGlyZWN0aXZlcy9vdmVyZmxvdy1sYXlvdXQtcG9wb3Zlci1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRixPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFLdEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBRTNFOzs7R0FHRztBQUlILE1BQU0sT0FBTyxxQ0FBcUM7SUF3QjlDLGNBQWM7SUFDZCxZQUFtRCxrQkFBcUM7UUFBckMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQUx4RixjQUFjO1FBRUcsa0JBQWEsR0FBRyx1Q0FBdUMsQ0FBQztRQUlyRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQTFCRDs7T0FFRztJQUNILElBQ0ksS0FBSyxDQUFDLEtBQXdCO1FBQzlCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLGVBQWUsQ0FDN0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQzdGO2FBQ0ksUUFBUSxFQUFFO2FBQ1YseUJBQXlCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQWlCRCxjQUFjO0lBRWQsWUFBWSxDQUFDLEtBQW9CO1FBQzdCLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLEVBQUU7WUFDL0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxLQUFLLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM5RixJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsRUFBRTtnQkFDZCxJQUFJLENBQUMsc0JBQXNCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ3BEO1NBQ0o7UUFFRCxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsV0FBVyxDQUFDLENBQUMsRUFBRTtZQUMzRSxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFFdkIsNkRBQTZEO1lBQzdELElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEQ7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCx5QkFBeUI7UUFDckIsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDOztrSUFwRFEscUNBQXFDLGtCQXlCMUIscUJBQXFCO3NIQXpCaEMscUNBQXFDOzJGQUFyQyxxQ0FBcUM7a0JBSGpELFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtDQUFrQztpQkFDL0M7OzBCQTBCZ0IsTUFBTTsyQkFBQyxxQkFBcUI7NENBcEJyQyxLQUFLO3NCQURSLEtBQUs7Z0JBa0JXLGFBQWE7c0JBRDdCLFdBQVc7dUJBQUMsT0FBTztnQkFVcEIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvY3VzS2V5TWFuYWdlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IERPV05fQVJST1csIExFRlRfQVJST1csIFJJR0hUX0FSUk9XLCBUQUIsIFVQX0FSUk9XIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2V5VXRpbCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5pbXBvcnQgeyBPdmVyZmxvd0NvbnRhaW5lciB9IGZyb20gJy4uL2ludGVyZmFjZXMvb3ZlcmZsb3ctY29udGFpbmVyLmludGVyZmFjZSc7XG5pbXBvcnQgeyBPdmVyZmxvd0l0ZW0gfSBmcm9tICcuLi9pbnRlcmZhY2VzL292ZXJmbG93LWl0ZW0uaW50ZXJmYWNlJztcbmltcG9ydCB7IE92ZXJmbG93UG9wb3ZlckNvbnRlbnQgfSBmcm9tICcuLi9pbnRlcmZhY2VzL292ZXJmbG93LXBvcG92ZXItY29udGVudC5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgT3ZlcmZsb3dJdGVtUmVmIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9vdmVyZmxvdy1pdGVtLXJlZi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgRkRfT1ZFUkZMT1dfQ09OVEFJTkVSIH0gZnJvbSAnLi4vdG9rZW5zL292ZXJmbG93LWNvbnRhaW5lci50b2tlbic7XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIHdyYXAgT3ZlcmxheSBMYXlvdXQgXCJNb3JlXCIgcG9wb3ZlciBjb250ZW50LlxuICogVXNlZCB0byBhcHBseSBrZXlib2FyZCBuYXZpZ2F0aW9uIHRocm91Z2ggdGhlIGl0ZW1zLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tmZE92ZXJmbG93TGF5b3V0UG9wb3ZlckNvbnRlbnRdJ1xufSlcbmV4cG9ydCBjbGFzcyBPdmVyZmxvd0xheW91dFBvcG92ZXJDb250ZW50RGlyZWN0aXZlIGltcGxlbWVudHMgT3ZlcmZsb3dQb3BvdmVyQ29udGVudCB7XG4gICAgLyoqXG4gICAgICogQXJyYXkgb2YgaGlkZGVuIGl0ZW1zLlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IGl0ZW1zKHZhbHVlOiBPdmVyZmxvd0l0ZW1SZWZbXSkge1xuICAgICAgICB0aGlzLl9pdGVtcyA9IHZhbHVlO1xuICAgICAgICB0aGlzLl9rZXlib2FyZEV2ZW50c01hbmFnZXIgPSBuZXcgRm9jdXNLZXlNYW5hZ2VyKFxuICAgICAgICAgICAgdGhpcy5faXRlbXMuZmlsdGVyKChpdGVtKSA9PiBpdGVtLm92ZXJmbG93SXRlbS5mb2N1c2FibGUpLm1hcCgoaXRlbSkgPT4gaXRlbS5vdmVyZmxvd0l0ZW0pXG4gICAgICAgIClcbiAgICAgICAgICAgIC53aXRoV3JhcCgpXG4gICAgICAgICAgICAud2l0aEhvcml6b250YWxPcmllbnRhdGlvbignbHRyJyk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9rZXlib2FyZEV2ZW50c01hbmFnZXI6IEZvY3VzS2V5TWFuYWdlcjxPdmVyZmxvd0l0ZW0+O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9pdGVtczogT3ZlcmZsb3dJdGVtUmVmW107XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2luaXRpYWxDbGFzcyA9ICdmZC1vdmVyZmxvdy1sYXlvdXRfX3BvcG92ZXItY29udGFpbmVyJztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IoQEluamVjdChGRF9PVkVSRkxPV19DT05UQUlORVIpIHByaXZhdGUgX292ZXJmbG93Q29udGFpbmVyOiBPdmVyZmxvd0NvbnRhaW5lcikge1xuICAgICAgICB0aGlzLl9vdmVyZmxvd0NvbnRhaW5lcj8ucmVnaXN0ZXJQb3BvdmVyQ29udGVudCh0aGlzKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2tleXVwJywgWyckZXZlbnQnXSlcbiAgICBrZXlVcEhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKEtleVV0aWwuaXNLZXlDb2RlKGV2ZW50LCBUQUIpKSB7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHRoaXMuX2l0ZW1zLmZpbmRJbmRleCgoaXRlbSkgPT4gaXRlbS5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQgPT09IGV2ZW50LnRhcmdldCk7XG4gICAgICAgICAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5fa2V5Ym9hcmRFdmVudHNNYW5hZ2VyLnNldEFjdGl2ZUl0ZW0oaW5kZXgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKEtleVV0aWwuaXNLZXlDb2RlKGV2ZW50LCBbRE9XTl9BUlJPVywgVVBfQVJST1csIExFRlRfQVJST1csIFJJR0hUX0FSUk9XXSkpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgIC8vIHBhc3NpbmcgdGhlIGV2ZW50IHRvIGtleSBtYW5hZ2VyLCBzbyB3ZSBnZXQgYSBjaGFuZ2UgZmlyZWRcbiAgICAgICAgICAgIHRoaXMuX2tleWJvYXJkRXZlbnRzTWFuYWdlci5vbktleWRvd24oZXZlbnQpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogRm9jdXNlcyBvbiB0aGUgZmlyc3QgdGFiYmFibGUgZWxlbWVudCBpbnNpZGUgZGlyZWN0aXZlJ3MgZWxlbWVudC5cbiAgICAgKi9cbiAgICBmb2N1c0ZpcnN0VGFiYmFibGVFbGVtZW50KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9rZXlib2FyZEV2ZW50c01hbmFnZXIuc2V0QWN0aXZlSXRlbSgwKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LWNvcmUtb3ZlcmZsb3ctbGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvb3ZlcmZsb3ctbGF5b3V0L2Z1bmRhbWVudGFsLW5neC1jb3JlLW92ZXJmbG93LWxheW91dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export * from './overflow-layout.module';
|
|
2
|
+
export * from './overflow-layout.component';
|
|
3
|
+
export * from './directives/overflow-expand.directive';
|
|
4
|
+
export * from './directives/overflow-item-ref.directive';
|
|
5
|
+
export * from './directives/overflow-layout-item.directive';
|
|
6
|
+
export * from './directives/overflow-item-container-ref.directive';
|
|
7
|
+
export * from './directives/overflow-layout-popover-content.directive';
|
|
8
|
+
export * from './interfaces/overflow-expand.interface';
|
|
9
|
+
export * from './interfaces/overflow-item-ref.interface';
|
|
10
|
+
export * from './interfaces/overflow-item.interface';
|
|
11
|
+
export * from './interfaces/overflow-popover-content.interface';
|
|
12
|
+
export * from './tokens/overflow-expand.token';
|
|
13
|
+
export * from './tokens/overflow-item-ref.token';
|
|
14
|
+
export * from './tokens/overflow-item.token';
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9vdmVyZmxvdy1sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9vdmVyZmxvdy1sYXlvdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vb3ZlcmZsb3ctbGF5b3V0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvb3ZlcmZsb3ctZXhwYW5kLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvb3ZlcmZsb3ctaXRlbS1yZWYuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy9vdmVyZmxvdy1sYXlvdXQtaXRlbS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL292ZXJmbG93LWl0ZW0tY29udGFpbmVyLXJlZi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL292ZXJmbG93LWxheW91dC1wb3BvdmVyLWNvbnRlbnQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9vdmVyZmxvdy1leHBhbmQuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9vdmVyZmxvdy1pdGVtLXJlZi5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL292ZXJmbG93LWl0ZW0uaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9vdmVyZmxvdy1wb3BvdmVyLWNvbnRlbnQuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vdG9rZW5zL292ZXJmbG93LWV4cGFuZC50b2tlbic7XG5leHBvcnQgKiBmcm9tICcuL3Rva2Vucy9vdmVyZmxvdy1pdGVtLXJlZi50b2tlbic7XG5leHBvcnQgKiBmcm9tICcuL3Rva2Vucy9vdmVyZmxvdy1pdGVtLnRva2VuJztcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctY29udGFpbmVyLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL292ZXJmbG93LWxheW91dC9pbnRlcmZhY2VzL292ZXJmbG93LWNvbnRhaW5lci5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJmbG93UG9wb3ZlckNvbnRlbnQgfSBmcm9tICcuL292ZXJmbG93LXBvcG92ZXItY29udGVudC5pbnRlcmZhY2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIE92ZXJmbG93Q29udGFpbmVyIHtcbiAgICByZWdpc3RlclBvcG92ZXJDb250ZW50KGNvbnRlbnQ6IE92ZXJmbG93UG9wb3ZlckNvbnRlbnQpOiB2b2lkO1xufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctZXhwYW5kLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL292ZXJmbG93LWxheW91dC9pbnRlcmZhY2VzL292ZXJmbG93LWV4cGFuZC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPdmVyZmxvd0l0ZW1SZWYgfSBmcm9tICcuL292ZXJmbG93LWl0ZW0tcmVmLmludGVyZmFjZSc7XG5cbmV4cG9ydCB0eXBlIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlQ29udGV4dCA9IHsgJGltcGxpY2l0OiBPdmVyZmxvd0l0ZW1SZWZbXSB9O1xuXG5leHBvcnQgaW50ZXJmYWNlIE92ZXJmbG93RXhwYW5kIHtcbiAgICAvKipcbiAgICAgKiBUZW1wbGF0ZSByZWZlcmVuY2Ugb2YgdGhlIGRpcmVjdGl2ZS5cbiAgICAgKi9cbiAgICB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8T3ZlcmZsb3dFeHBhbmREaXJlY3RpdmVDb250ZXh0Pjtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctaXRlbS1yZWYuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvb3ZlcmZsb3ctbGF5b3V0L2ludGVyZmFjZXMvb3ZlcmZsb3ctaXRlbS1yZWYuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3ZlcmZsb3dJdGVtIH0gZnJvbSAnLi9vdmVyZmxvdy1pdGVtLmludGVyZmFjZSc7XG5cbmV4cG9ydCB0eXBlIE92ZXJmbG93SXRlbURpcmVjdGl2ZUNvbnRleHQgPSB7ICRpbXBsaWNpdDogYm9vbGVhbjsgaW5kZXg6IG51bWJlciB9O1xuXG5leHBvcnQgaW50ZXJmYWNlIE92ZXJmbG93SXRlbVJlZiB7XG4gICAgLyoqXG4gICAgICogRWxlbWVudCByZWZlcmVuY2UuXG4gICAgICovXG4gICAgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG4gICAgLyoqXG4gICAgICogT3ZlcmZsb3cgaXRlbSBkaXJlY3RpdmUgaW5zdGFuY2UuXG4gICAgICovXG4gICAgb3ZlcmZsb3dJdGVtOiBPdmVyZmxvd0l0ZW07XG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgaXRlbSBpcyBoaWRkZW4uXG4gICAgICovXG4gICAgaGlkZGVuOiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqIFRoZSBpbmRleCBvZiB0aGUgaXRlbSBpbiB0aGUgYXJyYXkgb2YgaXRlbXMuXG4gICAgICovXG4gICAgaW5kZXg6IG51bWJlcjtcbiAgICAvKipcbiAgICAgKiBUZW1wbGF0ZSByZWZlcmVuY2Ugb2YgdGhlIGRpcmVjdGl2ZS5cbiAgICAgKi9cbiAgICB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8T3ZlcmZsb3dJdGVtRGlyZWN0aXZlQ29udGV4dD47XG5cbiAgICAvKipcbiAgICAgKiBTZXRzIHRoZSBlbGVtZW50IHJlZmVyZW5jZSBvZiB0aGUgZGlyZWN0aXZlLlxuICAgICAqIEBwYXJhbSBlbG1SZWYgRWxlbWVudCByZWZlcmVuY2UuXG4gICAgICovXG4gICAgc2V0RWxlbWVudFJlZihlbG1SZWY6IEVsZW1lbnRSZWYpOiB2b2lkO1xuXG4gICAgLyoqXG4gICAgICogU2V0cyB0aGUgb3ZlcmZsb3cgaXRlbSBkaXJlY3RpdmUuXG4gICAgICogQHBhcmFtIGl0ZW0gT3ZlcmZsb3cgaXRlbSBkaXJlY3RpdmUuXG4gICAgICovXG4gICAgc2V0T3ZlcmZsb3dJdGVtKGl0ZW06IE92ZXJmbG93SXRlbSk6IHZvaWQ7XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctaXRlbS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9vdmVyZmxvdy1sYXlvdXQvaW50ZXJmYWNlcy9vdmVyZmxvdy1pdGVtLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9jdXNhYmxlT3B0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIE92ZXJmbG93SXRlbSBleHRlbmRzIEZvY3VzYWJsZU9wdGlvbiB7XG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgaXRlbSBpcyBmb2N1c2FibGUuXG4gICAgICovXG4gICAgZm9jdXNhYmxlOiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdG8gZW5mb3JjZSB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgaXRlbS5cbiAgICAgKi9cbiAgICBmb3JjZVZpc2liaWxpdHk6IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogRWxlbWVudCByZWZlcmVuY2UuXG4gICAgICovXG4gICAgZWxtUmVmOiBFbGVtZW50UmVmO1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIGl0ZW0gaXMgaGlkZGVuLlxuICAgICAqL1xuICAgIGhpZGRlbjogYm9vbGVhbjtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctcG9wb3Zlci1jb250ZW50LmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL292ZXJmbG93LWxheW91dC9pbnRlcmZhY2VzL292ZXJmbG93LXBvcG92ZXItY29udGVudC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJmbG93SXRlbVJlZiB9IGZyb20gJy4uL2ludGVyZmFjZXMvb3ZlcmZsb3ctaXRlbS1yZWYuaW50ZXJmYWNlJztcblxuZXhwb3J0IGludGVyZmFjZSBPdmVyZmxvd1BvcG92ZXJDb250ZW50IHtcbiAgICAvKipcbiAgICAgKiBBcnJheSBvZiBoaWRkZW4gaXRlbXMuXG4gICAgICovXG4gICAgaXRlbXM6IE92ZXJmbG93SXRlbVJlZltdO1xuXG4gICAgLyoqXG4gICAgICogRm9jdXNlcyB0aGUgZmlyc3QgZm9jdXNhYmxlIGl0ZW0gaW4gdGhlIGNvbnRhaW5lci5cbiAgICAgKi9cbiAgICBmb2N1c0ZpcnN0VGFiYmFibGVFbGVtZW50KCk6IHZvaWQ7XG59XG4iXX0=
|