@ember-eui/core 8.0.21 → 8.0.22
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/declarations/components/eui-collapsible-nav.d.ts +1 -1
- package/declarations/components/eui-flyout.d.ts +1 -1
- package/declarations/components/eui-popover.d.ts +12 -1
- package/declarations/components/eui-popover.d.ts.map +1 -1
- package/declarations/components/eui-portal.d.ts +6 -2
- package/declarations/components/eui-portal.d.ts.map +1 -1
- package/declarations/utils/popover/index.d.ts +2 -1
- package/declarations/utils/popover/index.d.ts.map +1 -1
- package/dist/components/eui-popover.js +40 -7
- package/dist/components/eui-popover.js.map +1 -1
- package/dist/components/eui-portal.js +14 -12
- package/dist/components/eui-portal.js.map +1 -1
- package/dist/utils/popover/index.js +14 -0
- package/dist/utils/popover/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -55,7 +55,7 @@ export default class EuiCollapsibleNavComponent extends Component<EuiCollapsible
|
|
|
55
55
|
get showButtonIfDocked(): boolean;
|
|
56
56
|
get as(): string;
|
|
57
57
|
get size(): string | number;
|
|
58
|
-
get side(): "
|
|
58
|
+
get side(): "right" | "left";
|
|
59
59
|
get role(): string | null;
|
|
60
60
|
get ownFocus(): boolean;
|
|
61
61
|
get outsideClickCloses(): boolean;
|
|
@@ -64,7 +64,7 @@ export default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {
|
|
|
64
64
|
get hideCloseButton(): boolean;
|
|
65
65
|
get closeButtonPosition(): "outside" | "inside";
|
|
66
66
|
get ownFocus(): boolean;
|
|
67
|
-
get side(): "
|
|
67
|
+
get side(): "right" | "left";
|
|
68
68
|
get size(): string | number;
|
|
69
69
|
get paddingSize(): string;
|
|
70
70
|
get maxWidth(): number | boolean;
|
|
@@ -82,6 +82,10 @@ export type EuiPopoverArgs = {
|
|
|
82
82
|
};
|
|
83
83
|
panelRef?: (e: HTMLElement | null) => unknown;
|
|
84
84
|
popoverRef?: (e: HTMLElement) => unknown;
|
|
85
|
+
/**
|
|
86
|
+
* when not `false`, the popover will check if this popover is inside another popover and if so. will reposition itself to be inside the other popover
|
|
87
|
+
*/
|
|
88
|
+
shouldAccountForOtherPopovers?: boolean;
|
|
85
89
|
/**
|
|
86
90
|
* When `true`, the popover's position is re-calculated when the user
|
|
87
91
|
* scrolls, this supports having fixed-position popover anchors
|
|
@@ -173,6 +177,7 @@ export default class EuiPopoverComponent extends Component<EuiPopoverSignature>
|
|
|
173
177
|
openPosition: EuiPopoverPosition | null;
|
|
174
178
|
isOpenStable: boolean;
|
|
175
179
|
isCurrentlyOpen: boolean | undefined;
|
|
180
|
+
popoverHost?: HTMLElement | null;
|
|
176
181
|
private respositionTimeout;
|
|
177
182
|
private closingTransitionTimeout;
|
|
178
183
|
private closingTransitionAnimationFrame;
|
|
@@ -181,13 +186,19 @@ export default class EuiPopoverComponent extends Component<EuiPopoverSignature>
|
|
|
181
186
|
button: HTMLElement | null;
|
|
182
187
|
panel: HTMLElement | null;
|
|
183
188
|
constructor(owner: unknown, args: EuiPopoverArgs);
|
|
189
|
+
get insert(): {
|
|
190
|
+
sibling: HTMLElement;
|
|
191
|
+
position: string;
|
|
192
|
+
} | undefined;
|
|
184
193
|
closePopover(): void;
|
|
185
194
|
onEscapeKey(event: Event, ekEvent?: EmberKeyboardEvent): void;
|
|
186
195
|
onKeyDown(event: KeyboardEvent, ekEvent: EmberKeyboardEvent): void;
|
|
187
196
|
onClickOutside(event: Event): void;
|
|
188
197
|
updateFocus(): void;
|
|
189
198
|
onOpenPopover(): void;
|
|
190
|
-
|
|
199
|
+
get shouldAccountForOtherPopovers(): boolean;
|
|
200
|
+
checkIfPopoverIsInsideAnotherPopover(ele: HTMLElement): void;
|
|
201
|
+
didInsertPopover(ele: HTMLDivElement): void;
|
|
191
202
|
didUpdateRepositionOnScroll(): void;
|
|
192
203
|
didUpdateIsOpen(): void;
|
|
193
204
|
willDestroy(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-popover.d.ts","sourceRoot":"","sources":["../../src/components/eui-popover.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAS3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAiB3C,OAAO,EAEL,cAAc,EACf,MAAM,mCAAmC,CAAC;AAU3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,KAAK,gBAAgB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAC7B,UAAU,GACV,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,aAAa,GACb,SAAS,GACT,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC;IAC3C;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,WAAW,CAAC;QACrB,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC;KAC9B,CAAC;IACF;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"eui-popover.d.ts","sourceRoot":"","sources":["../../src/components/eui-popover.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,14 +5,14 @@ interface InsertPositionsMap {
|
|
|
5
5
|
export declare const insertPositions: InsertPositionsMap;
|
|
6
6
|
export declare const INSERT_POSITIONS: EuiPortalInsertPosition[];
|
|
7
7
|
type EuiPortalInsertPosition = keyof typeof insertPositions;
|
|
8
|
-
interface EuiPortalArgs {
|
|
8
|
+
export interface EuiPortalArgs {
|
|
9
9
|
insert?: {
|
|
10
10
|
sibling: HTMLElement;
|
|
11
11
|
position: EuiPortalInsertPosition;
|
|
12
12
|
};
|
|
13
13
|
portalRef?: (ref: HTMLDivElement | null) => void;
|
|
14
14
|
}
|
|
15
|
-
interface EuiPortalSignature {
|
|
15
|
+
export interface EuiPortalSignature {
|
|
16
16
|
Args: EuiPortalArgs;
|
|
17
17
|
Element: HTMLDivElement;
|
|
18
18
|
Blocks: {
|
|
@@ -21,6 +21,10 @@ interface EuiPortalSignature {
|
|
|
21
21
|
}
|
|
22
22
|
export default class EuiPortal extends Component<EuiPortalSignature> {
|
|
23
23
|
portalNode: HTMLElement;
|
|
24
|
+
get insert(): {
|
|
25
|
+
sibling: HTMLElement;
|
|
26
|
+
position: string | number;
|
|
27
|
+
};
|
|
24
28
|
constructor(owner: unknown, args: EuiPortalArgs);
|
|
25
29
|
willDestroy(): void;
|
|
26
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-portal.d.ts","sourceRoot":"","sources":["../../src/components/eui-portal.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,UAAU,kBAAkB;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,kBAG7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,uBAAuB,EAC7B,CAAC;AAE1B,KAAK,uBAAuB,GAAG,MAAM,OAAO,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"eui-portal.d.ts","sourceRoot":"","sources":["../../src/components/eui-portal.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,UAAU,kBAAkB;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,kBAG7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,uBAAuB,EAC7B,CAAC;AAE1B,KAAK,uBAAuB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,uBAAuB,CAAA;KAAE,CAAC;IACrE,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACzD,UAAU,EAAG,WAAW,CAAC;IAElC,IAAI,MAAM;;;MAET;gBAEW,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa;IAiB/C,WAAW,IAAI,IAAI;CAqBpB"}
|
|
@@ -14,6 +14,7 @@ export interface EuiClientRect extends BoundingBox {
|
|
|
14
14
|
interface FindPopoverPositionArgs {
|
|
15
15
|
anchor: HTMLElement;
|
|
16
16
|
popover: HTMLElement;
|
|
17
|
+
host?: HTMLElement | null;
|
|
17
18
|
align?: EuiPopoverPosition;
|
|
18
19
|
position: EuiPopoverPosition;
|
|
19
20
|
forcePosition?: boolean;
|
|
@@ -58,7 +59,7 @@ interface FindPopoverPositionResult {
|
|
|
58
59
|
* popover, and the placement's relation to the anchor or undefined
|
|
59
60
|
* there's no room.
|
|
60
61
|
*/
|
|
61
|
-
export declare function findPopoverPosition({ anchor, popover, align, position, forcePosition, buffer, offset, allowCrossAxis, container, arrowConfig, returnBoundingBox }: FindPopoverPositionArgs): FindPopoverPositionResult;
|
|
62
|
+
export declare function findPopoverPosition({ anchor, popover, align, position, forcePosition, host, buffer, offset, allowCrossAxis, container, arrowConfig, returnBoundingBox }: FindPopoverPositionArgs): FindPopoverPositionResult;
|
|
62
63
|
interface GetPopoverScreenCoordinatesArgs {
|
|
63
64
|
position: EuiPopoverPosition;
|
|
64
65
|
align?: EuiPopoverPosition;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/popover/index.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,eAAO,MAAM,SAAS,EAAE,kBAAkB,EAKzC,CAAC;AAEF,UAAU,WAAW;IACnB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAoCD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,yBAAyB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,iBAAiB,CAAC,EAAE,aAAa,CAAC;CACnC;AAcD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,MAAW,EACX,MAAU,EACV,cAAqB,EACrB,SAAS,EACT,WAAW,EACX,iBAAiB,EAClB,EAAE,uBAAuB,GAAG,yBAAyB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/popover/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ import { getTransitionTimings, getWaitDuration, performOnFrame } from '../utils/
|
|
|
30
30
|
import EuiPanel from './eui-panel.js';
|
|
31
31
|
import EuiPortal from './eui-portal.js';
|
|
32
32
|
|
|
33
|
-
var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13, _descriptor14, _descriptor15, _descriptor16, _descriptor17, _descriptor18, _descriptor19, _descriptor20;
|
|
33
|
+
var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13, _descriptor14, _descriptor15, _descriptor16, _descriptor17, _descriptor18, _descriptor19, _descriptor20, _descriptor21;
|
|
34
34
|
const anchorPositionToPopoverPositionMap = {
|
|
35
35
|
up: 'top',
|
|
36
36
|
right: 'right',
|
|
@@ -130,7 +130,7 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
|
|
|
130
130
|
(or this.isCurrentlyOpen this.isClosing)
|
|
131
131
|
)
|
|
132
132
|
}}
|
|
133
|
-
<EuiPortal @insert={{
|
|
133
|
+
<EuiPortal @insert={{this.insert}}>
|
|
134
134
|
{{#let (randomId) as |panelId|}}
|
|
135
135
|
<EuiPanel
|
|
136
136
|
id={{panelId}}
|
|
@@ -252,19 +252,34 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
|
|
|
252
252
|
_initializerDefineProperty(this, "openPosition", _descriptor16, this);
|
|
253
253
|
_initializerDefineProperty(this, "isOpenStable", _descriptor17, this);
|
|
254
254
|
_initializerDefineProperty(this, "isCurrentlyOpen", _descriptor18, this);
|
|
255
|
+
_initializerDefineProperty(this, "popoverHost", _descriptor19, this);
|
|
255
256
|
///
|
|
256
257
|
_defineProperty(this, "respositionTimeout", null);
|
|
257
258
|
_defineProperty(this, "closingTransitionTimeout", null);
|
|
258
259
|
_defineProperty(this, "closingTransitionAnimationFrame", void 0);
|
|
259
260
|
_defineProperty(this, "updateFocusAnimationFrame", void 0);
|
|
260
261
|
_defineProperty(this, "hasSetInitialFocus", false);
|
|
261
|
-
_initializerDefineProperty(this, "button",
|
|
262
|
-
_initializerDefineProperty(this, "panel",
|
|
262
|
+
_initializerDefineProperty(this, "button", _descriptor20, this);
|
|
263
|
+
_initializerDefineProperty(this, "panel", _descriptor21, this);
|
|
263
264
|
assert(`Must provide closePopover function`, this.args.closePopover);
|
|
264
265
|
this.prevIsOpen = this.isOpen;
|
|
265
266
|
this.suppressingPopover = this.isOpen;
|
|
266
267
|
this.isCurrentlyOpen = this.isOpen;
|
|
267
268
|
}
|
|
269
|
+
get insert() {
|
|
270
|
+
if (this.args.insert) {
|
|
271
|
+
return this.args.insert;
|
|
272
|
+
}
|
|
273
|
+
if (this.shouldAccountForOtherPopovers) {
|
|
274
|
+
if (this.popoverHost) {
|
|
275
|
+
return {
|
|
276
|
+
sibling: this.popoverHost.children[0],
|
|
277
|
+
position: 'after'
|
|
278
|
+
};
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
return undefined;
|
|
282
|
+
}
|
|
268
283
|
closePopover() {
|
|
269
284
|
if (this.isOpen) {
|
|
270
285
|
this.args.closePopover();
|
|
@@ -381,7 +396,14 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
|
|
|
381
396
|
scheduleOnce('afterRender', this, fn);
|
|
382
397
|
}, durationMatch + delayMatch);
|
|
383
398
|
}
|
|
384
|
-
|
|
399
|
+
get shouldAccountForOtherPopovers() {
|
|
400
|
+
return this.args.shouldAccountForOtherPopovers ?? true;
|
|
401
|
+
}
|
|
402
|
+
checkIfPopoverIsInsideAnotherPopover(ele) {
|
|
403
|
+
const otherPopover = ele.closest('div.euiPopover__panel');
|
|
404
|
+
this.popoverHost = otherPopover;
|
|
405
|
+
}
|
|
406
|
+
didInsertPopover(ele) {
|
|
385
407
|
if (this.suppressingPopover) {
|
|
386
408
|
// component was created with isOpen=true; now that it's inserted
|
|
387
409
|
// stop suppressing and start opening
|
|
@@ -393,6 +415,9 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
|
|
|
393
415
|
if (this.args.repositionOnScroll) {
|
|
394
416
|
window.addEventListener('scroll', this.positionPopoverFixed, true);
|
|
395
417
|
}
|
|
418
|
+
if (this.shouldAccountForOtherPopovers) {
|
|
419
|
+
this.checkIfPopoverIsInsideAnotherPopover(ele);
|
|
420
|
+
}
|
|
396
421
|
this.updateFocus();
|
|
397
422
|
}
|
|
398
423
|
didUpdateRepositionOnScroll() {
|
|
@@ -447,6 +472,7 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
|
|
|
447
472
|
anchorBoundingBox
|
|
448
473
|
} = findPopoverPosition({
|
|
449
474
|
container: this.args.container,
|
|
475
|
+
host: this.shouldAccountForOtherPopovers ? this.popoverHost : null,
|
|
450
476
|
position,
|
|
451
477
|
forcePosition,
|
|
452
478
|
align: getPopoverAlignFromAnchorPosition(this.anchorPosition),
|
|
@@ -638,14 +664,21 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
|
|
|
638
664
|
enumerable: true,
|
|
639
665
|
writable: true,
|
|
640
666
|
initializer: null
|
|
641
|
-
}), _descriptor19 = _applyDecoratedDescriptor(_class.prototype, "
|
|
667
|
+
}), _descriptor19 = _applyDecoratedDescriptor(_class.prototype, "popoverHost", [tracked], {
|
|
668
|
+
configurable: true,
|
|
669
|
+
enumerable: true,
|
|
670
|
+
writable: true,
|
|
671
|
+
initializer: function () {
|
|
672
|
+
return null;
|
|
673
|
+
}
|
|
674
|
+
}), _descriptor20 = _applyDecoratedDescriptor(_class.prototype, "button", [tracked], {
|
|
642
675
|
configurable: true,
|
|
643
676
|
enumerable: true,
|
|
644
677
|
writable: true,
|
|
645
678
|
initializer: function () {
|
|
646
679
|
return null;
|
|
647
680
|
}
|
|
648
|
-
}),
|
|
681
|
+
}), _descriptor21 = _applyDecoratedDescriptor(_class.prototype, "panel", [tracked], {
|
|
649
682
|
configurable: true,
|
|
650
683
|
enumerable: true,
|
|
651
684
|
writable: true,
|