@skyux/flyout 12.22.0 → 13.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-flyout-testing.mjs.map +1 -1
- package/fesm2022/skyux-flyout.mjs +23 -23
- package/fesm2022/skyux-flyout.mjs.map +1 -1
- package/index.d.ts +362 -11
- package/package.json +11 -11
- package/testing/index.d.ts +68 -3
- package/lib/modules/flyout/flyout-adapter.service.d.ts +0 -14
- package/lib/modules/flyout/flyout-instance.d.ts +0 -61
- package/lib/modules/flyout/flyout-iterator.component.d.ts +0 -17
- package/lib/modules/flyout/flyout.component.d.ts +0 -63
- package/lib/modules/flyout/flyout.module.d.ts +0 -7
- package/lib/modules/flyout/flyout.service.d.ts +0 -43
- package/lib/modules/flyout/types/flyout-action.d.ts +0 -14
- package/lib/modules/flyout/types/flyout-before-close-handler.d.ts +0 -10
- package/lib/modules/flyout/types/flyout-close-args.d.ts +0 -9
- package/lib/modules/flyout/types/flyout-config-internal.d.ts +0 -26
- package/lib/modules/flyout/types/flyout-config.d.ts +0 -95
- package/lib/modules/flyout/types/flyout-message-type.d.ts +0 -11
- package/lib/modules/flyout/types/flyout-message.d.ts +0 -10
- package/lib/modules/flyout/types/flyout-permalink.d.ts +0 -21
- package/lib/modules/shared/sky-flyout-resources.module.d.ts +0 -10
- package/testing/modules/flyout/flyout-harness.d.ts +0 -67
- package/testing/modules/flyout/flyout-iterator-harness.d.ts +0 -20
- package/testing/public-api.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-flyout-testing.mjs","sources":["../../../../../libs/components/flyout/testing/src/modules/flyout/flyout-iterator-harness.ts","../../../../../libs/components/flyout/testing/src/modules/flyout/flyout-harness.ts","../../../../../libs/components/flyout/testing/src/skyux-flyout-testing.ts"],"sourcesContent":["import { ComponentHarness, TestElement } from '@angular/cdk/testing';\n\n/**\n * Harness for interacting with a flyout iterator component in tests.\n * @internal\n */\nexport class SkyFlyoutIteratorHarness extends ComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-flyout-iterator';\n\n #getNextButton = this.locatorFor('.sky-flyout-iterator-next');\n #getPreviousButton = this.locatorFor('.sky-flyout-iterator-previous');\n\n /**\n * Clicks the next button.\n */\n public async clickNextButton(): Promise<void> {\n const button = await this.#getNextButton();\n if (await this.#buttonIsDisabled(button)) {\n throw new Error(\n 'Could not click the next iterator because it is disabled.',\n );\n }\n await button.click();\n }\n\n /**\n * Clicks the previous button.\n */\n public async clickPreviousButton(): Promise<void> {\n const button = await this.#getPreviousButton();\n if (await this.#buttonIsDisabled(button)) {\n throw new Error(\n 'Could not click the previous iterator because it is disabled.',\n );\n }\n await button.click();\n }\n\n async #buttonIsDisabled(button: TestElement): Promise<boolean> {\n const disabled = await button.getAttribute('disabled');\n return disabled !== null;\n }\n}\n","import { TestElement } from '@angular/cdk/testing';\nimport { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\nimport { SkyFlyoutIteratorHarness } from './flyout-iterator-harness';\n\n/**\n * Harness for interacting with a flyout component in tests.\n */\nexport class SkyFlyoutHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-flyout';\n\n #getFlyout = this.locatorFor('.sky-flyout');\n\n /**\n * Clicks the flyout's next iterator button.\n */\n public async clickNextIteratorButton(): Promise<void> {\n const iterator = await this.#getIterator();\n\n await iterator.clickNextButton();\n }\n\n /**\n * Clicks the flyout's previous iterator button.\n */\n public async clickPreviousIteratorButton(): Promise<void> {\n const iterator = await this.#getIterator();\n\n await iterator.clickPreviousButton();\n }\n\n /**\n * Clicks the flyout's primary action button.\n */\n public async clickPrimaryActionButton(): Promise<void> {\n const primaryAction = await this.#getPrimaryAction();\n\n await primaryAction.click();\n }\n\n /**\n * Clicks the flyout's close button.\n */\n public async closeFlyout(): Promise<void> {\n const closeButton = await this.locatorFor('.sky-flyout-btn-close')();\n await closeButton.click();\n }\n\n /**\n * Gets the flyout's aria-describedby attribute.\n */\n public async getAriaDescribedBy(): Promise<string | null> {\n return await (await this.#getFlyout()).getAttribute('aria-describedby');\n }\n\n /**\n * Gets the flyout's aria-label attribute.\n */\n public async getAriaLabel(): Promise<string | null> {\n return await (await this.#getFlyout()).getAttribute('aria-label');\n }\n\n /**\n * Gets the flyout's aria-labelledby attribute.\n */\n public async getAriaLabelledBy(): Promise<string | null> {\n return await (await this.#getFlyout()).getAttribute('aria-labelledby');\n }\n\n /**\n * Gets the flyout's ARIA role.\n */\n public async getAriaRole(): Promise<string | null> {\n return await (await this.#getFlyout()).getAttribute('role');\n }\n\n /**\n * Gets the flyout's maximum width.\n */\n public async getFlyoutMaxWidth(): Promise<number> {\n const resizeHandle = await this.locatorFor('.sky-flyout-resize-handle')();\n const currentWidthAttr = (await resizeHandle.getAttribute(\n 'aria-valuemax',\n )) as string;\n return parseInt(currentWidthAttr);\n }\n\n /**\n * Gets the flyout's minimum width.\n */\n public async getFlyoutMinWidth(): Promise<number> {\n const resizeHandle = await this.locatorFor('.sky-flyout-resize-handle')();\n const currentWidthAttr = (await resizeHandle.getAttribute(\n 'aria-valuemin',\n )) as string;\n return parseInt(currentWidthAttr);\n }\n\n /**\n * Gets the flyout's current width.\n */\n public async getFlyoutWidth(): Promise<number> {\n const resizeHandle = await this.locatorFor('.sky-flyout-resize-handle')();\n const currentWidthAttr = (await resizeHandle.getAttribute(\n 'aria-valuenow',\n )) as string;\n return parseInt(currentWidthAttr);\n }\n\n /**\n * Gets the label for the flyout's permalink button.\n */\n public async getPermalinkButtonLabel(): Promise<string> {\n const permalink = await this.#getPermalink();\n\n return await permalink.text();\n }\n\n /**\n * Gets the route for the flyout's permalink button.\n */\n public async getPermalinkButtonRoute(): Promise<string | null> {\n const permalink = await this.#getPermalink();\n\n return await permalink.getAttribute('href');\n }\n\n /**\n * Gets the label for the flyout's primary action button.\n */\n public async getPrimaryActionButtonLabel(): Promise<string> {\n const primaryAction = await this.#getPrimaryAction();\n\n return await primaryAction.text();\n }\n\n async #getIterator(): Promise<SkyFlyoutIteratorHarness> {\n const iterator = await this.locatorForOptional(SkyFlyoutIteratorHarness)();\n\n if (iterator === null) {\n throw new Error('Could not find iterator buttons.');\n }\n\n return iterator;\n }\n\n async #getPermalink(): Promise<TestElement> {\n const permalink = await this.locatorForOptional(\n '.sky-flyout-btn-permalink',\n )();\n\n if (permalink === null) {\n throw new Error('Could not find permalink button.');\n }\n\n return permalink;\n }\n\n async #getPrimaryAction(): Promise<TestElement> {\n const primaryAction = await this.locatorForOptional(\n '.sky-flyout-btn-primary-action',\n )();\n\n if (primaryAction === null) {\n throw new Error('Could not find primary action button.');\n }\n\n return primaryAction;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"skyux-flyout-testing.mjs","sources":["../tmp-esm2022/testing/modules/flyout/flyout-iterator-harness.js","../tmp-esm2022/testing/modules/flyout/flyout-harness.js","../tmp-esm2022/testing/skyux-flyout-testing.js"],"sourcesContent":["import { ComponentHarness } from '@angular/cdk/testing';\n/**\n * Harness for interacting with a flyout iterator component in tests.\n * @internal\n */\nexport class SkyFlyoutIteratorHarness extends ComponentHarness {\n /**\n * @internal\n */\n static { this.hostSelector = 'sky-flyout-iterator'; }\n #getNextButton = this.locatorFor('.sky-flyout-iterator-next');\n #getPreviousButton = this.locatorFor('.sky-flyout-iterator-previous');\n /**\n * Clicks the next button.\n */\n async clickNextButton() {\n const button = await this.#getNextButton();\n if (await this.#buttonIsDisabled(button)) {\n throw new Error('Could not click the next iterator because it is disabled.');\n }\n await button.click();\n }\n /**\n * Clicks the previous button.\n */\n async clickPreviousButton() {\n const button = await this.#getPreviousButton();\n if (await this.#buttonIsDisabled(button)) {\n throw new Error('Could not click the previous iterator because it is disabled.');\n }\n await button.click();\n }\n async #buttonIsDisabled(button) {\n const disabled = await button.getAttribute('disabled');\n return disabled !== null;\n }\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5b3V0LWl0ZXJhdG9yLWhhcm5lc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZmx5b3V0L3Rlc3Rpbmcvc3JjL21vZHVsZXMvZmx5b3V0L2ZseW91dC1pdGVyYXRvci1oYXJuZXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBZSxNQUFNLHNCQUFzQixDQUFDO0FBRXJFOzs7R0FHRztBQUNILE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxnQkFBZ0I7SUFDNUQ7O09BRUc7YUFDVyxpQkFBWSxHQUFHLHFCQUFxQixDQUFDO0lBRW5ELGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLDJCQUEyQixDQUFDLENBQUM7SUFDOUQsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBRXRFOztPQUVHO0lBQ0ksS0FBSyxDQUFDLGVBQWU7UUFDMUIsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDM0MsSUFBSSxNQUFNLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ3pDLE1BQU0sSUFBSSxLQUFLLENBQ2IsMkRBQTJELENBQzVELENBQUM7UUFDSixDQUFDO1FBQ0QsTUFBTSxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSyxDQUFDLG1CQUFtQjtRQUM5QixNQUFNLE1BQU0sR0FBRyxNQUFNLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQy9DLElBQUksTUFBTSxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztZQUN6QyxNQUFNLElBQUksS0FBSyxDQUNiLCtEQUErRCxDQUNoRSxDQUFDO1FBQ0osQ0FBQztRQUNELE1BQU0sTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxLQUFLLENBQUMsaUJBQWlCLENBQUMsTUFBbUI7UUFDekMsTUFBTSxRQUFRLEdBQUcsTUFBTSxNQUFNLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZELE9BQU8sUUFBUSxLQUFLLElBQUksQ0FBQztJQUMzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50SGFybmVzcywgVGVzdEVsZW1lbnQgfSBmcm9tICdAYW5ndWxhci9jZGsvdGVzdGluZyc7XG5cbi8qKlxuICogSGFybmVzcyBmb3IgaW50ZXJhY3Rpbmcgd2l0aCBhIGZseW91dCBpdGVyYXRvciBjb21wb25lbnQgaW4gdGVzdHMuXG4gKiBAaW50ZXJuYWxcbiAqL1xuZXhwb3J0IGNsYXNzIFNreUZseW91dEl0ZXJhdG9ySGFybmVzcyBleHRlbmRzIENvbXBvbmVudEhhcm5lc3Mge1xuICAvKipcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgc3RhdGljIGhvc3RTZWxlY3RvciA9ICdza3ktZmx5b3V0LWl0ZXJhdG9yJztcblxuICAjZ2V0TmV4dEJ1dHRvbiA9IHRoaXMubG9jYXRvckZvcignLnNreS1mbHlvdXQtaXRlcmF0b3ItbmV4dCcpO1xuICAjZ2V0UHJldmlvdXNCdXR0b24gPSB0aGlzLmxvY2F0b3JGb3IoJy5za3ktZmx5b3V0LWl0ZXJhdG9yLXByZXZpb3VzJyk7XG5cbiAgLyoqXG4gICAqIENsaWNrcyB0aGUgbmV4dCBidXR0b24uXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgY2xpY2tOZXh0QnV0dG9uKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGNvbnN0IGJ1dHRvbiA9IGF3YWl0IHRoaXMuI2dldE5leHRCdXR0b24oKTtcbiAgICBpZiAoYXdhaXQgdGhpcy4jYnV0dG9uSXNEaXNhYmxlZChidXR0b24pKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICdDb3VsZCBub3QgY2xpY2sgdGhlIG5leHQgaXRlcmF0b3IgYmVjYXVzZSBpdCBpcyBkaXNhYmxlZC4nLFxuICAgICAgKTtcbiAgICB9XG4gICAgYXdhaXQgYnV0dG9uLmNsaWNrKCk7XG4gIH1cblxuICAvKipcbiAgICogQ2xpY2tzIHRoZSBwcmV2aW91cyBidXR0b24uXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgY2xpY2tQcmV2aW91c0J1dHRvbigpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBjb25zdCBidXR0b24gPSBhd2FpdCB0aGlzLiNnZXRQcmV2aW91c0J1dHRvbigpO1xuICAgIGlmIChhd2FpdCB0aGlzLiNidXR0b25Jc0Rpc2FibGVkKGJ1dHRvbikpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgJ0NvdWxkIG5vdCBjbGljayB0aGUgcHJldmlvdXMgaXRlcmF0b3IgYmVjYXVzZSBpdCBpcyBkaXNhYmxlZC4nLFxuICAgICAgKTtcbiAgICB9XG4gICAgYXdhaXQgYnV0dG9uLmNsaWNrKCk7XG4gIH1cblxuICBhc3luYyAjYnV0dG9uSXNEaXNhYmxlZChidXR0b246IFRlc3RFbGVtZW50KTogUHJvbWlzZTxib29sZWFuPiB7XG4gICAgY29uc3QgZGlzYWJsZWQgPSBhd2FpdCBidXR0b24uZ2V0QXR0cmlidXRlKCdkaXNhYmxlZCcpO1xuICAgIHJldHVybiBkaXNhYmxlZCAhPT0gbnVsbDtcbiAgfVxufVxuIl19","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\nimport { SkyFlyoutIteratorHarness } from './flyout-iterator-harness';\n/**\n * Harness for interacting with a flyout component in tests.\n */\nexport class SkyFlyoutHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n static { this.hostSelector = 'sky-flyout'; }\n #getFlyout = this.locatorFor('.sky-flyout');\n /**\n * Clicks the flyout's next iterator button.\n */\n async clickNextIteratorButton() {\n const iterator = await this.#getIterator();\n await iterator.clickNextButton();\n }\n /**\n * Clicks the flyout's previous iterator button.\n */\n async clickPreviousIteratorButton() {\n const iterator = await this.#getIterator();\n await iterator.clickPreviousButton();\n }\n /**\n * Clicks the flyout's primary action button.\n */\n async clickPrimaryActionButton() {\n const primaryAction = await this.#getPrimaryAction();\n await primaryAction.click();\n }\n /**\n * Clicks the flyout's close button.\n */\n async closeFlyout() {\n const closeButton = await this.locatorFor('.sky-flyout-btn-close')();\n await closeButton.click();\n }\n /**\n * Gets the flyout's aria-describedby attribute.\n */\n async getAriaDescribedBy() {\n return await (await this.#getFlyout()).getAttribute('aria-describedby');\n }\n /**\n * Gets the flyout's aria-label attribute.\n */\n async getAriaLabel() {\n return await (await this.#getFlyout()).getAttribute('aria-label');\n }\n /**\n * Gets the flyout's aria-labelledby attribute.\n */\n async getAriaLabelledBy() {\n return await (await this.#getFlyout()).getAttribute('aria-labelledby');\n }\n /**\n * Gets the flyout's ARIA role.\n */\n async getAriaRole() {\n return await (await this.#getFlyout()).getAttribute('role');\n }\n /**\n * Gets the flyout's maximum width.\n */\n async getFlyoutMaxWidth() {\n const resizeHandle = await this.locatorFor('.sky-flyout-resize-handle')();\n const currentWidthAttr = (await resizeHandle.getAttribute('aria-valuemax'));\n return parseInt(currentWidthAttr);\n }\n /**\n * Gets the flyout's minimum width.\n */\n async getFlyoutMinWidth() {\n const resizeHandle = await this.locatorFor('.sky-flyout-resize-handle')();\n const currentWidthAttr = (await resizeHandle.getAttribute('aria-valuemin'));\n return parseInt(currentWidthAttr);\n }\n /**\n * Gets the flyout's current width.\n */\n async getFlyoutWidth() {\n const resizeHandle = await this.locatorFor('.sky-flyout-resize-handle')();\n const currentWidthAttr = (await resizeHandle.getAttribute('aria-valuenow'));\n return parseInt(currentWidthAttr);\n }\n /**\n * Gets the label for the flyout's permalink button.\n */\n async getPermalinkButtonLabel() {\n const permalink = await this.#getPermalink();\n return await permalink.text();\n }\n /**\n * Gets the route for the flyout's permalink button.\n */\n async getPermalinkButtonRoute() {\n const permalink = await this.#getPermalink();\n return await permalink.getAttribute('href');\n }\n /**\n * Gets the label for the flyout's primary action button.\n */\n async getPrimaryActionButtonLabel() {\n const primaryAction = await this.#getPrimaryAction();\n return await primaryAction.text();\n }\n async #getIterator() {\n const iterator = await this.locatorForOptional(SkyFlyoutIteratorHarness)();\n if (iterator === null) {\n throw new Error('Could not find iterator buttons.');\n }\n return iterator;\n }\n async #getPermalink() {\n const permalink = await this.locatorForOptional('.sky-flyout-btn-permalink')();\n if (permalink === null) {\n throw new Error('Could not find permalink button.');\n }\n return permalink;\n }\n async #getPrimaryAction() {\n const primaryAction = await this.locatorForOptional('.sky-flyout-btn-primary-action')();\n if (primaryAction === null) {\n throw new Error('Could not find primary action button.');\n }\n return primaryAction;\n }\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5b3V0LWhhcm5lc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZmx5b3V0L3Rlc3Rpbmcvc3JjL21vZHVsZXMvZmx5b3V0L2ZseW91dC1oYXJuZXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRW5FLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXJFOztHQUVHO0FBQ0gsTUFBTSxPQUFPLGdCQUFpQixTQUFRLDRCQUE0QjtJQUNoRTs7T0FFRzthQUNXLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0lBRTFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBRTVDOztPQUVHO0lBQ0ksS0FBSyxDQUFDLHVCQUF1QjtRQUNsQyxNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUUzQyxNQUFNLFFBQVEsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxLQUFLLENBQUMsMkJBQTJCO1FBQ3RDLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBRTNDLE1BQU0sUUFBUSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSyxDQUFDLHdCQUF3QjtRQUNuQyxNQUFNLGFBQWEsR0FBRyxNQUFNLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBRXJELE1BQU0sYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyxXQUFXO1FBQ3RCLE1BQU0sV0FBVyxHQUFHLE1BQU0sSUFBSSxDQUFDLFVBQVUsQ0FBQyx1QkFBdUIsQ0FBQyxFQUFF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QyxDQUFDLENBQUM7UUFDdEQsQ0FBQztRQUVELE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxLQUFLLENBQUMsYUFBYTtRQUNqQixNQUFNLFNBQVMsR0FBRyxNQUFNLElBQUksQ0FBQyxrQkFBa0IsQ0FDN0MsMkJBQTJCLENBQzVCLEVBQUUsQ0FBQztRQUVKLElBQUksU0FBUyxLQUFLLElBQUksRUFBRSxDQUFDO1lBQ3ZCLE1BQU0sSUFBSSxLQUFLLENBQUMsa0NBQWtDLENBQUMsQ0FBQztRQUN0RCxDQUFDO1FBRUQsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztJQUVELEtBQUssQ0FBQyxpQkFBaUI7UUFDckIsTUFBTSxhQUFhLEdBQUcsTUFBTSxJQUFJLENBQUMsa0JBQWtCLENBQ2pELGdDQUFnQyxDQUNqQyxFQUFFLENBQUM7UUFFSixJQUFJLGFBQWEsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUMzQixNQUFNLElBQUksS0FBSyxDQUFDLHVDQUF1QyxDQUFDLENBQUM7UUFDM0QsQ0FBQztRQUVELE9BQU8sYUFBYSxDQUFDO0lBQ3ZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXN0RWxlbWVudCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90ZXN0aW5nJztcbmltcG9ydCB7IFNreVF1ZXJ5YWJsZUNvbXBvbmVudEhhcm5lc3MgfSBmcm9tICdAc2t5dXgvY29yZS90ZXN0aW5nJztcblxuaW1wb3J0IHsgU2t5Rmx5b3V0SXRlcmF0b3JIYXJuZXNzIH0gZnJvbSAnLi9mbHlvdXQtaXRlcmF0b3ItaGFybmVzcyc7XG5cbi8qKlxuICogSGFybmVzcyBmb3IgaW50ZXJhY3Rpbmcgd2l0aCBhIGZseW91dCBjb21wb25lbnQgaW4gdGVzdHMuXG4gKi9cbmV4cG9ydCBjbGFzcyBTa3lGbHlvdXRIYXJuZXNzIGV4dGVuZHMgU2t5UXVlcnlhYmxlQ29tcG9uZW50SGFybmVzcyB7XG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBzdGF0aWMgaG9zdFNlbGVjdG9yID0gJ3NreS1mbHlvdXQnO1xuXG4gICNnZXRGbHlvdXQgPSB0aGlzLmxvY2F0b3JGb3IoJy5za3ktZmx5b3V0Jyk7XG5cbiAgLyoqXG4gICAqIENsaWNrcyB0aGUgZmx5b3V0J3MgbmV4dCBpdGVyYXRvciBidXR0b24uXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgY2xpY2tOZXh0SXRlcmF0b3JCdXR0b24oKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgaXRlcmF0b3IgPSBhd2FpdCB0aGlzLiNnZXRJdGVyYXRvcigpO1xuXG4gICAgYXdhaXQgaXRlcmF0b3IuY2xpY2tOZXh0QnV0dG9uKCk7XG4gIH1cblxuICAvKipcbiAgICogQ2xpY2tzIHRoZSBmbHlvdXQncyBwcmV2aW91cyBpdGVyYXRvciBidXR0b24uXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgY2xpY2tQcmV2aW91c0l0ZXJhdG9yQnV0dG9uKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGNvbnN0IGl0ZXJhdG9yID0gYXdhaXQgdGhpcy4jZ2V0SXRlcmF0b3IoKTtcblxuICAgIGF3YWl0IGl0ZXJhdG9yLmNsaWNrUHJldmlvdXNCdXR0b24oKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDbGlja3MgdGhlIGZseW91dCdzIHByaW1hcnkgYWN0aW9uIGJ1dHRvbi5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBjbGlja1ByaW1hcnlBY3Rpb25CdXR0b24oKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgcHJpbWFyeUFjdGlvbiA9IGF3YWl0IHRoaXMuI2dldFByaW1hcnlBY3Rpb24oKTtcblxuICAgIGF3YWl0IHByaW1hcnlBY3Rpb24uY2xpY2soKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDbGlja3MgdGhlIGZseW91dCdzIGNsb3NlIGJ1dHRvbi5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBjbG9zZUZseW91dCgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBjb25zdCBjbG9zZUJ1dHRvbiA9IGF3YWl0IHRoaXMubG9jYXRvckZvcignLnNreS1mbHlvdXQtYnRuLWNsb3NlJykoKTtcbiAgICBhd2FpdCBjbG9zZUJ1dHRvbi5jbGljaygpO1xuICB9XG5cbiAgLyoqXG4gICAqIEdldHMgdGhlIGZseW91dCdzIGFyaWEtZGVzY3JpYmVkYnkgYXR0cmlidXRlLlxuICAgKi9cbiAgcHVibGljIGFzeW5jIGdldEFyaWFEZXNjcmliZWRCeSgpOiBQcm9taXNlPHN0cmluZyB8IG51bGw+IHtcbiAgICByZXR1cm4gYXdhaXQgKGF3YWl0IHRoaXMuI2dldEZseW91dCgpKS5nZXRBdHRyaWJ1dGUoJ2FyaWEtZGVzY3JpYmVkYnknKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSBmbHlvdXQncyBhcmlhLWxhYmVsIGF0dHJpYnV0ZS5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBnZXRBcmlhTGFiZWwoKTogUHJvbWlzZTxzdHJpbmcgfCBudWxsPiB7XG4gICAgcmV0dXJuIGF3YWl0IChhd2FpdCB0aGlzLiNnZXRGbHlvdXQoKSkuZ2V0QXR0cmlidXRlKCdhcmlhLWxhYmVsJyk7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgZmx5b3V0J3MgYXJpYS1sYWJlbGxlZGJ5IGF0dHJpYnV0ZS5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBnZXRBcmlhTGFiZWxsZWRCeSgpOiBQcm9taXNlPHN0cmluZyB8IG51bGw+IHtcbiAgICByZXR1cm4gYXdhaXQgKGF3YWl0IHRoaXMuI2dldEZseW91dCgpKS5nZXRBdHRyaWJ1dGUoJ2FyaWEtbGFiZWxsZWRieScpO1xuICB9XG5cbiAgLyoqXG4gICAqIEdldHMgdGhlIGZseW91dCdzIEFSSUEgcm9sZS5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBnZXRBcmlhUm9sZSgpOiBQcm9taXNlPHN0cmluZyB8IG51bGw+IHtcbiAgICByZXR1cm4gYXdhaXQgKGF3YWl0IHRoaXMuI2dldEZseW91dCgpKS5nZXRBdHRyaWJ1dGUoJ3JvbGUnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSBmbHlvdXQncyBtYXhpbXVtIHdpZHRoLlxuICAgKi9cbiAgcHVibGljIGFzeW5jIGdldEZseW91dE1heFdpZHRoKCk6IFByb21pc2U8bnVtYmVyPiB7XG4gICAgY29uc3QgcmVzaXplSGFuZGxlID0gYXdhaXQgdGhpcy5sb2NhdG9yRm9yKCcuc2t5LWZseW91dC1yZXNpemUtaGFuZGxlJykoKTtcbiAgICBjb25zdCBjdXJyZW50V2lkdGhBdHRyID0gKGF3YWl0IHJlc2l6ZUhhbmRsZS5nZXRBdHRyaWJ1dGUoXG4gICAgICAnYXJpYS12YWx1ZW1heCcsXG4gICAgKSkgYXMgc3RyaW5nO1xuICAgIHJldHVybiBwYXJzZUludChjdXJyZW50V2lkdGhBdHRyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSBmbHlvdXQncyBtaW5pbXVtIHdpZHRoLlxuICAgKi9cbiAgcHVibGljIGFzeW5jIGdldEZseW91dE1pbldpZHRoKCk6IFByb21pc2U8bnVtYmVyPiB7XG4gICAgY29uc3QgcmVzaXplSGFuZGxlID0gYXdhaXQgdGhpcy5sb2NhdG9yRm9yKCcuc2t5LWZseW91dC1yZXNpemUtaGFuZGxlJykoKTtcbiAgICBjb25zdCBjdXJyZW50V2lkdGhBdHRyID0gKGF3YWl0IHJlc2l6ZUhhbmRsZS5nZXRBdHRyaWJ1dGUoXG4gICAgICAnYXJpYS12YWx1ZW1pbicsXG4gICAgKSkgYXMgc3RyaW5nO1xuICAgIHJldHVybiBwYXJzZUludChjdXJyZW50V2lkdGhBdHRyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSBmbHlvdXQncyBjdXJyZW50IHdpZHRoLlxuICAgKi9cbiAgcHVibGljIGFzeW5jIGdldEZseW91dFdpZHRoKCk6IFByb21pc2U8bnVtYmVyPiB7XG4gICAgY29uc3QgcmVzaXplSGFuZGxlID0gYXdhaXQgdGhpcy5sb2NhdG9yRm9yKCcuc2t5LWZseW91dC1yZXNpemUtaGFuZGxlJykoKTtcbiAgICBjb25zdCBjdXJyZW50V2lkdGhBdHRyID0gKGF3YWl0IHJlc2l6ZUhhbmRsZS5nZXRBdHRyaWJ1dGUoXG4gICAgICAnYXJpYS12YWx1ZW5vdycsXG4gICAgKSkgYXMgc3RyaW5nO1xuICAgIHJldHVybiBwYXJzZUludChjdXJyZW50V2lkdGhBdHRyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSBsYWJlbCBmb3IgdGhlIGZseW91dCdzIHBlcm1hbGluayBidXR0b24uXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgZ2V0UGVybWFsaW5rQnV0dG9uTGFiZWwoKTogUHJvbWlzZTxzdHJpbmc+IHtcbiAgICBjb25zdCBwZXJtYWxpbmsgPSBhd2FpdCB0aGlzLiNnZXRQZXJtYWxpbmsoKTtcblxuICAgIHJldHVybiBhd2FpdCBwZXJtYWxpbmsudGV4dCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEdldHMgdGhlIHJvdXRlIGZvciB0aGUgZmx5b3V0J3MgcGVybWFsaW5rIGJ1dHRvbi5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBnZXRQZXJtYWxpbmtCdXR0b25Sb3V0ZSgpOiBQcm9taXNlPHN0cmluZyB8IG51bGw+IHtcbiAgICBjb25zdCBwZXJtYWxpbmsgPSBhd2FpdCB0aGlzLiNnZXRQZXJtYWxpbmsoKTtcblxuICAgIHJldHVybiBhd2FpdCBwZXJtYWxpbmsuZ2V0QXR0cmlidXRlKCdocmVmJyk7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgbGFiZWwgZm9yIHRoZSBmbHlvdXQncyBwcmltYXJ5IGFjdGlvbiBidXR0b24uXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgZ2V0UHJpbWFyeUFjdGlvbkJ1dHRvbkxhYmVsKCk6IFByb21pc2U8c3RyaW5nPiB7XG4gICAgY29uc3QgcHJpbWFyeUFjdGlvbiA9IGF3YWl0IHRoaXMuI2dldFByaW1hcnlBY3Rpb24oKTtcblxuICAgIHJldHVybiBhd2FpdCBwcmltYXJ5QWN0aW9uLnRleHQoKTtcbiAgfVxuXG4gIGFzeW5jICNnZXRJdGVyYXRvcigpOiBQcm9taXNlPFNreUZseW91dEl0ZXJhdG9ySGFybmVzcz4ge1xuICAgIGNvbnN0IGl0ZXJhdG9yID0gYXdhaXQgdGhpcy5sb2NhdG9yRm9yT3B0aW9uYWwoU2t5Rmx5b3V0SXRlcmF0b3JIYXJuZXNzKSgpO1xuXG4gICAgaWYgKGl0ZXJhdG9yID09PSBudWxsKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ0NvdWxkIG5vdCBmaW5kIGl0ZXJhdG9yIGJ1dHRvbnMuJyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGl0ZXJhdG9yO1xuICB9XG5cbiAgYXN5bmMgI2dldFBlcm1hbGluaygpOiBQcm9taXNlPFRlc3RFbGVtZW50PiB7XG4gICAgY29uc3QgcGVybWFsaW5rID0gYXdhaXQgdGhpcy5sb2NhdG9yRm9yT3B0aW9uYWwoXG4gICAgICAnLnNreS1mbHlvdXQtYnRuLXBlcm1hbGluaycsXG4gICAgKSgpO1xuXG4gICAgaWYgKHBlcm1hbGluayA9PT0gbnVsbCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdDb3VsZCBub3QgZmluZCBwZXJtYWxpbmsgYnV0dG9uLicpO1xuICAgIH1cblxuICAgIHJldHVybiBwZXJtYWxpbms7XG4gIH1cblxuICBhc3luYyAjZ2V0UHJpbWFyeUFjdGlvbigpOiBQcm9taXNlPFRlc3RFbGVtZW50PiB7XG4gICAgY29uc3QgcHJpbWFyeUFjdGlvbiA9IGF3YWl0IHRoaXMubG9jYXRvckZvck9wdGlvbmFsKFxuICAgICAgJy5za3ktZmx5b3V0LWJ0bi1wcmltYXJ5LWFjdGlvbicsXG4gICAgKSgpO1xuXG4gICAgaWYgKHByaW1hcnlBY3Rpb24gPT09IG51bGwpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignQ291bGQgbm90IGZpbmQgcHJpbWFyeSBhY3Rpb24gYnV0dG9uLicpO1xuICAgIH1cblxuICAgIHJldHVybiBwcmltYXJ5QWN0aW9uO1xuICB9XG59XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './public-api';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtZmx5b3V0LXRlc3RpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZmx5b3V0L3Rlc3Rpbmcvc3JjL3NreXV4LWZseW91dC10ZXN0aW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0="],"names":[],"mappings":";;;AACA;AACA;AACA;AACA;AACO,MAAM,wBAAwB,SAAS,gBAAgB,CAAC;AAC/D;AACA;AACA;AACA,IAAI,SAAS,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC;AACvD,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC;AACjE,IAAI,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC;AACzE;AACA;AACA;AACA,IAAI,MAAM,eAAe,GAAG;AAC5B,QAAQ,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,cAAc,EAAE;AAClD,QAAQ,IAAI,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE;AAClD,YAAY,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC;AACxF;AACA,QAAQ,MAAM,MAAM,CAAC,KAAK,EAAE;AAC5B;AACA;AACA;AACA;AACA,IAAI,MAAM,mBAAmB,GAAG;AAChC,QAAQ,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,kBAAkB,EAAE;AACtD,QAAQ,IAAI,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE;AAClD,YAAY,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC;AAC5F;AACA,QAAQ,MAAM,MAAM,CAAC,KAAK,EAAE;AAC5B;AACA,IAAI,MAAM,iBAAiB,CAAC,MAAM,EAAE;AACpC,QAAQ,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;AAC9D,QAAQ,OAAO,QAAQ,KAAK,IAAI;AAChC;AACA;;AClCA;AACA;AACA;AACO,MAAM,gBAAgB,SAAS,4BAA4B,CAAC;AACnE;AACA;AACA;AACA,IAAI,SAAS,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;AAC9C,IAAI,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AAC/C;AACA;AACA;AACA,IAAI,MAAM,uBAAuB,GAAG;AACpC,QAAQ,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE;AAClD,QAAQ,MAAM,QAAQ,CAAC,eAAe,EAAE;AACxC;AACA;AACA;AACA;AACA,IAAI,MAAM,2BAA2B,GAAG;AACxC,QAAQ,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE;AAClD,QAAQ,MAAM,QAAQ,CAAC,mBAAmB,EAAE;AAC5C;AACA;AACA;AACA;AACA,IAAI,MAAM,wBAAwB,GAAG;AACrC,QAAQ,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,iBAAiB,EAAE;AAC5D,QAAQ,MAAM,aAAa,CAAC,KAAK,EAAE;AACnC;AACA;AACA;AACA;AACA,IAAI,MAAM,WAAW,GAAG;AACxB,QAAQ,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,EAAE;AAC5E,QAAQ,MAAM,WAAW,CAAC,KAAK,EAAE;AACjC;AACA;AACA;AACA;AACA,IAAI,MAAM,kBAAkB,GAAG;AAC/B,QAAQ,OAAO,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,YAAY,CAAC,kBAAkB,CAAC;AAC/E;AACA;AACA;AACA;AACA,IAAI,MAAM,YAAY,GAAG;AACzB,QAAQ,OAAO,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC;AACzE;AACA;AACA;AACA;AACA,IAAI,MAAM,iBAAiB,GAAG;AAC9B,QAAQ,OAAO,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,YAAY,CAAC,iBAAiB,CAAC;AAC9E;AACA;AACA;AACA;AACA,IAAI,MAAM,WAAW,GAAG;AACxB,QAAQ,OAAO,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC;AACnE;AACA;AACA;AACA;AACA,IAAI,MAAM,iBAAiB,GAAG;AAC9B,QAAQ,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,EAAE;AACjF,QAAQ,MAAM,gBAAgB,IAAI,MAAM,YAAY,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AACnF,QAAQ,OAAO,QAAQ,CAAC,gBAAgB,CAAC;AACzC;AACA;AACA;AACA;AACA,IAAI,MAAM,iBAAiB,GAAG;AAC9B,QAAQ,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,EAAE;AACjF,QAAQ,MAAM,gBAAgB,IAAI,MAAM,YAAY,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AACnF,QAAQ,OAAO,QAAQ,CAAC,gBAAgB,CAAC;AACzC;AACA;AACA;AACA;AACA,IAAI,MAAM,cAAc,GAAG;AAC3B,QAAQ,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,EAAE;AACjF,QAAQ,MAAM,gBAAgB,IAAI,MAAM,YAAY,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AACnF,QAAQ,OAAO,QAAQ,CAAC,gBAAgB,CAAC;AACzC;AACA;AACA;AACA;AACA,IAAI,MAAM,uBAAuB,GAAG;AACpC,QAAQ,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE;AACpD,QAAQ,OAAO,MAAM,SAAS,CAAC,IAAI,EAAE;AACrC;AACA;AACA;AACA;AACA,IAAI,MAAM,uBAAuB,GAAG;AACpC,QAAQ,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE;AACpD,QAAQ,OAAO,MAAM,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC;AACnD;AACA;AACA;AACA;AACA,IAAI,MAAM,2BAA2B,GAAG;AACxC,QAAQ,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,iBAAiB,EAAE;AAC5D,QAAQ,OAAO,MAAM,aAAa,CAAC,IAAI,EAAE;AACzC;AACA,IAAI,MAAM,YAAY,GAAG;AACzB,QAAQ,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,EAAE;AAClF,QAAQ,IAAI,QAAQ,KAAK,IAAI,EAAE;AAC/B,YAAY,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC;AAC/D;AACA,QAAQ,OAAO,QAAQ;AACvB;AACA,IAAI,MAAM,aAAa,GAAG;AAC1B,QAAQ,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,2BAA2B,CAAC,EAAE;AACtF,QAAQ,IAAI,SAAS,KAAK,IAAI,EAAE;AAChC,YAAY,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC;AAC/D;AACA,QAAQ,OAAO,SAAS;AACxB;AACA,IAAI,MAAM,iBAAiB,GAAG;AAC9B,QAAQ,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,EAAE;AAC/F,QAAQ,IAAI,aAAa,KAAK,IAAI,EAAE;AACpC,YAAY,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;AACpE;AACA,QAAQ,OAAO,aAAa;AAC5B;AACA;;ACjIA;AACA;AACA;;;;"}
|
|
@@ -186,11 +186,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
186
186
|
* Import into any component library module that needs to use resource strings.
|
|
187
187
|
*/
|
|
188
188
|
class SkyFlyoutResourcesModule {
|
|
189
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
190
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
191
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
189
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
190
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutResourcesModule, exports: [SkyI18nModule] }); }
|
|
191
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutResourcesModule, imports: [SkyI18nModule] }); }
|
|
192
192
|
}
|
|
193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutResourcesModule, decorators: [{
|
|
194
194
|
type: NgModule,
|
|
195
195
|
args: [{
|
|
196
196
|
exports: [SkyI18nModule],
|
|
@@ -224,10 +224,10 @@ class SkyFlyoutAdapterService {
|
|
|
224
224
|
this.#renderer.setStyle(iframe, 'pointer-events', enable ? '' : 'none');
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
228
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
227
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutAdapterService, deps: [{ token: i0.RendererFactory2 }, { token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
228
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutAdapterService }); }
|
|
229
229
|
}
|
|
230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutAdapterService, decorators: [{
|
|
231
231
|
type: Injectable
|
|
232
232
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }, { type: i1.SkyAppWindowRef }] });
|
|
233
233
|
|
|
@@ -260,10 +260,10 @@ class SkyFlyoutIteratorComponent {
|
|
|
260
260
|
this.#_nextButtonClick.emit();
|
|
261
261
|
}
|
|
262
262
|
}
|
|
263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutIteratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: SkyFlyoutIteratorComponent, isStandalone: true, selector: "sky-flyout-iterator", inputs: { nextButtonDisabled: "nextButtonDisabled", previousButtonDisabled: "previousButtonDisabled" }, outputs: { previousButtonClick: "previousButtonClick", nextButtonClick: "nextButtonClick" }, ngImport: i0, template: "<div class=\"sky-flyout-iterators\">\n <button\n class=\"sky-btn sky-flyout-iterator-previous\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_flyout_iterator_previous_button' | skyLibResources\n \"\n [disabled]=\"previousButtonDisabled\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"onIteratorPreviousClick()\"\n >\n <sky-icon iconName=\"chevron-up\" />\n </button>\n <button\n class=\"sky-btn sky-flyout-iterator-next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_flyout_iterator_next_button' | skyLibResources\"\n [disabled]=\"nextButtonDisabled\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"onIteratorNextClick()\"\n >\n <sky-icon iconName=\"chevron-down\" />\n </button>\n</div>\n", styles: [".sky-flyout-iterators:not(.sky-theme-modern *){--sky-override-flyout-iterator-margin-right: 5px;--sky-override-flyout-iterators-display: block}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-flyout-iterators{--sky-override-flyout-iterator-margin-right: var(--sky-space-inline-s);--sky-override-sky-icon-svg-size-s: 21px !important}.sky-btn{margin-right:var(--sky-override-flyout-iterator-margin-right, var(--sky-space-gap-action_group-m))}.sky-flyout-iterators{display:var(--sky-override-flyout-iterators-display, inline)}\n"], dependencies: [{ kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i1$1.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyFlyoutResourcesModule }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
|
|
265
265
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutIteratorComponent, decorators: [{
|
|
267
267
|
type: Component,
|
|
268
268
|
args: [{ selector: 'sky-flyout-iterator', imports: [SkyIconModule, SkyFlyoutResourcesModule, SkyThemeModule], template: "<div class=\"sky-flyout-iterators\">\n <button\n class=\"sky-btn sky-flyout-iterator-previous\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_flyout_iterator_previous_button' | skyLibResources\n \"\n [disabled]=\"previousButtonDisabled\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"onIteratorPreviousClick()\"\n >\n <sky-icon iconName=\"chevron-up\" />\n </button>\n <button\n class=\"sky-btn sky-flyout-iterator-next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_flyout_iterator_next_button' | skyLibResources\"\n [disabled]=\"nextButtonDisabled\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"onIteratorNextClick()\"\n >\n <sky-icon iconName=\"chevron-down\" />\n </button>\n</div>\n", styles: [".sky-flyout-iterators:not(.sky-theme-modern *){--sky-override-flyout-iterator-margin-right: 5px;--sky-override-flyout-iterators-display: block}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-flyout-iterators{--sky-override-flyout-iterator-margin-right: var(--sky-space-inline-s);--sky-override-sky-icon-svg-size-s: 21px !important}.sky-btn{margin-right:var(--sky-override-flyout-iterator-margin-right, var(--sky-space-gap-action_group-m))}.sky-flyout-iterators{display:var(--sky-override-flyout-iterators-display, inline)}\n"] }]
|
|
269
269
|
}], propDecorators: { nextButtonDisabled: [{
|
|
@@ -714,8 +714,8 @@ class SkyFlyoutComponent {
|
|
|
714
714
|
this.enableTrapFocus = true;
|
|
715
715
|
});
|
|
716
716
|
}
|
|
717
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
718
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyFlyoutComponent, isStandalone: true, selector: "sky-flyout", host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: [SkyFlyoutAdapterService], viewQueries: [{ propertyName: "flyoutRef", first: true, predicate: ["flyoutRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n #flyoutRef\n class=\"sky-flyout\"\n skyResponsiveHost\n tabindex=\"-1\"\n [attr.role]=\"config.ariaRole ? config.ariaRole : 'dialog'\"\n [attr.aria-describedby]=\"config.ariaDescribedBy\"\n [attr.aria-label]=\"config.ariaLabel\"\n [attr.aria-labelledby]=\"config.ariaLabelledBy\"\n [attr.aria-modal]=\"\n config.ariaRole === 'dialog' || !config.ariaRole ? true : false\n \"\n [attr.hidden]=\"!instanceReady ? true : undefined\"\n [id]=\"flyoutId\"\n [ngClass]=\"{\n 'sky-flyout-hidden': !isOpen && !isOpening,\n 'sky-flyout-fullscreen': isFullscreen\n }\"\n [style.z-index]=\"zIndex$ | async\"\n [skyThemeClass]=\"{\n 'sky-shadow': 'default',\n 'sky-elevation-8': 'modern'\n }\"\n [@flyoutState]=\"getAnimationState()\"\n [style.width.px]=\"flyoutWidth\"\n [cdkTrapFocus]=\"enableTrapFocus\"\n [cdkTrapFocusAutoCapture]=\"enableTrapFocusAutoCapture\"\n (@flyoutState.done)=\"animationDone($event)\"\n>\n <div\n #flyoutHeader\n class=\"sky-flyout-header\"\n [style.z-index]=\"zIndex$ | async\"\n >\n <div class=\"sky-flyout-header-content\">\n <button\n *skyThemeIf=\"'modern'\"\n class=\"sky-btn sky-btn-icon-borderless sky-flyout-header-grab-handle\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n (keydown)=\"onHeaderGrabHandleKeyDown($event)\"\n (mousedown)=\"onHeaderGrabHandleMouseDown($event)\"\n >\n <sky-icon\n *skyThemeIf=\"'modern'\"\n iconName=\"re-order-dots-vertical\"\n iconSize=\"s\"\n />\n </button>\n\n @if (config.showIterator) {\n <sky-flyout-iterator\n [nextButtonDisabled]=\"config.iteratorNextButtonDisabled\"\n [previousButtonDisabled]=\"config.iteratorPreviousButtonDisabled\"\n (nextButtonClick)=\"onIteratorNextButtonClick()\"\n (previousButtonClick)=\"onIteratorPreviousButtonClick()\"\n />\n }\n </div>\n <div class=\"sky-flyout-header-buttons\">\n <ng-container *ngTemplateOutlet=\"permalinkTemplate\" />\n <ng-container *ngTemplateOutlet=\"primaryActionTemplate\" />\n <button\n class=\"sky-btn sky-flyout-btn-close sky-label-icon-theme-default\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_flyout_close' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"close()\"\n >\n <sky-icon iconName=\"close\" />\n </button>\n </div>\n </div>\n <div class=\"sky-flyout-content\">\n <div #target></div>\n </div>\n <div\n class=\"sky-flyout-resize-handle\"\n role=\"separator\"\n tabindex=\"0\"\n type=\"range\"\n [attr.aria-controls]=\"flyoutId\"\n [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n [attr.aria-valuemax]=\"config.maxWidth\"\n [attr.aria-valuemin]=\"config.minWidth\"\n [attr.aria-valuenow]=\"flyoutWidth\"\n (keydown)=\"onResizeHandleKeyDown($event)\"\n (mousedown)=\"onResizeHandleMouseDown($event)\"\n ></div>\n</div>\n\n<ng-template #permalinkTemplate>\n @if (permalink) {\n @if (permalink.url) {\n <a\n class=\"sky-btn sky-flyout-btn-permalink\"\n [skyHref]=\"permalink.url\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-link-inline': 'modern'\n }\"\n (click)=\"close()\"\n >\n {{ permalinkLabel }}\n </a>\n } @else if (permalink.route) {\n <a\n class=\"sky-btn sky-flyout-btn-permalink\"\n [routerLink]=\"permalink.route.commands\"\n [fragment]=\"permalink.route.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-link-inline': 'modern'\n }\"\n [queryParams]=\"permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"permalink.route.extras?.queryParamsHandling\"\n [state]=\"permalink.route.extras?.state\"\n (click)=\"close()\"\n >\n {{ permalinkLabel }}\n </a>\n }\n }\n</ng-template>\n\n<ng-template #primaryActionTemplate>\n @if (primaryAction && primaryAction.callback) {\n <button\n type=\"button\"\n class=\"sky-btn sky-flyout-btn-primary-action\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-link-inline': 'modern'\n }\"\n (click)=\"invokePrimaryAction()\"\n >\n {{ primaryActionLabel }}\n </button>\n }\n</ng-template>\n", styles: [".sky-flyout:not(.sky-theme-modern *){--sky-override-flyout-background: #fff;--sky-override-flyout-border-left: 6px solid #0974a1;--sky-override-flyout-header-background: #eeeeef;--sky-override-flyout-header-border-bottom: 1px solid #cdcfd2;--sky-override-flyout-header-button-margin-right: 10px;--sky-override-flyout-header-height: 50px;--sky-override-flyout-header-padding: 8px 15px 8px 15px;--sky-override-flyout-header-permalink-text-decoration: none;--sky-override-flyout-header-position: fixed;--sky-flyout-resize-handle-offset: -10px;--sky-flyout-resize-handle-width: 14px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-flyout{--sky-override-sky-icon-svg-size-s: 21px;--sky-override-flyout-header-border-bottom: none;--sky-override-flyout-header-button-line-height: calc(20 / 14);--sky-override-flyout-header-button-padding: 9px 21px;--sky-override-flyout-header-button-vertical-align: baseline;--sky-override-flyout-header-height: 50px;--sky-override-flyout-header-permalink-background-color: var( --sky-color-background-action-tertiary-base );--sky-override-flyout-header-permalink-background-color-active: var( --sky-color-background-action-tertiary-active );--sky-override-flyout-header-permalink-background-color-focus: var( --sky-color-background-action-tertiary-focus );--sky-override-flyout-header-permalink-background-color-hover: var( --sky-color-background-action-tertiary-hover );--sky-override-flyout-header-permalink-box-shadow: inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base);--sky-override-flyout-header-permalink-color: var( --sky-color-text-deemphasized );--sky-override-flyout-header-permalink-box-shadow-active: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active);--sky-override-flyout-header-permalink-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-flyout-header-permalink-box-shadow-hover: inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover);--sky-override-flyout-header-permalink-text-decoration: none;--sky-override-flyout-header-position: fixed;--sky-override-flyout-header-primary-action-background-color: var( --sky-color-background-action-secondary-base );--sky-override-flyout-header-primary-action-background-color-active: var( --sky-color-background-action-secondary-active );--sky-override-flyout-header-primary-action-background-color-focus: var( --sky-color-background-action-secondary-focus );--sky-override-flyout-header-primary-action-background-color-hover: var( --sky-color-background-action-secondary-hover );--sky-override-flyout-header-primary-action-box-shadow: inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-secondary-base);--sky-override-flyout-header-primary-action-box-shadow-active: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-secondary-active);--sky-override-flyout-header-primary-action-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-secondary-focus), var(--sky-elevation-focus);--sky-override-flyout-header-primary-action-box-shadow-hover: inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-secondary-hover);--sky-override-flyout-header-primary-action-color: var( --sky-color-text-default );--sky-flyout-resize-handle-offset: -10px}.sky-flyout{position:fixed;right:0;top:0;bottom:0;height:100%;background-color:var(--sky-override-flyout-background, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-flyout-background, var(--sky-color-background-container-base) );border-left:var(--sky-override-flyout-border-left)}.sky-flyout:focus{outline:none}.sky-flyout.sky-flyout-fullscreen{min-width:100%;max-width:100%}.sky-flyout.sky-flyout-fullscreen .sky-flyout-resize-handle{cursor:initial}.sky-flyout.sky-flyout-fullscreen .sky-flyout-header{width:100%}.sky-flyout.sky-flyout-hidden{visibility:hidden}.sky-flyout .sky-flyout-input-aria-only{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);outline:none}.sky-flyout-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:var(--sky-flyout-resize-handle-width, var(--sky-size-width-resize_handle));position:absolute;left:var(--sky-flyout-resize-handle-offset, calc(var(--sky-flyout-resize-handle-width, var(--sky-size-width-resize_handle)) * -.5));cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0;direction:rtl}.sky-flyout-resize-handle::-moz-range-thumb,.sky-flyout-resize-handle::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-ms-thumb,.sky-flyout-resize-handle::-ms-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-header{border-bottom:var(--sky-override-flyout-header-border-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider));width:inherit;background:var(--sky-override-flyout-header-background, var(--sky-color-background-container-base));padding:var(--sky-override-flyout-header-padding, var(--sky-comp-flyout-header-space-inset-top) var(--sky-comp-flyout-header-space-inset-right) var(--sky-comp-flyout-header-space-inset-bottom) var(--sky-comp-flyout-header-space-inset-left));height:var(--sky-override-flyout-header-height);display:flex;position:var(--sky-override-flyout-header-position, sticky);align-items:flex-start}.sky-flyout-header .sky-flyout-btn-primary-action,.sky-flyout-header .sky-flyout-btn-permalink{margin-right:var(--sky-override-flyout-header-button-margin-right, var(--sky-space-gap-action_group-m));display:inline-block}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline,.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline{padding:var(--sky-override-flyout-header-button-padding, var(--sky-space-inset-balanced-none));line-height:var(--sky-override-flyout-header-button-line-height, normal);vertical-align:var(--sky-override-flyout-header-button-vertical-align, baseline)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline{color:var(--sky-override-flyout-header-permalink-color, var(--sky-color-text-action));background-color:var(--sky-override-flyout-header-permalink-background-color, var(--sky-color-background-action-tertiary-base));border-radius:var(--sky-border-radius-s);box-shadow:var(--sky-override-flyout-header-permalink-box-shadow, none)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline:hover{background-color:var(--sky-override-flyout-header-permalink-background-color-hover, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-flyout-header-permalink-box-shadow-hover, none)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline:active,.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline.sky-btn-active{background-color:var(--sky-override-flyout-header-permalink-background-color-active, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-flyout-header-permalink-box-shadow-active, none)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline:focus-visible:not(:active){background-color:var(--sky-override-flyout-header-permalink-background-color-focus, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-flyout-header-permalink-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline{color:var(--sky-override-flyout-header-primary-action-color, var(--sky-color-text-action));background-color:var(--sky-override-flyout-header-primary-action-background-color, var(--sky-color-background-action-tertiary-base));border-radius:var(--sky-border-radius-s);box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow, none)}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline:hover{background-color:var(--sky-override-flyout-header-primary-action-background-color-hover, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow-hover, none)}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline:active,.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline.sky-btn-active{background-color:var(--sky-override-flyout-header-primary-action-background-color-active, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow-active, none)}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline:focus-visible:not(:active){background-color:var(--sky-override-flyout-header-primary-action-background-color-focus, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-flyout-header-content{flex-grow:1}.sky-flyout-btn-primary-action:hover,.sky-flyout-btn-primary-action:active,.sky-flyout-btn-permalink:hover,.sky-flyout-btn-permalink:active{text-decoration:var(--sky-override-flyout-header-permalink-text-decoration, underline)}.sky-flyout-help-shim{padding-right:8px}@media (min-width: 768px){.sky-flyout-help-shim{padding-right:50px}}.sky-flyout-content{overflow-y:auto;margin-top:var(--sky-override-flyout-header-height, 0);height:calc(100% - var(--sky-override-flyout-header-height, 0px))}.sky-flyout-header-grab-handle{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;margin-right:var(--sky-space-gap-action_group-m)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SkyResponsiveHostDirective, selector: "[skyResponsiveHost]", exportAs: ["skyResponsiveHost"] }, { kind: "ngmodule", type: SkyHrefModule }, { kind: "directive", type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i1$1.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "component", type: SkyFlyoutIteratorComponent, selector: "sky-flyout-iterator", inputs: ["nextButtonDisabled", "previousButtonDisabled"], outputs: ["previousButtonClick", "nextButtonClick"] }, { kind: "ngmodule", type: SkyFlyoutResourcesModule }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], animations: [
|
|
717
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
718
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: SkyFlyoutComponent, isStandalone: true, selector: "sky-flyout", host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: [SkyFlyoutAdapterService], viewQueries: [{ propertyName: "flyoutRef", first: true, predicate: ["flyoutRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n #flyoutRef\n class=\"sky-flyout\"\n skyResponsiveHost\n tabindex=\"-1\"\n [attr.role]=\"config.ariaRole ? config.ariaRole : 'dialog'\"\n [attr.aria-describedby]=\"config.ariaDescribedBy\"\n [attr.aria-label]=\"config.ariaLabel\"\n [attr.aria-labelledby]=\"config.ariaLabelledBy\"\n [attr.aria-modal]=\"\n config.ariaRole === 'dialog' || !config.ariaRole ? true : false\n \"\n [attr.hidden]=\"!instanceReady ? true : undefined\"\n [id]=\"flyoutId\"\n [ngClass]=\"{\n 'sky-flyout-hidden': !isOpen && !isOpening,\n 'sky-flyout-fullscreen': isFullscreen\n }\"\n [style.z-index]=\"zIndex$ | async\"\n [skyThemeClass]=\"{\n 'sky-shadow': 'default',\n 'sky-elevation-8': 'modern'\n }\"\n [@flyoutState]=\"getAnimationState()\"\n [style.width.px]=\"flyoutWidth\"\n [cdkTrapFocus]=\"enableTrapFocus\"\n [cdkTrapFocusAutoCapture]=\"enableTrapFocusAutoCapture\"\n (@flyoutState.done)=\"animationDone($event)\"\n>\n <div\n #flyoutHeader\n class=\"sky-flyout-header\"\n [style.z-index]=\"zIndex$ | async\"\n >\n <div class=\"sky-flyout-header-content\">\n <button\n *skyThemeIf=\"'modern'\"\n class=\"sky-btn sky-btn-icon-borderless sky-flyout-header-grab-handle\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n (keydown)=\"onHeaderGrabHandleKeyDown($event)\"\n (mousedown)=\"onHeaderGrabHandleMouseDown($event)\"\n >\n <sky-icon\n *skyThemeIf=\"'modern'\"\n iconName=\"re-order-dots-vertical\"\n iconSize=\"s\"\n />\n </button>\n\n @if (config.showIterator) {\n <sky-flyout-iterator\n [nextButtonDisabled]=\"config.iteratorNextButtonDisabled\"\n [previousButtonDisabled]=\"config.iteratorPreviousButtonDisabled\"\n (nextButtonClick)=\"onIteratorNextButtonClick()\"\n (previousButtonClick)=\"onIteratorPreviousButtonClick()\"\n />\n }\n </div>\n <div class=\"sky-flyout-header-buttons\">\n <ng-container *ngTemplateOutlet=\"permalinkTemplate\" />\n <ng-container *ngTemplateOutlet=\"primaryActionTemplate\" />\n <button\n class=\"sky-btn sky-flyout-btn-close sky-label-icon-theme-default\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_flyout_close' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"close()\"\n >\n <sky-icon iconName=\"close\" />\n </button>\n </div>\n </div>\n <div class=\"sky-flyout-content\">\n <div #target></div>\n </div>\n <div\n class=\"sky-flyout-resize-handle\"\n role=\"separator\"\n tabindex=\"0\"\n type=\"range\"\n [attr.aria-controls]=\"flyoutId\"\n [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n [attr.aria-valuemax]=\"config.maxWidth\"\n [attr.aria-valuemin]=\"config.minWidth\"\n [attr.aria-valuenow]=\"flyoutWidth\"\n (keydown)=\"onResizeHandleKeyDown($event)\"\n (mousedown)=\"onResizeHandleMouseDown($event)\"\n ></div>\n</div>\n\n<ng-template #permalinkTemplate>\n @if (permalink) {\n @if (permalink.url) {\n <a\n class=\"sky-btn sky-flyout-btn-permalink\"\n [skyHref]=\"permalink.url\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-link-inline': 'modern'\n }\"\n (click)=\"close()\"\n >\n {{ permalinkLabel }}\n </a>\n } @else if (permalink.route) {\n <a\n class=\"sky-btn sky-flyout-btn-permalink\"\n [routerLink]=\"permalink.route.commands\"\n [fragment]=\"permalink.route.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-link-inline': 'modern'\n }\"\n [queryParams]=\"permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"permalink.route.extras?.queryParamsHandling\"\n [state]=\"permalink.route.extras?.state\"\n (click)=\"close()\"\n >\n {{ permalinkLabel }}\n </a>\n }\n }\n</ng-template>\n\n<ng-template #primaryActionTemplate>\n @if (primaryAction && primaryAction.callback) {\n <button\n type=\"button\"\n class=\"sky-btn sky-flyout-btn-primary-action\"\n [skyThemeClass]=\"{\n 'sky-btn-default': 'default',\n 'sky-btn-link-inline': 'modern'\n }\"\n (click)=\"invokePrimaryAction()\"\n >\n {{ primaryActionLabel }}\n </button>\n }\n</ng-template>\n", styles: [".sky-flyout:not(.sky-theme-modern *){--sky-override-flyout-background: #fff;--sky-override-flyout-border-left: 6px solid #0974a1;--sky-override-flyout-header-background: #eeeeef;--sky-override-flyout-header-border-bottom: 1px solid #cdcfd2;--sky-override-flyout-header-button-margin-right: 10px;--sky-override-flyout-header-height: 50px;--sky-override-flyout-header-padding: 8px 15px 8px 15px;--sky-override-flyout-header-permalink-text-decoration: none;--sky-override-flyout-header-position: fixed;--sky-flyout-resize-handle-offset: -10px;--sky-flyout-resize-handle-width: 14px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-flyout{--sky-override-sky-icon-svg-size-s: 21px;--sky-override-flyout-header-border-bottom: none;--sky-override-flyout-header-button-line-height: calc(20 / 14);--sky-override-flyout-header-button-padding: 9px 21px;--sky-override-flyout-header-button-vertical-align: baseline;--sky-override-flyout-header-height: 50px;--sky-override-flyout-header-permalink-background-color: var( --sky-color-background-action-tertiary-base );--sky-override-flyout-header-permalink-background-color-active: var( --sky-color-background-action-tertiary-active );--sky-override-flyout-header-permalink-background-color-focus: var( --sky-color-background-action-tertiary-focus );--sky-override-flyout-header-permalink-background-color-hover: var( --sky-color-background-action-tertiary-hover );--sky-override-flyout-header-permalink-box-shadow: inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base);--sky-override-flyout-header-permalink-color: var( --sky-color-text-deemphasized );--sky-override-flyout-header-permalink-box-shadow-active: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active);--sky-override-flyout-header-permalink-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-flyout-header-permalink-box-shadow-hover: inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover);--sky-override-flyout-header-permalink-text-decoration: none;--sky-override-flyout-header-position: fixed;--sky-override-flyout-header-primary-action-background-color: var( --sky-color-background-action-secondary-base );--sky-override-flyout-header-primary-action-background-color-active: var( --sky-color-background-action-secondary-active );--sky-override-flyout-header-primary-action-background-color-focus: var( --sky-color-background-action-secondary-focus );--sky-override-flyout-header-primary-action-background-color-hover: var( --sky-color-background-action-secondary-hover );--sky-override-flyout-header-primary-action-box-shadow: inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-secondary-base);--sky-override-flyout-header-primary-action-box-shadow-active: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-secondary-active);--sky-override-flyout-header-primary-action-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-secondary-focus), var(--sky-elevation-focus);--sky-override-flyout-header-primary-action-box-shadow-hover: inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-secondary-hover);--sky-override-flyout-header-primary-action-color: var( --sky-color-text-default );--sky-flyout-resize-handle-offset: -10px}.sky-flyout{position:fixed;right:0;top:0;bottom:0;height:100%;background-color:var(--sky-override-flyout-background, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-flyout-background, var(--sky-color-background-container-base) );border-left:var(--sky-override-flyout-border-left)}.sky-flyout:focus{outline:none}.sky-flyout.sky-flyout-fullscreen{min-width:100%;max-width:100%}.sky-flyout.sky-flyout-fullscreen .sky-flyout-resize-handle{cursor:initial}.sky-flyout.sky-flyout-fullscreen .sky-flyout-header{width:100%}.sky-flyout.sky-flyout-hidden{visibility:hidden}.sky-flyout .sky-flyout-input-aria-only{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);outline:none}.sky-flyout-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:var(--sky-flyout-resize-handle-width, var(--sky-size-width-resize_handle));position:absolute;left:var(--sky-flyout-resize-handle-offset, calc(var(--sky-flyout-resize-handle-width, var(--sky-size-width-resize_handle)) * -.5));cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0;direction:rtl}.sky-flyout-resize-handle::-moz-range-thumb,.sky-flyout-resize-handle::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-ms-thumb,.sky-flyout-resize-handle::-ms-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-header{border-bottom:var(--sky-override-flyout-header-border-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider));width:inherit;background:var(--sky-override-flyout-header-background, var(--sky-color-background-container-base));padding:var(--sky-override-flyout-header-padding, var(--sky-comp-flyout-header-space-inset-top) var(--sky-comp-flyout-header-space-inset-right) var(--sky-comp-flyout-header-space-inset-bottom) var(--sky-comp-flyout-header-space-inset-left));height:var(--sky-override-flyout-header-height);display:flex;position:var(--sky-override-flyout-header-position, sticky);align-items:flex-start}.sky-flyout-header .sky-flyout-btn-primary-action,.sky-flyout-header .sky-flyout-btn-permalink{margin-right:var(--sky-override-flyout-header-button-margin-right, var(--sky-space-gap-action_group-m));display:inline-block}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline,.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline{padding:var(--sky-override-flyout-header-button-padding, var(--sky-space-inset-balanced-none));line-height:var(--sky-override-flyout-header-button-line-height, normal);vertical-align:var(--sky-override-flyout-header-button-vertical-align, baseline)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline{color:var(--sky-override-flyout-header-permalink-color, var(--sky-color-text-action));background-color:var(--sky-override-flyout-header-permalink-background-color, var(--sky-color-background-action-tertiary-base));border-radius:var(--sky-border-radius-s);box-shadow:var(--sky-override-flyout-header-permalink-box-shadow, none)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline:hover{background-color:var(--sky-override-flyout-header-permalink-background-color-hover, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-flyout-header-permalink-box-shadow-hover, none)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline:active,.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline.sky-btn-active{background-color:var(--sky-override-flyout-header-permalink-background-color-active, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-flyout-header-permalink-box-shadow-active, none)}.sky-flyout-header .sky-flyout-btn-permalink.sky-btn-link-inline:focus-visible:not(:active){background-color:var(--sky-override-flyout-header-permalink-background-color-focus, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-flyout-header-permalink-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline{color:var(--sky-override-flyout-header-primary-action-color, var(--sky-color-text-action));background-color:var(--sky-override-flyout-header-primary-action-background-color, var(--sky-color-background-action-tertiary-base));border-radius:var(--sky-border-radius-s);box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow, none)}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline:hover{background-color:var(--sky-override-flyout-header-primary-action-background-color-hover, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow-hover, none)}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline:active,.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline.sky-btn-active{background-color:var(--sky-override-flyout-header-primary-action-background-color-active, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow-active, none)}.sky-flyout-header .sky-flyout-btn-primary-action.sky-btn-link-inline:focus-visible:not(:active){background-color:var(--sky-override-flyout-header-primary-action-background-color-focus, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-flyout-header-primary-action-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-flyout-header-content{flex-grow:1}.sky-flyout-btn-primary-action:hover,.sky-flyout-btn-primary-action:active,.sky-flyout-btn-permalink:hover,.sky-flyout-btn-permalink:active{text-decoration:var(--sky-override-flyout-header-permalink-text-decoration, underline)}.sky-flyout-help-shim{padding-right:8px}@media (min-width: 768px){.sky-flyout-help-shim{padding-right:50px}}.sky-flyout-content{overflow-y:auto;margin-top:var(--sky-override-flyout-header-height, 0);height:calc(100% - var(--sky-override-flyout-header-height, 0px))}.sky-flyout-header-grab-handle{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;margin-right:var(--sky-space-gap-action_group-m)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SkyResponsiveHostDirective, selector: "[skyResponsiveHost]", exportAs: ["skyResponsiveHost"] }, { kind: "ngmodule", type: SkyHrefModule }, { kind: "directive", type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i1$1.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "component", type: SkyFlyoutIteratorComponent, selector: "sky-flyout-iterator", inputs: ["nextButtonDisabled", "previousButtonDisabled"], outputs: ["previousButtonClick", "nextButtonClick"] }, { kind: "ngmodule", type: SkyFlyoutResourcesModule }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], animations: [
|
|
719
719
|
trigger('flyoutState', [
|
|
720
720
|
state(FLYOUT_OPEN_STATE, style({ transform: 'initial' })),
|
|
721
721
|
state(FLYOUT_CLOSED_STATE, style({ transform: 'translateX(100%)' })),
|
|
@@ -727,7 +727,7 @@ class SkyFlyoutComponent {
|
|
|
727
727
|
]),
|
|
728
728
|
], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
729
729
|
}
|
|
730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutComponent, decorators: [{
|
|
731
731
|
type: Component,
|
|
732
732
|
args: [{ selector: 'sky-flyout', providers: [SkyFlyoutAdapterService], animations: [
|
|
733
733
|
trigger('flyoutState', [
|
|
@@ -774,11 +774,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
774
774
|
}] } });
|
|
775
775
|
|
|
776
776
|
class SkyFlyoutModule {
|
|
777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
778
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
779
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
777
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
778
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutModule, imports: [SkyFlyoutComponent], exports: [SkyFlyoutComponent] }); }
|
|
779
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutModule, imports: [SkyFlyoutComponent] }); }
|
|
780
780
|
}
|
|
781
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutModule, decorators: [{
|
|
782
782
|
type: NgModule,
|
|
783
783
|
args: [{
|
|
784
784
|
imports: [SkyFlyoutComponent],
|
|
@@ -936,11 +936,11 @@ class SkyFlyoutService {
|
|
|
936
936
|
this.#ngUnsubscribe.unsubscribe();
|
|
937
937
|
this.#ngUnsubscribe = new Subject();
|
|
938
938
|
}
|
|
939
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
940
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i1.SkyAppWindowRef }, { token: i1.SkyDynamicComponentService }, { token: i2$2.Router }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
940
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutService, providedIn: 'root' }); }
|
|
941
941
|
}
|
|
942
942
|
_a = SkyFlyoutService;
|
|
943
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
943
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutService, decorators: [{
|
|
944
944
|
type: Injectable,
|
|
945
945
|
args: [{
|
|
946
946
|
providedIn: 'root',
|
|
@@ -958,10 +958,10 @@ class SkyFlyoutLegacyService extends SkyFlyoutService {
|
|
|
958
958
|
constructor(coreAdapter, windowRef, dynamicComponentService, router, ngZone) {
|
|
959
959
|
super(coreAdapter, windowRef, dynamicComponentService, router, ngZone);
|
|
960
960
|
}
|
|
961
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
962
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutLegacyService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i1.SkyAppWindowRef }, { token: i1.SkyDynamicComponentLegacyService }, { token: i2$2.Router }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
962
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutLegacyService, providedIn: 'any' }); }
|
|
963
963
|
}
|
|
964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyFlyoutLegacyService, decorators: [{
|
|
965
965
|
type: Injectable,
|
|
966
966
|
args: [{
|
|
967
967
|
providedIn: 'any',
|