xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/SpaceFiller/SpaceFiller.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spaceFillerComponentRenderer = exports.SpaceFillerMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SpaceFiller_module_scss_1 = __importDefault(require("./SpaceFiller.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const SpaceFillerNative_1 = require("./SpaceFillerNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "SpaceFiller";
-exports.SpaceFillerMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`SpaceFiller` works well in layout containers to fill remaining (unused) " +
-        "space. Its behavior depends on the layout container in which it is used.",
-    themeVars: (0, themeVars_1.parseScssVar)(SpaceFiller_module_scss_1.default.themeVars),
-});
-exports.spaceFillerComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.SpaceFillerMd, () => ((0, jsx_runtime_1.jsx)(SpaceFillerNative_1.SpaceFiller, {})));

package/dist/scripts/src/components/SpaceFiller/SpaceFiller.spec.js

@@ -1,184 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders without props", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<SpaceFiller/>`);
-        const spaceFiller = page.getByTestId("test-id-component");
-        // SpaceFiller exists in DOM but may not be "visible" due to zero dimensions
-        yield (0, fixtures_1.expect)(spaceFiller).toBeAttached();
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("flex", "1 1 0px");
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("place-self", "stretch");
-    }));
-    (0, fixtures_1.test)("renders in HStack and pushes subsequent elements to the end", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HStack>
-        <Stack width="36px" height="36px" backgroundColor="red" testId="red-box"/>
-        <SpaceFiller testId="spacer"/>
-        <Stack width="36px" height="36px" backgroundColor="blue" testId="blue-box"/>
-      </HStack>
-    `);
-        const redBox = page.getByTestId("red-box");
-        const blueBox = page.getByTestId("blue-box");
-        const spaceFiller = page.getByTestId("spacer");
-        yield (0, fixtures_1.expect)(spaceFiller).toBeAttached();
-        yield (0, fixtures_1.expect)(redBox).toBeVisible();
-        yield (0, fixtures_1.expect)(blueBox).toBeVisible();
-        // Verify the spaceFiller has flex properties
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("flex", "1 1 0px");
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("place-self", "stretch");
-    }));
-    (0, fixtures_1.test)("renders in VStack and pushes subsequent elements to the end", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack>
-        <Stack width="36px" height="36px" backgroundColor="red" testId="red-box"/>
-        <SpaceFiller testId="spacer"/>
-        <Stack width="36px" height="36px" backgroundColor="blue" testId="blue-box"/>
-      </VStack>
-    `);
-        const redBox = page.getByTestId("red-box");
-        const blueBox = page.getByTestId("blue-box");
-        const spaceFiller = page.getByTestId("spacer");
-        yield (0, fixtures_1.expect)(spaceFiller).toBeAttached();
-        yield (0, fixtures_1.expect)(redBox).toBeVisible();
-        yield (0, fixtures_1.expect)(blueBox).toBeVisible();
-        // Verify the spaceFiller has flex properties
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("flex", "1 1 0px");
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("place-self", "stretch");
-    }));
-    (0, fixtures_1.test)("acts as line break in FlowLayout", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <FlowLayout>
-        <Stack width="20%" height="36px" backgroundColor="red" testId="red-box"/>
-        <SpaceFiller/>
-        <Stack width="20%" height="36px" backgroundColor="green" testId="green-box"/>
-        <Stack width="20%" height="36px" backgroundColor="blue" testId="blue-box"/>
-      </FlowLayout>
-    `);
-        const redBox = page.getByTestId("red-box");
-        const greenBox = page.getByTestId("green-box");
-        const blueBox = page.getByTestId("blue-box");
-        yield (0, fixtures_1.expect)(redBox).toBeVisible();
-        yield (0, fixtures_1.expect)(greenBox).toBeVisible();
-        yield (0, fixtures_1.expect)(blueBox).toBeVisible();
-        // Get bounding rectangles to verify line break behavior
-        const redRect = yield redBox.boundingBox();
-        const greenRect = yield greenBox.boundingBox();
-        const blueRect = yield blueBox.boundingBox();
-        // Red box should be on the first line
-        // Green and blue boxes should be on the second line (lower y position)
-        // The SpaceFiller should cause a line break between red and green/blue
-        (0, fixtures_1.expect)(redRect).not.toBeNull();
-        (0, fixtures_1.expect)(greenRect).not.toBeNull();
-        (0, fixtures_1.expect)(blueRect).not.toBeNull();
-        // Green and blue boxes should be on a different (lower) line than red
-        (0, fixtures_1.expect)(greenRect.y).toBeGreaterThan(redRect.y);
-        (0, fixtures_1.expect)(blueRect.y).toBeGreaterThan(redRect.y);
-        // Green and blue should be on the same line (similar y coordinates)
-        (0, fixtures_1.expect)(Math.abs(greenRect.y - blueRect.y)).toBeLessThan(5);
-    }));
-    (0, fixtures_1.test)("multiple SpaceFillers distribute space evenly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HStack>
-        <Stack width="36px" height="36px" backgroundColor="red" testId="red-box"/>
-        <SpaceFiller testId="spacer1"/>
-        <Stack width="36px" height="36px" backgroundColor="green" testId="green-box"/>
-        <SpaceFiller testId="spacer2"/>
-        <Stack width="36px" height="36px" backgroundColor="blue" testId="blue-box"/>
-      </HStack>
-    `);
-        const redBox = page.getByTestId("red-box");
-        const greenBox = page.getByTestId("green-box");
-        const blueBox = page.getByTestId("blue-box");
-        const spaceFiller1 = page.getByTestId("spacer1");
-        const spaceFiller2 = page.getByTestId("spacer2");
-        yield (0, fixtures_1.expect)(spaceFiller1).toBeVisible();
-        yield (0, fixtures_1.expect)(spaceFiller2).toBeVisible();
-        yield (0, fixtures_1.expect)(redBox).toBeVisible();
-        yield (0, fixtures_1.expect)(greenBox).toBeVisible();
-        yield (0, fixtures_1.expect)(blueBox).toBeVisible();
-        // Both SpaceFillers should have the same flex properties
-        yield (0, fixtures_1.expect)(spaceFiller1).toHaveCSS("flex", "1 1 0px");
-        yield (0, fixtures_1.expect)(spaceFiller2).toHaveCSS("flex", "1 1 0px");
-    }));
-    (0, fixtures_1.test)("ignores layout properties", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HStack>
-        <SpaceFiller testId="spacer" width="100px" height="100px" backgroundColor="red" padding="20px"/>
-      </HStack>
-    `);
-        const spaceFiller = page.getByTestId("spacer");
-        yield (0, fixtures_1.expect)(spaceFiller).toBeAttached();
-        // SpaceFiller should not apply any styling properties
-        yield (0, fixtures_1.expect)(spaceFiller).not.toHaveCSS("width", "100px");
-        yield (0, fixtures_1.expect)(spaceFiller).not.toHaveCSS("height", "100px");
-        yield (0, fixtures_1.expect)(spaceFiller).not.toHaveCSS("background-color", "rgb(255, 0, 0)");
-        yield (0, fixtures_1.expect)(spaceFiller).not.toHaveCSS("padding", "20px");
-        // But it should still have its core flex properties
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("flex", "1 1 0px");
-    }));
-});
-// =============================================================================
-// OTHER EDGE CASE TESTS
-// =============================================================================
-fixtures_1.test.describe("Other Edge Cases", () => {
-    (0, fixtures_1.test)("renders correctly when nested in multiple containers", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack>
-        <HStack>
-          <Stack width="36px" height="36px" backgroundColor="red"/>
-          <SpaceFiller testId="spacer1"/>
-          <Stack width="36px" height="36px" backgroundColor="blue"/>
-        </HStack>
-        <SpaceFiller testId="spacer2"/>
-        <HStack>
-          <Stack width="36px" height="36px" backgroundColor="green"/>
-        </HStack>
-      </VStack>
-    `);
-        const spaceFiller1 = page.getByTestId("spacer1");
-        const spaceFiller2 = page.getByTestId("spacer2");
-        yield (0, fixtures_1.expect)(spaceFiller1).toBeAttached();
-        yield (0, fixtures_1.expect)(spaceFiller2).toBeAttached();
-        // Both should have the correct CSS properties
-        yield (0, fixtures_1.expect)(spaceFiller1).toHaveCSS("flex", "1 1 0px");
-        yield (0, fixtures_1.expect)(spaceFiller2).toHaveCSS("flex", "1 1 0px");
-    }));
-    (0, fixtures_1.test)("works in containers with no other children", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HStack>
-        <SpaceFiller testId="spacer"/>
-      </HStack>
-    `);
-        const spaceFiller = page.getByTestId("spacer");
-        yield (0, fixtures_1.expect)(spaceFiller).toBeAttached();
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("flex", "1 1 0px");
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("place-self", "stretch");
-    }));
-    (0, fixtures_1.test)("handles container with different alignment settings", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HStack justifyContent="center" alignItems="flex-end">
-        <Stack width="36px" height="36px" backgroundColor="red"/>
-        <SpaceFiller testId="spacer"/>
-        <Stack width="36px" height="36px" backgroundColor="blue"/>
-      </HStack>
-    `);
-        const spaceFiller = page.getByTestId("spacer");
-        yield (0, fixtures_1.expect)(spaceFiller).toBeAttached();
-        // SpaceFiller should maintain its flex properties regardless of parent alignment
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("flex", "1 1 0px");
-        yield (0, fixtures_1.expect)(spaceFiller).toHaveCSS("place-self", "stretch");
-    }));
-});

package/dist/scripts/src/components/SpaceFiller/SpaceFillerNative.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpaceFiller = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SpaceFiller_module_scss_1 = __importDefault(require("./SpaceFiller.module.scss"));
-const SpaceFiller = () => (0, jsx_runtime_1.jsx)("div", { className: SpaceFiller_module_scss_1.default.spacer });
-exports.SpaceFiller = SpaceFiller;

package/dist/scripts/src/components/Spinner/Spinner.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spinnerComponentRenderer = exports.SpinnerMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Spinner_module_scss_1 = __importDefault(require("./Spinner.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const SpinnerNative_1 = require("./SpinnerNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "Spinner";
-exports.SpinnerMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Spinner` is an animated indicator that represents an action in progress " +
-        "with no deterministic progress value.",
-    props: {
-        delay: {
-            description: `The delay in milliseconds before the spinner is displayed.`,
-            valueType: "number",
-            defaultValue: SpinnerNative_1.defaultProps.delay,
-        },
-        fullScreen: {
-            description: `If set to \`true\`, the component will be rendered in a full screen container.`,
-            valueType: "boolean",
-            defaultValue: SpinnerNative_1.defaultProps.fullScreen,
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(Spinner_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`size-${COMP}`]: "$space-10",
-        [`thickness-${COMP}`]: "$space-0_5",
-        [`borderColor-${COMP}`]: "$color-surface-400",
-    },
-});
-exports.spinnerComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.SpinnerMd, ({ node, className, extractValue }) => {
-    return ((0, jsx_runtime_1.jsx)(SpinnerNative_1.Spinner, { className: className, delay: extractValue.asOptionalNumber(node.props.delay), fullScreen: extractValue.asOptionalBoolean(node.props.fullScreen) }));
-});

package/dist/scripts/src/components/Spinner/Spinner.spec.js

@@ -1,161 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-const themed_app_test_helpers_1 = require("../../testing/themed-app-test-helpers");
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("component renders with basic props", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner />`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component renders with delay prop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner delay="0" />`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component renders with fullScreen prop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner fullScreen="true" />`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-    }));
-});
-fixtures_1.test.describe("Accessibility", () => {
-    (0, fixtures_1.test)("component has correct accessibility attributes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner />`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toHaveAttribute("aria-label", "loading", { ignoreCase: true });
-    }));
-    (0, fixtures_1.test)("component maintains accessibility with fullScreen", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner fullScreen="true" />`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toHaveAttribute("aria-label", "loading", { ignoreCase: true });
-    }));
-});
-fixtures_1.test.describe("Theme Variables", () => {
-    (0, fixtures_1.test)("component applies theme variables", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner delay="0" />`, {
-            testThemeVars: {
-                "size-Spinner": "60px",
-                "thickness-Spinner": "6px",
-                "borderColor-Spinner": "rgb(255, 0, 0)",
-            },
-        });
-        const spinnerRing = page.locator("[data-part-id='ring']").first();
-        yield (0, fixtures_1.expect)(spinnerRing).toHaveCSS("border-top-color", "rgb(255, 0, 0)");
-    }));
-});
-fixtures_1.test.describe("Delay Behavior", () => {
-    (0, fixtures_1.test)("component respects delay prop", { tag: "@smoke" }, (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        control-text
-        <Spinner delay="500" />
-      </Fragment>`);
-        yield page.getByText("control-text").waitFor({ state: "visible" });
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).not.toBeVisible({ timeout: 0 });
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component shows immediately with zero delay", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        control-text
-        <Spinner delay="0" />
-      </Fragment>`);
-        yield page.getByText("control-text").waitFor({ state: "visible" });
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible({ timeout: 0 });
-    }));
-    (0, fixtures_1.test)("component shows immediately with null delay", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        control-text
-        <Spinner delay="{null}" />
-      </Fragment>`);
-        yield page.getByText("control-text").waitFor({ state: "visible" });
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible({ timeout: 0 });
-    }));
-    (0, fixtures_1.test)("component shows immediately with undefined delay", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        control-text
-        <Spinner delay="{undefined}" />
-      </Fragment>`);
-        yield page.getByText("control-text").waitFor({ state: "visible" });
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible({ timeout: 0 });
-    }));
-    (0, fixtures_1.test)("component handles negative delay values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        control-text
-        <Spinner delay="-100" />
-      </Fragment>`);
-        yield page.getByText("control-text").waitFor({ state: "visible" });
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible({ timeout: 0 });
-    }));
-    (0, fixtures_1.test)("component respects numeric delay prop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        control-text
-        <Spinner delay="{ 500 }" />
-      </Fragment>`);
-        yield page.getByText("control-text").waitFor({ state: "visible" });
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).not.toBeVisible({ timeout: 0 });
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-    }));
-});
-fixtures_1.test.describe("Full Screen Mode", () => {
-    (0, fixtures_1.test)("component renders in fullScreen mode", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner fullScreen="true" />`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-        const { width } = yield (0, themed_app_test_helpers_1.getFullRectangle)(spinner);
-        (0, fixtures_1.expect)(width).toEqual(page.viewportSize().width);
-    }));
-    (0, fixtures_1.test)("component renders normally without fullScreen", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`<Spinner fullScreen="false" />`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-        const { width } = yield (0, themed_app_test_helpers_1.getFullRectangle)(spinner);
-        (0, fixtures_1.expect)(width).not.toEqual(page.viewportSize().width);
-    }));
-});
-fixtures_1.test.describe("Edge Cases", { tag: "@smoke" }, () => {
-    (0, fixtures_1.test)("delayed fullScreen spinner spans viewport width", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        control-text
-        <Spinner fullScreen="true" delay="{ 500 }" />
-      </Fragment>`);
-        yield page.getByText("control-text").waitFor({ state: "visible" });
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).not.toBeVisible({ timeout: 0 });
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-        const { width } = yield (0, themed_app_test_helpers_1.getFullRectangle)(spinner);
-        (0, fixtures_1.expect)(width).toEqual(page.viewportSize().width);
-    }));
-    (0, fixtures_1.test)("button behind fullScreen spinner can't be clicked", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Fragment>
-        <Button label="Click Me" onClick="testState = clicked" />
-        <Spinner fullScreen="true" />
-      </Fragment>`);
-        const spinner = page.getByRole("status");
-        yield (0, fixtures_1.expect)(spinner).toBeVisible();
-        yield page.getByRole("button").click({ force: true });
-        yield fixtures_1.expect.poll(testStateDriver.testState).not.toEqual("clicked");
-    }));
-});

package/dist/scripts/src/components/Spinner/SpinnerNative.js

@@ -1,48 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spinner = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Spinner_module_scss_1 = __importDefault(require("./Spinner.module.scss"));
-const classnames_1 = __importDefault(require("classnames"));
-const PART_RING = "ring";
-exports.defaultProps = {
-    delay: 400,
-    fullScreen: false,
-};
-// source https://loading.io/css/
-exports.Spinner = (0, react_1.forwardRef)(function Spinner(_a, forwardedRef) {
-    var { delay = exports.defaultProps.delay, fullScreen = exports.defaultProps.fullScreen, style, className } = _a, rest = __rest(_a, ["delay", "fullScreen", "style", "className"]);
-    const [pastDelay, setPastDelay] = (0, react_1.useState)(delay === 0);
-    (0, react_1.useEffect)(() => {
-        const timeout = setTimeout(() => {
-            setPastDelay(true);
-        }, delay);
-        return () => {
-            clearTimeout(timeout);
-        };
-    }, [delay]);
-    if (!pastDelay) {
-        return null;
-    }
-    else {
-        if (fullScreen) {
-            return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { role: "status", "aria-label": "Loading", className: Spinner_module_scss_1.default.fullScreenSpinnerWrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(Spinner_module_scss_1.default["lds-ring"], className), style: style, ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)("div", { "data-part-id": PART_RING }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] }) })));
-        }
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: (0, classnames_1.default)(Spinner_module_scss_1.default["lds-ring"], className), role: "status", "aria-label": "Loading", style: style, ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)("div", { "data-part-id": PART_RING }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] })));
-    }
-});

package/dist/scripts/src/components/Splitter/HSplitter.spec.js

@@ -1,104 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const component_test_helpers_1 = require("../../testing/component-test-helpers");
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders with basic setup", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HSplitter height="200px" width="400px" testId="hsplitter">
-        <Stack backgroundColor="lightblue" height="100%" testId="primary"/>
-        <Stack backgroundColor="darksalmon" height="100%" testId="secondary"/>
-      </HSplitter>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("hsplitter")).toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("primary")).toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("secondary")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("defaults to horizontal orientation", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HSplitter height="200px" width="400px" testId="hsplitter">
-        <Stack backgroundColor="lightblue" height="100%" testId="primary"/>
-        <Stack backgroundColor="darksalmon" height="100%" testId="secondary"/>
-      </HSplitter>
-    `);
-        const primary = page.getByTestId("primary");
-        const secondary = page.getByTestId("secondary");
-        const primaryBounds = yield (0, component_test_helpers_1.getBounds)(primary);
-        const secondaryBounds = yield (0, component_test_helpers_1.getBounds)(secondary);
-        // In horizontal orientation, primary should be to the left of secondary
-        (0, fixtures_1.expect)(primaryBounds.right).toBeLessThanOrEqual(secondaryBounds.left + 10); // Allow for small overlap due to resizer
-    }));
-    (0, fixtures_1.test)("ignores orientation property when explicitly set", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <HSplitter height="200px" width="400px" orientation="vertical" testId="hsplitter">
-        <Stack backgroundColor="lightblue" height="100%" testId="primary"/>
-        <Stack backgroundColor="darksalmon" height="100%" testId="secondary"/>
-      </HSplitter>
-    `);
-        const primary = page.getByTestId("primary");
-        const secondary = page.getByTestId("secondary");
-        const primaryBounds = yield (0, component_test_helpers_1.getBounds)(primary);
-        const secondaryBounds = yield (0, component_test_helpers_1.getBounds)(secondary);
-        // Even with orientation="vertical", HSplitter should still be horizontal
-        // Primary should be to the left of secondary, NOT above it
-        (0, fixtures_1.expect)(primaryBounds.right).toBeLessThanOrEqual(secondaryBounds.left + 10);
-    }));
-    (0, fixtures_1.test)("supports all Splitter properties except orientation", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createSplitterDriver }) {
-        yield initTestBed(`
-      <HSplitter 
-        height="200px" 
-        width="400px" 
-        initialPrimarySize="30%" 
-        minPrimarySize="20%" 
-        maxPrimarySize="80%" 
-        floating="false" 
-        testId="hsplitter"
-      >
-        <Stack backgroundColor="lightblue" height="100%" testId="primary"/>
-        <Stack backgroundColor="darksalmon" height="100%" testId="secondary"/>
-      </HSplitter>
-    `);
-        const hsplitter = page.getByTestId("hsplitter");
-        const primary = page.getByTestId("primary");
-        const driver = yield createSplitterDriver(hsplitter);
-        // Verify initial size is applied
-        const hsplitterBounds = yield (0, component_test_helpers_1.getBounds)(hsplitter);
-        const primaryBounds = yield (0, component_test_helpers_1.getBounds)(primary);
-        const expectedWidth = hsplitterBounds.width * 0.3;
-        const tolerance = 15;
-        (0, fixtures_1.expect)(Math.abs(primaryBounds.width - expectedWidth)).toBeLessThan(tolerance);
-        // Verify resizer is visible (floating=false)
-        const resizer = yield driver.getResizer();
-        yield (0, fixtures_1.expect)(resizer).toBeVisible();
-    }));
-});
-// =============================================================================
-// ACCESSIBILITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Accessibility", () => {
-    (0, fixtures_1.test)("resizer has horizontal cursor style", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createSplitterDriver }) {
-        yield initTestBed(`
-      <HSplitter height="200px" width="400px" testId="hsplitter">
-        <Stack backgroundColor="lightblue" height="100%"/>
-        <Stack backgroundColor="darksalmon" height="100%"/>
-      </HSplitter>
-    `);
-        const hsplitter = page.getByTestId("hsplitter");
-        const driver = yield createSplitterDriver(hsplitter);
-        const resizer = yield driver.getResizer();
-        // HSplitter should always use horizontal cursor (ew-resize)
-        yield (0, fixtures_1.expect)(resizer).toHaveCSS("cursor", "ew-resize");
-    }));
-});