@skyux/split-view 11.30.1 → 12.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/documentation.json +278 -276
- package/fesm2022/skyux-split-view-testing.mjs +4 -4
- package/fesm2022/skyux-split-view-testing.mjs.map +1 -1
- package/fesm2022/skyux-split-view.mjs +36 -36
- package/fesm2022/skyux-split-view.mjs.map +1 -1
- package/package.json +12 -16
- package/esm2022/index.mjs +0 -12
- package/esm2022/lib/modules/shared/sky-split-view-resources.module.mjs +0 -34
- package/esm2022/lib/modules/split-view/split-view-adapter.service.mjs +0 -66
- package/esm2022/lib/modules/split-view/split-view-drawer.component.mjs +0 -153
- package/esm2022/lib/modules/split-view/split-view-workspace-content.component.mjs +0 -18
- package/esm2022/lib/modules/split-view/split-view-workspace-footer.component.mjs +0 -16
- package/esm2022/lib/modules/split-view/split-view-workspace-header.component.mjs +0 -39
- package/esm2022/lib/modules/split-view/split-view-workspace.component.mjs +0 -25
- package/esm2022/lib/modules/split-view/split-view.component.mjs +0 -198
- package/esm2022/lib/modules/split-view/split-view.module.mjs +0 -48
- package/esm2022/lib/modules/split-view/split-view.service.mjs +0 -70
- package/esm2022/lib/modules/split-view/types/split-view-dock-type.mjs +0 -2
- package/esm2022/lib/modules/split-view/types/split-view-message-type.mjs +0 -8
- package/esm2022/lib/modules/split-view/types/split-view-message.mjs +0 -2
- package/esm2022/skyux-split-view.mjs +0 -5
- package/esm2022/testing/legacy/split-view/split-view-fixture-drawer.mjs +0 -2
- package/esm2022/testing/legacy/split-view/split-view-fixture-workspace.mjs +0 -2
- package/esm2022/testing/legacy/split-view/split-view-fixture.mjs +0 -81
- package/esm2022/testing/legacy/split-view/split-view-testing.module.mjs +0 -20
- package/esm2022/testing/modules/split-view/split-view-drawer-harness.mjs +0 -18
- package/esm2022/testing/modules/split-view/split-view-harness-filters.mjs +0 -2
- package/esm2022/testing/modules/split-view/split-view-harness.mjs +0 -83
- package/esm2022/testing/modules/split-view/split-view-workspace-content-harness.mjs +0 -11
- package/esm2022/testing/modules/split-view/split-view-workspace-footer-harness.mjs +0 -11
- package/esm2022/testing/modules/split-view/split-view-workspace-harness.mjs +0 -55
- package/esm2022/testing/modules/split-view/split-view-workspace-header-harness.mjs +0 -20
- package/esm2022/testing/public-api.mjs +0 -8
- package/esm2022/testing/skyux-split-view-testing.mjs +0 -5
|
@@ -89,11 +89,11 @@ class SkySplitViewFixture {
|
|
|
89
89
|
* @internal
|
|
90
90
|
*/
|
|
91
91
|
class SkySplitViewTestingModule {
|
|
92
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
93
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
94
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
92
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
93
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewTestingModule, exports: [SkySplitViewModule] }); }
|
|
94
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewTestingModule, providers: [SkyThemeService], imports: [SkySplitViewModule] }); }
|
|
95
95
|
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewTestingModule, decorators: [{
|
|
97
97
|
type: NgModule,
|
|
98
98
|
args: [{
|
|
99
99
|
exports: [SkySplitViewModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-split-view-testing.mjs","sources":["../../../../../libs/components/split-view/testing/src/legacy/split-view/split-view-fixture.ts","../../../../../libs/components/split-view/testing/src/legacy/split-view/split-view-testing.module.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-drawer-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-content-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-footer-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-header-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-harness.ts","../../../../../libs/components/split-view/testing/src/skyux-split-view-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkySplitViewFixtureDrawer } from './split-view-fixture-drawer';\nimport { SkySplitViewFixtureWorkspace } from './split-view-fixture-workspace';\n\n/**\n * Provides information for and interaction with a SKY UX split view component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n * @internal\n */\nexport class SkySplitViewFixture {\n #debugEl: DebugElement;\n\n /**\n * Returns information about the split view's drawer component.\n */\n public get drawer(): SkySplitViewFixtureDrawer {\n const drawer = this.#getDrawer();\n\n return {\n ariaLabel: drawer.getAttribute('aria-label'),\n isVisible: !this.#drawerIsHidden(),\n width: drawer.style.width,\n };\n }\n\n /**\n * Returns information about the split view's workspace component.\n */\n public get workspace(): SkySplitViewFixtureWorkspace {\n const workspace = this.#getWorkspace();\n const backButton = this.#getBackToListButton();\n const workspaceIsHidden = this.#workspaceIsHidden();\n\n return {\n ariaLabel: workspace.getAttribute('aria-label'),\n backButtonIsVisible: !workspaceIsHidden && backButton !== undefined,\n backButtonText: SkyAppTestUtility.getText(backButton),\n isVisible: !workspaceIsHidden,\n };\n }\n\n #fixture: ComponentFixture<unknown>;\n\n constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n this.#fixture = fixture;\n this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-split-view',\n );\n\n // the component takes a while to initialize so we need to wait\n void this.#waitForComponent();\n }\n\n /**\n * Opens the drawer component when in responsive mode. This method clicks the back to list\n * button, if it is visible.\n */\n public async openDrawer(): Promise<void> {\n const backButton = this.#getBackToListButton();\n if (backButton !== undefined) {\n backButton.click();\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n }\n }\n\n // #region helpers\n\n #getDrawer(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-drawer')).nativeElement;\n }\n\n #drawerIsHidden(): boolean {\n const drawer = this.#debugEl.query(\n By.css('.sky-split-view-drawer-flex-container'),\n ).nativeElement;\n return drawer.hasAttribute('hidden');\n }\n\n #getWorkspace(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-workspace'))\n .nativeElement;\n }\n\n #workspaceIsHidden(): boolean {\n const workspace = this.#debugEl.query(\n By.css('.sky-split-view-workspace-flex-container'),\n ).nativeElement;\n return workspace.hasAttribute('hidden');\n }\n\n #getBackToListButton(): HTMLButtonElement {\n return this.#debugEl.query(\n By.css('.sky-split-view-workspace-header-content > button'),\n )?.nativeElement as HTMLButtonElement;\n }\n\n async #waitForComponent(): Promise<void> {\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n }\n\n // #endregion\n}\n","import { NgModule } from '@angular/core';\nimport { SkySplitViewModule } from '@skyux/split-view';\nimport { SkyThemeService } from '@skyux/theme';\n\n/**\n * @internal\n */\n@NgModule({\n exports: [SkySplitViewModule],\n providers: [SkyThemeService],\n})\nexport class SkySplitViewTestingModule {}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view drawer component in tests.\n */\nexport class SkySplitViewDrawerHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-drawer';\n\n #getDrawer = this.locatorFor('.sky-split-view-drawer');\n\n /**\n * The aria-label property of the split view drawer\n */\n public async getAriaLabel(): Promise<string | null> {\n return await (await this.#getDrawer()).getAttribute('aria-label');\n }\n}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view workspace content component in tests.\n */\nexport class SkySplitViewWorkspaceContentHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace-content';\n}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view workspace footer component in tests.\n */\nexport class SkySplitViewWorkspaceFooterHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace-footer';\n}\n","import { TestElement } from '@angular/cdk/testing';\nimport { SkyInputHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view workspace header component in tests.\n * @internal\n */\nexport class SkySplitViewWorkspaceHeaderHarness extends SkyInputHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace-header';\n\n #getButton = this.locatorFor(\n '.sky-split-view-workspace-header-content button',\n );\n\n /**\n * Gets the button element.\n * @internal\n */\n public async getBackButton(): Promise<TestElement> {\n return await this.#getButton();\n }\n}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\nimport { SkySplitViewWorkspaceContentHarness } from './split-view-workspace-content-harness';\nimport { SkySplitViewWorkspaceFooterHarness } from './split-view-workspace-footer-harness';\nimport { SkySplitViewWorkspaceHeaderHarness } from './split-view-workspace-header-harness';\n\n/**\n * Harness to interact with the split view workspace component in tests.\n */\nexport class SkySplitViewWorkspaceHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace';\n\n #getContent = this.locatorForOptional(SkySplitViewWorkspaceContentHarness);\n #getFooter = this.locatorForOptional(SkySplitViewWorkspaceFooterHarness);\n #getHeader = this.locatorForOptional(SkySplitViewWorkspaceHeaderHarness);\n #getWorkspace = this.locatorFor('.sky-split-view-workspace');\n\n /**\n * The aria-label property of the split view workspace\n */\n public async getAriaLabel(): Promise<string | null> {\n return await (await this.#getWorkspace()).getAttribute('aria-label');\n }\n\n /**\n * Gets the workspace content component.\n */\n public async getContent(): Promise<SkySplitViewWorkspaceContentHarness> {\n const content = await this.#getContent();\n if (content === null) {\n throw Error('Could not find split view workspace content.');\n }\n\n return content;\n }\n\n /**\n * Gets the workspace footer component.\n */\n public async getFooter(): Promise<SkySplitViewWorkspaceFooterHarness> {\n const footer = await this.#getFooter();\n\n if (footer === null) {\n throw Error('Could not find split view workspace footer.');\n }\n\n return footer;\n }\n\n /**\n * Gets the workspace header component.\n * @internal\n */\n public async getHeader(): Promise<SkySplitViewWorkspaceHeaderHarness> {\n const header = await this.#getHeader();\n\n if (header === null) {\n throw Error('Could not find split view workspace header.');\n }\n\n return header;\n }\n}\n","import { HarnessPredicate, TestElement } from '@angular/cdk/testing';\nimport { SkyComponentHarness } from '@skyux/core/testing';\nimport { SkySplitViewDockType } from '@skyux/split-view';\n\nimport { SkySplitViewDrawerHarness } from './split-view-drawer-harness';\nimport { SkySplitViewHarnessFilters } from './split-view-harness-filters';\nimport { SkySplitViewWorkspaceHarness } from './split-view-workspace-harness';\n\n/**\n * Harness for interacting with a split view component in tests.\n */\nexport class SkySplitViewHarness extends SkyComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view';\n\n #getSplitView = this.locatorFor('.sky-split-view');\n #getSplitViewDrawer = this.locatorForOptional(SkySplitViewDrawerHarness);\n #getSplitViewDrawerContainer = this.locatorFor(\n '.sky-split-view-drawer-flex-container',\n );\n #getSplitViewWorkspace = this.locatorForOptional(\n SkySplitViewWorkspaceHarness,\n );\n #getSplitViewWorkspaceContainer = this.locatorFor(\n '.sky-split-view-workspace-flex-container',\n );\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a\n * `SkySplitViewHarness` that meets certain criteria.\n */\n public static with(\n filters: SkySplitViewHarnessFilters,\n ): HarnessPredicate<SkySplitViewHarness> {\n return SkySplitViewHarness.getDataSkyIdPredicate(filters);\n }\n\n /**\n * Gets the text for the button that appears in the workspace header in responsive mode.\n */\n public async getBackButtonText(): Promise<string> {\n return (await (await this.#getBackButton()).text()).trim();\n }\n\n /**\n * Gets the type of dock style on the split view.\n */\n public async getDockType(): Promise<SkySplitViewDockType> {\n const dockClass = await (\n await this.#getSplitView()\n ).hasClass('sky-split-view-dock-fill');\n\n return dockClass ? 'fill' : 'none';\n }\n\n /**\n * Gets a 'SkySplitViewDrawerHarness`.\n */\n public async getDrawer(): Promise<SkySplitViewDrawerHarness> {\n const drawer = await this.#getSplitViewDrawer();\n\n if (!drawer) {\n throw Error('Could not find split view drawer.');\n }\n\n return drawer;\n }\n\n /**\n * Whether the drawer component is visible\n */\n public async getDrawerIsVisible(): Promise<boolean> {\n const drawerContainer = await this.#getSplitViewDrawerContainer();\n return (await drawerContainer.getAttribute('hidden')) === null;\n }\n\n /**\n * Gets a `SkySplitViewWorkspaceHarness`.\n */\n public async getWorkspace(): Promise<SkySplitViewWorkspaceHarness> {\n const workspace = await this.#getSplitViewWorkspace();\n\n if (!workspace) {\n throw Error('Could not find split view workspace.');\n }\n\n return workspace;\n }\n\n /**\n * Whether the workspace component is visible.\n */\n public async getWorkspaceIsVisible(): Promise<boolean> {\n const workspaceContainer = await this.#getSplitViewWorkspaceContainer();\n return (await workspaceContainer.getAttribute('hidden')) === null;\n }\n\n /**\n * Opens the drawer component when in responsive mode.\n */\n public async openDrawer(): Promise<void> {\n const button = await this.#getBackButton();\n\n await button.click();\n }\n\n async #getBackButton(): Promise<TestElement> {\n const workspace = await this.getWorkspace();\n return await (await workspace.getHeader()).getBackButton();\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-split-view-testing.mjs","sources":["../../../../../libs/components/split-view/testing/src/legacy/split-view/split-view-fixture.ts","../../../../../libs/components/split-view/testing/src/legacy/split-view/split-view-testing.module.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-drawer-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-content-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-footer-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-header-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-workspace-harness.ts","../../../../../libs/components/split-view/testing/src/modules/split-view/split-view-harness.ts","../../../../../libs/components/split-view/testing/src/skyux-split-view-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkySplitViewFixtureDrawer } from './split-view-fixture-drawer';\nimport { SkySplitViewFixtureWorkspace } from './split-view-fixture-workspace';\n\n/**\n * Provides information for and interaction with a SKY UX split view component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n * @internal\n */\nexport class SkySplitViewFixture {\n #debugEl: DebugElement;\n\n /**\n * Returns information about the split view's drawer component.\n */\n public get drawer(): SkySplitViewFixtureDrawer {\n const drawer = this.#getDrawer();\n\n return {\n ariaLabel: drawer.getAttribute('aria-label'),\n isVisible: !this.#drawerIsHidden(),\n width: drawer.style.width,\n };\n }\n\n /**\n * Returns information about the split view's workspace component.\n */\n public get workspace(): SkySplitViewFixtureWorkspace {\n const workspace = this.#getWorkspace();\n const backButton = this.#getBackToListButton();\n const workspaceIsHidden = this.#workspaceIsHidden();\n\n return {\n ariaLabel: workspace.getAttribute('aria-label'),\n backButtonIsVisible: !workspaceIsHidden && backButton !== undefined,\n backButtonText: SkyAppTestUtility.getText(backButton),\n isVisible: !workspaceIsHidden,\n };\n }\n\n #fixture: ComponentFixture<unknown>;\n\n constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n this.#fixture = fixture;\n this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-split-view',\n );\n\n // the component takes a while to initialize so we need to wait\n void this.#waitForComponent();\n }\n\n /**\n * Opens the drawer component when in responsive mode. This method clicks the back to list\n * button, if it is visible.\n */\n public async openDrawer(): Promise<void> {\n const backButton = this.#getBackToListButton();\n if (backButton !== undefined) {\n backButton.click();\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n }\n }\n\n // #region helpers\n\n #getDrawer(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-drawer')).nativeElement;\n }\n\n #drawerIsHidden(): boolean {\n const drawer = this.#debugEl.query(\n By.css('.sky-split-view-drawer-flex-container'),\n ).nativeElement;\n return drawer.hasAttribute('hidden');\n }\n\n #getWorkspace(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-workspace'))\n .nativeElement;\n }\n\n #workspaceIsHidden(): boolean {\n const workspace = this.#debugEl.query(\n By.css('.sky-split-view-workspace-flex-container'),\n ).nativeElement;\n return workspace.hasAttribute('hidden');\n }\n\n #getBackToListButton(): HTMLButtonElement {\n return this.#debugEl.query(\n By.css('.sky-split-view-workspace-header-content > button'),\n )?.nativeElement as HTMLButtonElement;\n }\n\n async #waitForComponent(): Promise<void> {\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n }\n\n // #endregion\n}\n","import { NgModule } from '@angular/core';\nimport { SkySplitViewModule } from '@skyux/split-view';\nimport { SkyThemeService } from '@skyux/theme';\n\n/**\n * @internal\n */\n@NgModule({\n exports: [SkySplitViewModule],\n providers: [SkyThemeService],\n})\nexport class SkySplitViewTestingModule {}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view drawer component in tests.\n */\nexport class SkySplitViewDrawerHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-drawer';\n\n #getDrawer = this.locatorFor('.sky-split-view-drawer');\n\n /**\n * The aria-label property of the split view drawer\n */\n public async getAriaLabel(): Promise<string | null> {\n return await (await this.#getDrawer()).getAttribute('aria-label');\n }\n}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view workspace content component in tests.\n */\nexport class SkySplitViewWorkspaceContentHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace-content';\n}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view workspace footer component in tests.\n */\nexport class SkySplitViewWorkspaceFooterHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace-footer';\n}\n","import { TestElement } from '@angular/cdk/testing';\nimport { SkyInputHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with the split view workspace header component in tests.\n * @internal\n */\nexport class SkySplitViewWorkspaceHeaderHarness extends SkyInputHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace-header';\n\n #getButton = this.locatorFor(\n '.sky-split-view-workspace-header-content button',\n );\n\n /**\n * Gets the button element.\n * @internal\n */\n public async getBackButton(): Promise<TestElement> {\n return await this.#getButton();\n }\n}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\nimport { SkySplitViewWorkspaceContentHarness } from './split-view-workspace-content-harness';\nimport { SkySplitViewWorkspaceFooterHarness } from './split-view-workspace-footer-harness';\nimport { SkySplitViewWorkspaceHeaderHarness } from './split-view-workspace-header-harness';\n\n/**\n * Harness to interact with the split view workspace component in tests.\n */\nexport class SkySplitViewWorkspaceHarness extends SkyQueryableComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view-workspace';\n\n #getContent = this.locatorForOptional(SkySplitViewWorkspaceContentHarness);\n #getFooter = this.locatorForOptional(SkySplitViewWorkspaceFooterHarness);\n #getHeader = this.locatorForOptional(SkySplitViewWorkspaceHeaderHarness);\n #getWorkspace = this.locatorFor('.sky-split-view-workspace');\n\n /**\n * The aria-label property of the split view workspace\n */\n public async getAriaLabel(): Promise<string | null> {\n return await (await this.#getWorkspace()).getAttribute('aria-label');\n }\n\n /**\n * Gets the workspace content component.\n */\n public async getContent(): Promise<SkySplitViewWorkspaceContentHarness> {\n const content = await this.#getContent();\n if (content === null) {\n throw Error('Could not find split view workspace content.');\n }\n\n return content;\n }\n\n /**\n * Gets the workspace footer component.\n */\n public async getFooter(): Promise<SkySplitViewWorkspaceFooterHarness> {\n const footer = await this.#getFooter();\n\n if (footer === null) {\n throw Error('Could not find split view workspace footer.');\n }\n\n return footer;\n }\n\n /**\n * Gets the workspace header component.\n * @internal\n */\n public async getHeader(): Promise<SkySplitViewWorkspaceHeaderHarness> {\n const header = await this.#getHeader();\n\n if (header === null) {\n throw Error('Could not find split view workspace header.');\n }\n\n return header;\n }\n}\n","import { HarnessPredicate, TestElement } from '@angular/cdk/testing';\nimport { SkyComponentHarness } from '@skyux/core/testing';\nimport { SkySplitViewDockType } from '@skyux/split-view';\n\nimport { SkySplitViewDrawerHarness } from './split-view-drawer-harness';\nimport { SkySplitViewHarnessFilters } from './split-view-harness-filters';\nimport { SkySplitViewWorkspaceHarness } from './split-view-workspace-harness';\n\n/**\n * Harness for interacting with a split view component in tests.\n */\nexport class SkySplitViewHarness extends SkyComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-split-view';\n\n #getSplitView = this.locatorFor('.sky-split-view');\n #getSplitViewDrawer = this.locatorForOptional(SkySplitViewDrawerHarness);\n #getSplitViewDrawerContainer = this.locatorFor(\n '.sky-split-view-drawer-flex-container',\n );\n #getSplitViewWorkspace = this.locatorForOptional(\n SkySplitViewWorkspaceHarness,\n );\n #getSplitViewWorkspaceContainer = this.locatorFor(\n '.sky-split-view-workspace-flex-container',\n );\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a\n * `SkySplitViewHarness` that meets certain criteria.\n */\n public static with(\n filters: SkySplitViewHarnessFilters,\n ): HarnessPredicate<SkySplitViewHarness> {\n return SkySplitViewHarness.getDataSkyIdPredicate(filters);\n }\n\n /**\n * Gets the text for the button that appears in the workspace header in responsive mode.\n */\n public async getBackButtonText(): Promise<string> {\n return (await (await this.#getBackButton()).text()).trim();\n }\n\n /**\n * Gets the type of dock style on the split view.\n */\n public async getDockType(): Promise<SkySplitViewDockType> {\n const dockClass = await (\n await this.#getSplitView()\n ).hasClass('sky-split-view-dock-fill');\n\n return dockClass ? 'fill' : 'none';\n }\n\n /**\n * Gets a 'SkySplitViewDrawerHarness`.\n */\n public async getDrawer(): Promise<SkySplitViewDrawerHarness> {\n const drawer = await this.#getSplitViewDrawer();\n\n if (!drawer) {\n throw Error('Could not find split view drawer.');\n }\n\n return drawer;\n }\n\n /**\n * Whether the drawer component is visible\n */\n public async getDrawerIsVisible(): Promise<boolean> {\n const drawerContainer = await this.#getSplitViewDrawerContainer();\n return (await drawerContainer.getAttribute('hidden')) === null;\n }\n\n /**\n * Gets a `SkySplitViewWorkspaceHarness`.\n */\n public async getWorkspace(): Promise<SkySplitViewWorkspaceHarness> {\n const workspace = await this.#getSplitViewWorkspace();\n\n if (!workspace) {\n throw Error('Could not find split view workspace.');\n }\n\n return workspace;\n }\n\n /**\n * Whether the workspace component is visible.\n */\n public async getWorkspaceIsVisible(): Promise<boolean> {\n const workspaceContainer = await this.#getSplitViewWorkspaceContainer();\n return (await workspaceContainer.getAttribute('hidden')) === null;\n }\n\n /**\n * Opens the drawer component when in responsive mode.\n */\n public async openDrawer(): Promise<void> {\n const button = await this.#getBackButton();\n\n await button.click();\n }\n\n async #getBackButton(): Promise<TestElement> {\n const workspace = await this.getWorkspace();\n return await (await workspace.getHeader()).getBackButton();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -33,11 +33,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
33
33
|
* Import into any component library module that needs to use resource strings.
|
|
34
34
|
*/
|
|
35
35
|
class SkySplitViewResourcesModule {
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
37
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
38
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
37
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewResourcesModule, exports: [SkyI18nModule] }); }
|
|
38
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewResourcesModule, imports: [SkyI18nModule] }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewResourcesModule, decorators: [{
|
|
41
41
|
type: NgModule,
|
|
42
42
|
args: [{
|
|
43
43
|
exports: [SkyI18nModule],
|
|
@@ -100,10 +100,10 @@ class SkySplitViewService {
|
|
|
100
100
|
updateBackButtonText(text) {
|
|
101
101
|
this.#_backButtonTextStream.next(text);
|
|
102
102
|
}
|
|
103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
104
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewService, deps: [{ token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
104
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewService }); }
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewService, decorators: [{
|
|
107
107
|
type: Injectable
|
|
108
108
|
}], ctorParameters: () => [{ type: i1.SkyLibResourcesService }] });
|
|
109
109
|
|
|
@@ -236,12 +236,12 @@ class SkySplitViewDrawerComponent {
|
|
|
236
236
|
const splitView = this.#splitViewSvc.splitViewElementRef?.nativeElement.querySelector('.sky-split-view');
|
|
237
237
|
this.widthMax = splitView.clientWidth - this.widthTolerance;
|
|
238
238
|
}
|
|
239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
240
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
239
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewDrawerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.SkyCoreAdapterService }, { token: SkySplitViewService }, { token: i1$1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
240
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkySplitViewDrawerComponent, isStandalone: true, selector: "sky-split-view-drawer", inputs: { ariaLabel: "ariaLabel", width: "width" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div\n class=\"sky-split-view-drawer\"\n role=\"region\"\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabel\"\n [id]=\"splitViewDrawerId\"\n [style.width.px]=\"width\"\n>\n <ng-content />\n @if (!isMobile && width !== undefined) {\n <input\n aria-orientation=\"vertical\"\n class=\"sky-split-view-resize-handle\"\n step=\"10\"\n type=\"range\"\n [attr.aria-controls]=\"splitViewDrawerId\"\n [attr.aria-label]=\"'skyux_split_view_resize_handle' | skyLibResources\"\n [attr.aria-valuemax]=\"widthMax\"\n [attr.aria-valuemin]=\"widthMin\"\n [attr.aria-valuenow]=\"width\"\n [attr.aria-valuetext]=\"width + ' pixels wide'\"\n [max]=\"widthMax\"\n [min]=\"widthMin\"\n [style.left.px]=\"width - 7\"\n [value]=\"width\"\n (change)=\"onResizeHandleChange($event)\"\n (mousedown)=\"onResizeHandleMouseDown($event)\"\n />\n }\n</div>\n", styles: [".sky-split-view-drawer{background:#fff;overflow:auto;height:100%;width:100%}@media (min-width: 768px){:host .sky-split-view-drawer{border-right:1px solid #cdcfd2}}:host-context(.sky-responsive-container-sm) .sky-split-view-drawer,:host-context(.sky-responsive-container-md) .sky-split-view-drawer,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer{border-right:1px solid #cdcfd2}.sky-split-view-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:14px;position:absolute;z-index:999;cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0}.sky-split-view-resize-handle::-moz-range-thumb,.sky-split-view-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-split-view-resize-handle::-ms-thumb,.sky-split-view-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-split-view-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}:host-context(.sky-theme-modern) .sky-split-view-drawer{background:transparent}:host-context(.sky-theme-modern) .sky-split-view-resize-handle{transition:box-shadow .15s}:host-context(.sky-theme-modern) .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}.sky-theme-modern .sky-split-view-drawer{background:transparent}.sky-theme-modern .sky-split-view-resize-handle{transition:box-shadow .15s}.sky-theme-modern .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SkySplitViewResourcesModule }, { kind: "pipe", type: i1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
241
241
|
}
|
|
242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewDrawerComponent, decorators: [{
|
|
243
243
|
type: Component,
|
|
244
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, SkySplitViewResourcesModule], selector: 'sky-split-view-drawer',
|
|
244
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, SkySplitViewResourcesModule], selector: 'sky-split-view-drawer', template: "<div\n class=\"sky-split-view-drawer\"\n role=\"region\"\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabel\"\n [id]=\"splitViewDrawerId\"\n [style.width.px]=\"width\"\n>\n <ng-content />\n @if (!isMobile && width !== undefined) {\n <input\n aria-orientation=\"vertical\"\n class=\"sky-split-view-resize-handle\"\n step=\"10\"\n type=\"range\"\n [attr.aria-controls]=\"splitViewDrawerId\"\n [attr.aria-label]=\"'skyux_split_view_resize_handle' | skyLibResources\"\n [attr.aria-valuemax]=\"widthMax\"\n [attr.aria-valuemin]=\"widthMin\"\n [attr.aria-valuenow]=\"width\"\n [attr.aria-valuetext]=\"width + ' pixels wide'\"\n [max]=\"widthMax\"\n [min]=\"widthMin\"\n [style.left.px]=\"width - 7\"\n [value]=\"width\"\n (change)=\"onResizeHandleChange($event)\"\n (mousedown)=\"onResizeHandleMouseDown($event)\"\n />\n }\n</div>\n", styles: [".sky-split-view-drawer{background:#fff;overflow:auto;height:100%;width:100%}@media (min-width: 768px){:host .sky-split-view-drawer{border-right:1px solid #cdcfd2}}:host-context(.sky-responsive-container-sm) .sky-split-view-drawer,:host-context(.sky-responsive-container-md) .sky-split-view-drawer,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer{border-right:1px solid #cdcfd2}.sky-split-view-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:14px;position:absolute;z-index:999;cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0}.sky-split-view-resize-handle::-moz-range-thumb,.sky-split-view-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-split-view-resize-handle::-ms-thumb,.sky-split-view-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-split-view-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}:host-context(.sky-theme-modern) .sky-split-view-drawer{background:transparent}:host-context(.sky-theme-modern) .sky-split-view-resize-handle{transition:box-shadow .15s}:host-context(.sky-theme-modern) .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}.sky-theme-modern .sky-split-view-drawer{background:transparent}.sky-theme-modern .sky-split-view-resize-handle{transition:box-shadow .15s}.sky-theme-modern .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}\n"] }]
|
|
245
245
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.SkyCoreAdapterService }, { type: SkySplitViewService }, { type: i1$1.SkyAppWindowRef }], propDecorators: { ariaLabel: [{
|
|
246
246
|
type: Input
|
|
247
247
|
}], width: [{
|
|
@@ -255,10 +255,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
255
255
|
* Specifies the content to display in the split view's workspace panel.
|
|
256
256
|
*/
|
|
257
257
|
class SkySplitViewWorkspaceContentComponent {
|
|
258
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
259
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
258
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
259
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkySplitViewWorkspaceContentComponent, isStandalone: true, selector: "sky-split-view-workspace-content", host: { attributes: { "tabindex": "0" } }, hostDirectives: [{ directive: i1$1.SkyResponsiveHostDirective }], ngImport: i0, template: "<div class=\"sky-split-view-workspace-content\">\n <ng-content />\n</div>\n", styles: [":host{display:block;overflow:auto;flex-grow:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
260
260
|
}
|
|
261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceContentComponent, decorators: [{
|
|
262
262
|
type: Component,
|
|
263
263
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
264
264
|
tabindex: '0',
|
|
@@ -269,10 +269,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
269
269
|
* Specifies the footer to display in the split view's workspace panel. This component is often used with a summary action bar.
|
|
270
270
|
*/
|
|
271
271
|
class SkySplitViewWorkspaceFooterComponent {
|
|
272
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
273
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
272
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
273
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkySplitViewWorkspaceFooterComponent, isStandalone: true, selector: "sky-split-view-workspace-footer", hostDirectives: [{ directive: i1$1.SkyResponsiveHostDirective }], ngImport: i0, template: "<div class=\"sky-split-view-workspace-footer\">\n <ng-content />\n</div>\n", styles: [":host{display:block;flex-shrink:0}.sky-split-view-workspace-footer{padding:10px;box-shadow:0 -3px 3px #cdcfd2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
274
274
|
}
|
|
275
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
275
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceFooterComponent, decorators: [{
|
|
276
276
|
type: Component,
|
|
277
277
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [SkyResponsiveHostDirective], selector: 'sky-split-view-workspace-footer', standalone: true, template: "<div class=\"sky-split-view-workspace-footer\">\n <ng-content />\n</div>\n", styles: [":host{display:block;flex-shrink:0}.sky-split-view-workspace-footer{padding:10px;box-shadow:0 -3px 3px #cdcfd2}\n"] }]
|
|
278
278
|
}] });
|
|
@@ -301,12 +301,12 @@ class SkySplitViewWorkspaceHeaderComponent {
|
|
|
301
301
|
this.#ngUnsubscribe.next();
|
|
302
302
|
this.#ngUnsubscribe.complete();
|
|
303
303
|
}
|
|
304
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
305
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
304
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceHeaderComponent, deps: [{ token: SkySplitViewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
305
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkySplitViewWorkspaceHeaderComponent, isStandalone: true, selector: "sky-split-view-workspace-header", ngImport: i0, template: "<div class=\"sky-split-view-workspace-header\">\n <div class=\"sky-split-view-workspace-header-content\">\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"onShowDrawerButtonClick()\"\n >\n <sky-icon icon=\"chevron-left\" />\n {{ backButtonText }}\n </button>\n </div>\n</div>\n", styles: [".sky-split-view-workspace-header{display:flex;align-items:flex-start;justify-content:flex-end;border-bottom:1px solid #cdcfd2;padding:5px 0}.sky-split-view-workspace-header .sky-split-view-workspace-header-content{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
306
306
|
}
|
|
307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceHeaderComponent, decorators: [{
|
|
308
308
|
type: Component,
|
|
309
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyIconModule], selector: 'sky-split-view-workspace-header',
|
|
309
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyIconModule], selector: 'sky-split-view-workspace-header', template: "<div class=\"sky-split-view-workspace-header\">\n <div class=\"sky-split-view-workspace-header-content\">\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"onShowDrawerButtonClick()\"\n >\n <sky-icon icon=\"chevron-left\" />\n {{ backButtonText }}\n </button>\n </div>\n</div>\n", styles: [".sky-split-view-workspace-header{display:flex;align-items:flex-start;justify-content:flex-end;border-bottom:1px solid #cdcfd2;padding:5px 0}.sky-split-view-workspace-header .sky-split-view-workspace-header-content{flex-grow:1}\n"] }]
|
|
310
310
|
}], ctorParameters: () => [{ type: SkySplitViewService }] });
|
|
311
311
|
|
|
312
312
|
/**
|
|
@@ -319,12 +319,12 @@ class SkySplitViewWorkspaceComponent {
|
|
|
319
319
|
// the workspace area.
|
|
320
320
|
this.breakpoint = toSignal(inject(SkyMediaQueryService, { skipSelf: true }).breakpointChange);
|
|
321
321
|
}
|
|
322
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
323
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
323
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkySplitViewWorkspaceComponent, isStandalone: true, selector: "sky-split-view-workspace", inputs: { ariaLabel: "ariaLabel" }, ngImport: i0, template: "<div\n class=\"sky-split-view-workspace\"\n role=\"region\"\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabel\"\n>\n @if (breakpoint() === 'xs') {\n <sky-split-view-workspace-header />\n }\n <ng-content select=\"sky-split-view-workspace-content\" />\n <ng-content select=\"sky-split-view-workspace-footer\" />\n</div>\n", styles: [".sky-split-view-workspace{background:#fff;height:100%;display:flex;flex-direction:column}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-split-view-workspace{background-color:#121212;border-color:#686c73}.sky-theme-modern.sky-theme-mode-dark .sky-split-view-workspace{background-color:#121212;border-color:#686c73}\n"], dependencies: [{ kind: "component", type: SkySplitViewWorkspaceHeaderComponent, selector: "sky-split-view-workspace-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
324
324
|
}
|
|
325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewWorkspaceComponent, decorators: [{
|
|
326
326
|
type: Component,
|
|
327
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkySplitViewWorkspaceHeaderComponent], selector: 'sky-split-view-workspace',
|
|
327
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkySplitViewWorkspaceHeaderComponent], selector: 'sky-split-view-workspace', template: "<div\n class=\"sky-split-view-workspace\"\n role=\"region\"\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabel\"\n>\n @if (breakpoint() === 'xs') {\n <sky-split-view-workspace-header />\n }\n <ng-content select=\"sky-split-view-workspace-content\" />\n <ng-content select=\"sky-split-view-workspace-footer\" />\n</div>\n", styles: [".sky-split-view-workspace{background:#fff;height:100%;display:flex;flex-direction:column}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-split-view-workspace{background-color:#121212;border-color:#686c73}.sky-theme-modern.sky-theme-mode-dark .sky-split-view-workspace{background-color:#121212;border-color:#686c73}\n"] }]
|
|
328
328
|
}], propDecorators: { ariaLabel: [{
|
|
329
329
|
type: Input
|
|
330
330
|
}] } });
|
|
@@ -383,10 +383,10 @@ class SkySplitViewAdapterService {
|
|
|
383
383
|
this.#renderer.setStyle(splitViewElement, 'max-height', 'calc(100vh - ' + offsetTop + 'px - ' + marginBottom + ')');
|
|
384
384
|
this.#renderer.setStyle(splitViewElement, 'min-height', '300px');
|
|
385
385
|
}
|
|
386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
387
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewAdapterService, deps: [{ token: i1$1.SkyMutationObserverService }, { token: i0.RendererFactory2 }, { token: i1$1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
387
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewAdapterService }); }
|
|
388
388
|
}
|
|
389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewAdapterService, decorators: [{
|
|
390
390
|
type: Injectable
|
|
391
391
|
}], ctorParameters: () => [{ type: i1$1.SkyMutationObserverService }, { type: i0.RendererFactory2 }, { type: i1$1.SkyAppWindowRef }] });
|
|
392
392
|
|
|
@@ -542,8 +542,8 @@ class SkySplitViewComponent {
|
|
|
542
542
|
break;
|
|
543
543
|
}
|
|
544
544
|
}
|
|
545
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
546
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
545
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewComponent, deps: [{ token: SkySplitViewAdapterService }, { token: i0.ChangeDetectorRef }, { token: i1$1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: SkySplitViewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
546
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkySplitViewComponent, isStandalone: true, selector: "sky-split-view", inputs: { backButtonText: "backButtonText", bindHeightToWindow: "bindHeightToWindow", dock: "dock", messageStream: "messageStream" }, providers: [SkySplitViewAdapterService, SkySplitViewService], queries: [{ propertyName: "drawerComponent", first: true, predicate: SkySplitViewDrawerComponent, descendants: true }], hostDirectives: [{ directive: i1$1.SkyResponsiveHostDirective }], ngImport: i0, template: "<div\n class=\"sky-split-view\"\n [ngClass]=\"'sky-split-view-dock-' + dock\"\n [@blockAnimationOnLoad]\n>\n <div\n class=\"sky-split-view-drawer-flex-container\"\n [hidden]=\"!drawerVisible\"\n [@drawerEnter]=\"drawerVisible\"\n >\n <ng-content select=\"sky-split-view-drawer\" />\n </div>\n\n <div\n class=\"sky-split-view-workspace-flex-container\"\n [hidden]=\"!workspaceVisible\"\n [@workspaceEnter]=\"workspaceVisible\"\n (@workspaceEnter.done)=\"onWorkspaceEnterComplete()\"\n >\n <ng-content select=\"sky-split-view-workspace\" />\n </div>\n</div>\n", styles: [":host{display:block}.sky-split-view{position:relative;display:flex;border:1px solid #cdcfd2;background:transparent;margin:var(--sky-layout-host-content-spacing, 0);max-height:100%}.sky-split-view .sky-split-view-workspace-flex-container{flex-grow:1;flex-shrink:99;overflow:auto}.sky-split-view-dock-fill{position:absolute;inset:0}:host .sky-split-view-drawer-flex-container{width:100%}:host-context(.sky-responsive-container-xs) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-sm) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-md) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer-flex-container{width:100%}@media (min-width: 768px){:host .sky-split-view-drawer-flex-container{width:auto}}:host-context(.sky-responsive-container-sm) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-md) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer-flex-container{width:auto}@media (min-width: 768px){:host :host-context(.sky-theme-modern) .sky-split-view{border-left:none}:host .sky-theme-modern .sky-split-view{border-left:none}}:host-context(.sky-responsive-container-sm) :host-context(.sky-theme-modern) .sky-split-view,:host-context(.sky-responsive-container-md) :host-context(.sky-theme-modern) .sky-split-view,:host-context(.sky-responsive-container-lg) :host-context(.sky-theme-modern) .sky-split-view{border-left:none}:host-context(.sky-responsive-container-sm) .sky-theme-modern .sky-split-view,:host-context(.sky-responsive-container-md) .sky-theme-modern .sky-split-view,:host-context(.sky-responsive-container-lg) .sky-theme-modern .sky-split-view{border-left:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
|
|
547
547
|
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
548
548
|
trigger('drawerEnter', [
|
|
549
549
|
state('false', style({ transform: 'translate(-100%)' })),
|
|
@@ -555,7 +555,7 @@ class SkySplitViewComponent {
|
|
|
555
555
|
]),
|
|
556
556
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
557
557
|
}
|
|
558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewComponent, decorators: [{
|
|
559
559
|
type: Component,
|
|
560
560
|
args: [{ animations: [
|
|
561
561
|
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
@@ -567,7 +567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
567
567
|
state('false', style({ transform: 'translate(100%)' })),
|
|
568
568
|
transition('* => true', animate('150ms ease-in')),
|
|
569
569
|
]),
|
|
570
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [SkyResponsiveHostDirective], imports: [CommonModule], providers: [SkySplitViewAdapterService, SkySplitViewService], selector: 'sky-split-view',
|
|
570
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [SkyResponsiveHostDirective], imports: [CommonModule], providers: [SkySplitViewAdapterService, SkySplitViewService], selector: 'sky-split-view', template: "<div\n class=\"sky-split-view\"\n [ngClass]=\"'sky-split-view-dock-' + dock\"\n [@blockAnimationOnLoad]\n>\n <div\n class=\"sky-split-view-drawer-flex-container\"\n [hidden]=\"!drawerVisible\"\n [@drawerEnter]=\"drawerVisible\"\n >\n <ng-content select=\"sky-split-view-drawer\" />\n </div>\n\n <div\n class=\"sky-split-view-workspace-flex-container\"\n [hidden]=\"!workspaceVisible\"\n [@workspaceEnter]=\"workspaceVisible\"\n (@workspaceEnter.done)=\"onWorkspaceEnterComplete()\"\n >\n <ng-content select=\"sky-split-view-workspace\" />\n </div>\n</div>\n", styles: [":host{display:block}.sky-split-view{position:relative;display:flex;border:1px solid #cdcfd2;background:transparent;margin:var(--sky-layout-host-content-spacing, 0);max-height:100%}.sky-split-view .sky-split-view-workspace-flex-container{flex-grow:1;flex-shrink:99;overflow:auto}.sky-split-view-dock-fill{position:absolute;inset:0}:host .sky-split-view-drawer-flex-container{width:100%}:host-context(.sky-responsive-container-xs) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-sm) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-md) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer-flex-container{width:100%}@media (min-width: 768px){:host .sky-split-view-drawer-flex-container{width:auto}}:host-context(.sky-responsive-container-sm) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-md) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer-flex-container{width:auto}@media (min-width: 768px){:host :host-context(.sky-theme-modern) .sky-split-view{border-left:none}:host .sky-theme-modern .sky-split-view{border-left:none}}:host-context(.sky-responsive-container-sm) :host-context(.sky-theme-modern) .sky-split-view,:host-context(.sky-responsive-container-md) :host-context(.sky-theme-modern) .sky-split-view,:host-context(.sky-responsive-container-lg) :host-context(.sky-theme-modern) .sky-split-view{border-left:none}:host-context(.sky-responsive-container-sm) .sky-theme-modern .sky-split-view,:host-context(.sky-responsive-container-md) .sky-theme-modern .sky-split-view,:host-context(.sky-responsive-container-lg) .sky-theme-modern .sky-split-view{border-left:none}\n"] }]
|
|
571
571
|
}], ctorParameters: () => [{ type: SkySplitViewAdapterService }, { type: i0.ChangeDetectorRef }, { type: i1$1.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: SkySplitViewService }], propDecorators: { backButtonText: [{
|
|
572
572
|
type: Input
|
|
573
573
|
}], bindHeightToWindow: [{
|
|
@@ -582,8 +582,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
582
582
|
}] } });
|
|
583
583
|
|
|
584
584
|
class SkySplitViewModule {
|
|
585
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
586
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
585
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
586
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewModule, imports: [SkySplitViewComponent,
|
|
587
587
|
SkySplitViewDrawerComponent,
|
|
588
588
|
SkySplitViewWorkspaceComponent,
|
|
589
589
|
SkySplitViewWorkspaceContentComponent,
|
|
@@ -594,12 +594,12 @@ class SkySplitViewModule {
|
|
|
594
594
|
SkySplitViewWorkspaceContentComponent,
|
|
595
595
|
SkySplitViewWorkspaceFooterComponent,
|
|
596
596
|
SkySplitViewWorkspaceHeaderComponent] }); }
|
|
597
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
597
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewModule, imports: [SkySplitViewComponent,
|
|
598
598
|
SkySplitViewDrawerComponent,
|
|
599
599
|
SkySplitViewWorkspaceComponent,
|
|
600
600
|
SkySplitViewWorkspaceHeaderComponent] }); }
|
|
601
601
|
}
|
|
602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySplitViewModule, decorators: [{
|
|
603
603
|
type: NgModule,
|
|
604
604
|
args: [{
|
|
605
605
|
imports: [
|