From 982a2b98fc9b2635bfe6b6790fc1f55b319f0e0a Mon Sep 17 00:00:00 2001 From: Daniel Date: Tue, 6 Oct 2026 12:26:11 -0400 Subject: [PATCH 1/2] Probably fixed vitest issue in ubuntu --- package-lock.json | 8 +- packages/stencil-library/custom-elements.json | 72 +++++++++++++---- packages/stencil-library/eslint.config.ts | 4 +- packages/stencil-library/package.json | 6 +- packages/stencil-library/src/components.d.ts | 70 ++++++++++++++-- .../src/components/dnn-button/readme.md | 6 +- .../src/components/dnn-collapsible/readme.md | 11 +++ .../src/components/dnn-context-menu/readme.md | 11 +++ .../src/components/dnn-fieldset/readme.md | 11 +-- .../src/components/dnn-modal/readme.md | 11 +++ .../src/components/dnn-select/readme.md | 11 +++ .../src/components/dnn-tab/readme.md | 7 ++ .../src/components/dnn-tabs/readme.md | 11 +++ .../dnn-vertical-overflow-menu/readme.md | 7 +- .../dnn-vertical-splitview/readme.md | 10 +-- .../{vitest.config.ts => vitest.config.mts} | 80 ++++++++++--------- ....node.config.ts => vitest.node.config.mts} | 38 ++++----- packages/stencil-library/vscode-data.json | 12 +-- 18 files changed, 277 insertions(+), 109 deletions(-) rename packages/stencil-library/{vitest.config.ts => vitest.config.mts} (76%) rename packages/stencil-library/{vitest.node.config.ts => vitest.node.config.mts} (95%) diff --git a/package-lock.json b/package-lock.json index f1d76dd27..9c9f5a5fe 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6285,9 +6285,9 @@ "license": "MIT" }, "node_modules/@stencil/core": { - "version": "4.43.3", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.43.3.tgz", - "integrity": "sha512-w41W6txhGULvvEfa5AEgwfNGAbK3YGowQYMTWuRvXSIbnkiyRDGLogsYSYtHDlz1JJe645JJIK9Lvh5uquFiSw==", + "version": "4.45.2", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.45.2.tgz", + "integrity": "sha512-CNkPVZsqyNMjFMX9bEkMJsvBbQxjLw480OaoamoqiLPdQCFjJQReeOjnWX1A5ivSn3UYEIJ6MoN5VXDkaHGt8Q==", "dev": true, "license": "MIT", "bin": { @@ -21754,7 +21754,7 @@ "devDependencies": { "@chromatic-com/storybook": "^5.3.1", "@eslint/js": "^10.0.1", - "@stencil/core": "4.43.3", + "@stencil/core": "^4.45.2", "@stencil/eslint-plugin": "^1.2.0", "@stencil/react-output-target": "^1.6.2", "@stencil/sass": "^3.3.3", diff --git a/packages/stencil-library/custom-elements.json b/packages/stencil-library/custom-elements.json index 116503462..7ab37bbd3 100644 --- a/packages/stencil-library/custom-elements.json +++ b/packages/stencil-library/custom-elements.json @@ -304,8 +304,8 @@ ], "slots": [ { - "name": "Content of the button", - "description": "" + "name": " ", + "description": "Content of the button" } ], "cssProperties": [ @@ -516,7 +516,7 @@ "kind": "class", "name": "dnn-collapsible.tsx", "tagName": "dnn-collapsible", - "description": "", + "description": "A collapsible component that can be expanded or collapsed to show or hide content.", "attributes": [ { "name": "expanded", @@ -554,7 +554,12 @@ "description": "Fires whenever the collapsible height has changed" } ], - "slots": [], + "slots": [ + { + "name": " ", + "description": "The content of the collapsible." + } + ], "cssProperties": [], "cssParts": [] } @@ -780,7 +785,7 @@ "kind": "class", "name": "dnn-context-menu.tsx", "tagName": "dnn-context-menu", - "description": "Can be used to display a context menu.\r\nThe contents of the menu as entirely up to the user.\r\nItems insile of `dnn-context-menu` that can be activated should have `role=\"menuitem\"` or similar for accessibility reasons.", + "description": "A context menu component that can be opened with a pointer event or keyboard event. It will position itself to avoid overflowing the viewport.", "attributes": [ { "name": "close-on-click", @@ -807,7 +812,12 @@ } ], "events": [], - "slots": [], + "slots": [ + { + "name": " ", + "description": "The content of the context menu." + } + ], "cssProperties": [ { "name": "--color-background", @@ -936,7 +946,7 @@ "kind": "class", "name": "dnn-fieldset.tsx", "tagName": "dnn-fieldset", - "description": "A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.", + "description": "A custom fieldset component that wraps one or more elements.", "attributes": [ { "name": "disabled", @@ -1042,9 +1052,13 @@ ], "events": [], "slots": [ + { + "name": " ", + "description": "The content of the input." + }, { "name": "label-prefix", - "description": "Can be used to inject content before the labe." + "description": "Can be used to inject content before the label." }, { "name": "label-suffix", @@ -1413,7 +1427,7 @@ "kind": "class", "name": "dnn-modal.tsx", "tagName": "dnn-modal", - "description": "", + "description": "A modal component that can be used to show content in a modal dialog.", "attributes": [ { "name": "backdrop-dismiss", @@ -1500,7 +1514,12 @@ "description": "Fires when the modal is dismissed." } ], - "slots": [], + "slots": [ + { + "name": " ", + "description": "The content of the modal." + } + ], "cssProperties": [ { "name": "--max-width", @@ -1874,7 +1893,7 @@ "kind": "class", "name": "dnn-select.tsx", "tagName": "dnn-select", - "description": "", + "description": "A custom select component that wraps the html select element is a mobile friendly component that supports a label, some help text and other features.", "attributes": [ { "name": "autocomplete", @@ -1952,7 +1971,12 @@ "description": "Fires when the value has changed and the user exits the input." } ], - "slots": [], + "slots": [ + { + "name": " ", + "description": "The options to show in the select." + } + ], "cssProperties": [ { "name": "--background-color", @@ -2066,7 +2090,12 @@ } ], "events": [], - "slots": [], + "slots": [ + { + "name": " ", + "description": "The content of the tab." + } + ], "cssProperties": [], "cssParts": [] } @@ -2080,11 +2109,16 @@ "kind": "class", "name": "dnn-tabs.tsx", "tagName": "dnn-tabs", - "description": "`dnn-tabs` is a container for `dnn-tab` and should only contain `dnn-tab` elements for its content.", + "description": "A component that shows a set of tabs. Each tab is a dnn-tab component.", "attributes": [], "members": [], "events": [], - "slots": [], + "slots": [ + { + "name": " ", + "description": "The dnn-tab components to show in the tabs." + } + ], "cssProperties": [ { "name": "--color-background", @@ -2432,8 +2466,12 @@ "events": [], "slots": [ { - "name": "()", + "name": " ", "description": "The items to show in the menu." + }, + { + "name": "dropdown", + "description": "The items that don't fit in the menu will be moved to this slot." } ], "cssProperties": [ @@ -2504,7 +2542,7 @@ ], "slots": [ { - "name": "default", + "name": " ", "description": "The split divider control you want to use." }, { diff --git a/packages/stencil-library/eslint.config.ts b/packages/stencil-library/eslint.config.ts index cdce25a19..5b08f4c2a 100644 --- a/packages/stencil-library/eslint.config.ts +++ b/packages/stencil-library/eslint.config.ts @@ -43,8 +43,8 @@ export default defineConfig( "types", "vite.config.ts", "vite-env.d.ts", - "vitest.config.ts", - "vitest.node.config.ts", + "vitest.config.mts", + "vitest.node.config.mts", ".stencil/**/*", ], }, diff --git a/packages/stencil-library/package.json b/packages/stencil-library/package.json index 219f8cf1f..48d8e14d7 100644 --- a/packages/stencil-library/package.json +++ b/packages/stencil-library/package.json @@ -76,9 +76,9 @@ "poststart": "license-checker-rseidelsohn --out licenses.json --json --direct --relativeLicensePath --relativeModulePath", "test": "npm run test.node && npm run test.browser", "test.watch": "vitest --watch", - "test.node": "vitest run --config vitest.node.config.ts", + "test.node": "vitest run --config vitest.node.config.mts", "test.browser": "vitest run", - "test.node.watch": "vitest --watch --config vitest.node.config.ts", + "test.node.watch": "vitest --watch --config vitest.node.config.mts", "test.browser.watch": "vitest --watch", "generate": "stencil generate", "lint": "eslint", @@ -90,7 +90,7 @@ "devDependencies": { "@chromatic-com/storybook": "^5.3.1", "@eslint/js": "^10.0.1", - "@stencil/core": "4.43.3", + "@stencil/core": "^4.45.2", "@stencil/eslint-plugin": "^1.2.0", "@stencil/react-output-target": "^1.6.2", "@stencil/sass": "^3.3.3", diff --git a/packages/stencil-library/src/components.d.ts b/packages/stencil-library/src/components.d.ts index 18061174b..b6b05ac14 100644 --- a/packages/stencil-library/src/components.d.ts +++ b/packages/stencil-library/src/components.d.ts @@ -202,6 +202,9 @@ export namespace Components { */ "expanded"?: boolean; } + /** + * A collapsible component that can be expanded or collapsed to show or hide content. + */ interface DnnCollapsible { /** * Defines if the panel is expanded or not. @@ -300,6 +303,9 @@ export namespace Components { */ "colorBoxHeight": string; } + /** + * A context menu component that can be opened with a pointer event or keyboard event. It will position itself to avoid overflowing the viewport. + */ interface DnnContextMenu { /** * Closes the menu. @@ -351,7 +357,7 @@ export namespace Components { interface DnnExampleForm { } /** - * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features. + * A custom fieldset component that wraps one or more elements. */ interface DnnFieldset { /** @@ -542,6 +548,9 @@ export namespace Components { */ "value": number | string | string[]; } + /** + * A modal component that can be used to show content in a modal dialog. + */ interface DnnModal { /** * @deprecated boolean props should always default to being false per html specs, use preventBackdropDismiss instead, will be removed in v0.28.0. Pass false to remove the backdrop click auto-dismiss feature. @@ -682,6 +691,9 @@ export namespace Components { */ "query": string; } + /** + * A custom select component that wraps the html select element is a mobile friendly component that supports a label, some help text and other features. + */ interface DnnSelect { /** * Defines the type of automatic completion the browser can use. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete @@ -742,6 +754,9 @@ export namespace Components { */ "tabTitle": string; } + /** + * A component that shows a set of tabs. Each tab is a dnn-tab component. + */ interface DnnTabs { } /** @@ -1024,6 +1039,9 @@ declare global { interface HTMLDnnCollapsibleElementEventMap { "dnnCollapsibleHeightChanged": void; } + /** + * A collapsible component that can be expanded or collapsed to show or hide content. + */ interface HTMLDnnCollapsibleElement extends Components.DnnCollapsible, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLDnnCollapsibleElement, ev: DnnCollapsibleCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; @@ -1079,6 +1097,9 @@ declare global { prototype: HTMLDnnColorPickerElement; new (): HTMLDnnColorPickerElement; }; + /** + * A context menu component that can be opened with a pointer event or keyboard event. It will position itself to avoid overflowing the viewport. + */ interface HTMLDnnContextMenuElement extends Components.DnnContextMenu, HTMLStencilElement { } var HTMLDnnContextMenuElement: { @@ -1109,7 +1130,7 @@ declare global { new (): HTMLDnnExampleFormElement; }; /** - * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features. + * A custom fieldset component that wraps one or more elements. */ interface HTMLDnnFieldsetElement extends Components.DnnFieldset, HTMLStencilElement { } @@ -1164,6 +1185,9 @@ declare global { interface HTMLDnnModalElementEventMap { "dismissed": any; } + /** + * A modal component that can be used to show content in a modal dialog. + */ interface HTMLDnnModalElement extends Components.DnnModal, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLDnnModalElement, ev: DnnModalCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; @@ -1257,6 +1281,9 @@ declare global { interface HTMLDnnSelectElementEventMap { "valueChange": string; } + /** + * A custom select component that wraps the html select element is a mobile friendly component that supports a label, some help text and other features. + */ interface HTMLDnnSelectElement extends Components.DnnSelect, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLDnnSelectElement, ev: DnnSelectCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; @@ -1297,6 +1324,9 @@ declare global { prototype: HTMLDnnTabElement; new (): HTMLDnnTabElement; }; + /** + * A component that shows a set of tabs. Each tab is a dnn-tab component. + */ interface HTMLDnnTabsElement extends Components.DnnTabs, HTMLStencilElement { } var HTMLDnnTabsElement: { @@ -1417,7 +1447,7 @@ declare global { } } declare namespace LocalJSX { - type OneOf = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never }; + type OneOf = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never }; interface DnnAutocomplete { /** @@ -1631,6 +1661,9 @@ declare namespace LocalJSX { */ "onChanged"?: (event: DnnChevronCustomEvent) => void; } + /** + * A collapsible component that can be expanded or collapsed to show or hide content. + */ interface DnnCollapsible { /** * Defines if the panel is expanded or not. @@ -1750,6 +1783,9 @@ declare namespace LocalJSX { */ "onColorChanged"?: (event: DnnColorPickerCustomEvent) => void; } + /** + * A context menu component that can be opened with a pointer event or keyboard event. It will position itself to avoid overflowing the viewport. + */ interface DnnContextMenu { /** * If true, the menu will close when an item is clicked. @@ -1805,7 +1841,7 @@ declare namespace LocalJSX { interface DnnExampleForm { } /** - * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features. + * A custom fieldset component that wraps one or more elements. */ interface DnnFieldset { /** @@ -1984,6 +2020,9 @@ declare namespace LocalJSX { */ "value"?: number | string | string[]; } + /** + * A modal component that can be used to show content in a modal dialog. + */ interface DnnModal { /** * @deprecated boolean props should always default to being false per html specs, use preventBackdropDismiss instead, will be removed in v0.28.0. Pass false to remove the backdrop click auto-dismiss feature. @@ -2160,6 +2199,9 @@ declare namespace LocalJSX { */ "query"?: string; } + /** + * A custom select component that wraps the html select element is a mobile friendly component that supports a label, some help text and other features. + */ interface DnnSelect { /** * Defines the type of automatic completion the browser can use. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete @@ -2220,6 +2262,9 @@ declare namespace LocalJSX { */ "tabTitle": string; } + /** + * A component that shows a set of tabs. Each tab is a dnn-tab component. + */ interface DnnTabs { } /** @@ -2571,6 +2616,9 @@ declare module "@stencil/core" { "dnn-button": LocalJSX.IntrinsicElements["dnn-button"] & JSXBase.HTMLAttributes; "dnn-checkbox": LocalJSX.IntrinsicElements["dnn-checkbox"] & JSXBase.HTMLAttributes; "dnn-chevron": LocalJSX.IntrinsicElements["dnn-chevron"] & JSXBase.HTMLAttributes; + /** + * A collapsible component that can be expanded or collapsed to show or hide content. + */ "dnn-collapsible": LocalJSX.IntrinsicElements["dnn-collapsible"] & JSXBase.HTMLAttributes; /** * A custom input component that allows previewing and changing a color value. @@ -2580,11 +2628,14 @@ declare module "@stencil/core" { * Color Picker for Dnn */ "dnn-color-picker": LocalJSX.IntrinsicElements["dnn-color-picker"] & JSXBase.HTMLAttributes; + /** + * A context menu component that can be opened with a pointer event or keyboard event. It will position itself to avoid overflowing the viewport. + */ "dnn-context-menu": LocalJSX.IntrinsicElements["dnn-context-menu"] & JSXBase.HTMLAttributes; "dnn-dropzone": LocalJSX.IntrinsicElements["dnn-dropzone"] & JSXBase.HTMLAttributes; "dnn-example-form": LocalJSX.IntrinsicElements["dnn-example-form"] & JSXBase.HTMLAttributes; /** - * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features. + * A custom fieldset component that wraps one or more elements. */ "dnn-fieldset": LocalJSX.IntrinsicElements["dnn-fieldset"] & JSXBase.HTMLAttributes; /** @@ -2597,18 +2648,27 @@ declare module "@stencil/core" { * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features. */ "dnn-input": LocalJSX.IntrinsicElements["dnn-input"] & JSXBase.HTMLAttributes; + /** + * A modal component that can be used to show content in a modal dialog. + */ "dnn-modal": LocalJSX.IntrinsicElements["dnn-modal"] & JSXBase.HTMLAttributes; "dnn-monaco-editor": LocalJSX.IntrinsicElements["dnn-monaco-editor"] & JSXBase.HTMLAttributes; "dnn-permissions-grid": LocalJSX.IntrinsicElements["dnn-permissions-grid"] & JSXBase.HTMLAttributes; "dnn-progress-bar": LocalJSX.IntrinsicElements["dnn-progress-bar"] & JSXBase.HTMLAttributes; "dnn-richtext": LocalJSX.IntrinsicElements["dnn-richtext"] & JSXBase.HTMLAttributes; "dnn-searchbox": LocalJSX.IntrinsicElements["dnn-searchbox"] & JSXBase.HTMLAttributes; + /** + * A custom select component that wraps the html select element is a mobile friendly component that supports a label, some help text and other features. + */ "dnn-select": LocalJSX.IntrinsicElements["dnn-select"] & JSXBase.HTMLAttributes; "dnn-sort-icon": LocalJSX.IntrinsicElements["dnn-sort-icon"] & JSXBase.HTMLAttributes; /** * Represents a single tab and must be used inside a dnn-tabs element. */ "dnn-tab": LocalJSX.IntrinsicElements["dnn-tab"] & JSXBase.HTMLAttributes; + /** + * A component that shows a set of tabs. Each tab is a dnn-tab component. + */ "dnn-tabs": LocalJSX.IntrinsicElements["dnn-tabs"] & JSXBase.HTMLAttributes; /** * A custom textarea component. diff --git a/packages/stencil-library/src/components/dnn-button/readme.md b/packages/stencil-library/src/components/dnn-button/readme.md index 69d84a700..f74f2f7bd 100644 --- a/packages/stencil-library/src/components/dnn-button/readme.md +++ b/packages/stencil-library/src/components/dnn-button/readme.md @@ -62,9 +62,9 @@ ## Slots -| Slot | Description | -| ------------------------- | ----------- | -| `"Content of the button"` | | +| Slot | Description | +| ---- | --------------------- | +| | Content of the button | ## CSS Custom Properties diff --git a/packages/stencil-library/src/components/dnn-collapsible/readme.md b/packages/stencil-library/src/components/dnn-collapsible/readme.md index 5ba7b79bd..9f098ca56 100644 --- a/packages/stencil-library/src/components/dnn-collapsible/readme.md +++ b/packages/stencil-library/src/components/dnn-collapsible/readme.md @@ -5,6 +5,10 @@ +## Overview + +A collapsible component that can be expanded or collapsed to show or hide content. + ## Usage ### HTML @@ -102,6 +106,13 @@ Type: `Promise` +## Slots + +| Slot | Description | +| ---- | ------------------------------- | +| | The content of the collapsible. | + + ## Dependencies ### Used by diff --git a/packages/stencil-library/src/components/dnn-context-menu/readme.md b/packages/stencil-library/src/components/dnn-context-menu/readme.md index b627968f3..10c30733c 100644 --- a/packages/stencil-library/src/components/dnn-context-menu/readme.md +++ b/packages/stencil-library/src/components/dnn-context-menu/readme.md @@ -7,6 +7,10 @@ Items insile of `dnn-context-menu` that can be activated should have `role="menu +## Overview + +A context menu component that can be opened with a pointer event or keyboard event. It will position itself to avoid overflowing the viewport. + ## Usage ### HTML @@ -117,6 +121,13 @@ Type: `Promise` +## Slots + +| Slot | Description | +| ---- | -------------------------------- | +| | The content of the context menu. | + + ## CSS Custom Properties | Name | Description | diff --git a/packages/stencil-library/src/components/dnn-fieldset/readme.md b/packages/stencil-library/src/components/dnn-fieldset/readme.md index 7be240d18..180936c0b 100644 --- a/packages/stencil-library/src/components/dnn-fieldset/readme.md +++ b/packages/stencil-library/src/components/dnn-fieldset/readme.md @@ -7,7 +7,7 @@ ## Overview -A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features. +A custom fieldset component that wraps one or more elements. ## Properties @@ -104,10 +104,11 @@ Type: `Promise` ## Slots -| Slot | Description | -| ---------------- | ---------------------------------------------- | -| `"label-prefix"` | Can be used to inject content before the labe. | -| `"label-suffix"` | Can be used to inject content after the label. | +| Slot | Description | +| ---------------- | ----------------------------------------------- | +| | The content of the input. | +| `"label-prefix"` | Can be used to inject content before the label. | +| `"label-suffix"` | Can be used to inject content after the label. | ## CSS Custom Properties diff --git a/packages/stencil-library/src/components/dnn-modal/readme.md b/packages/stencil-library/src/components/dnn-modal/readme.md index 9d7aedef1..c1696afbe 100644 --- a/packages/stencil-library/src/components/dnn-modal/readme.md +++ b/packages/stencil-library/src/components/dnn-modal/readme.md @@ -5,6 +5,10 @@ +## Overview + +A modal component that can be used to show content in a modal dialog. + ## Properties | Property | Attribute | Description | Type | Default | @@ -48,6 +52,13 @@ Type: `Promise` +## Slots + +| Slot | Description | +| ---- | ------------------------- | +| | The content of the modal. | + + ## CSS Custom Properties | Name | Description | diff --git a/packages/stencil-library/src/components/dnn-select/readme.md b/packages/stencil-library/src/components/dnn-select/readme.md index 74c1a48a5..a70e56da5 100644 --- a/packages/stencil-library/src/components/dnn-select/readme.md +++ b/packages/stencil-library/src/components/dnn-select/readme.md @@ -5,6 +5,10 @@ +## Overview + +A custom select component that wraps the html select element is a mobile friendly component that supports a label, some help text and other features. + ## Properties | Property | Attribute | Description | Type | Default | @@ -38,6 +42,13 @@ Type: `Promise` +## Slots + +| Slot | Description | +| ---- | ---------------------------------- | +| | The options to show in the select. | + + ## CSS Custom Properties | Name | Description | diff --git a/packages/stencil-library/src/components/dnn-tab/readme.md b/packages/stencil-library/src/components/dnn-tab/readme.md index a3dc051b6..c35609f63 100644 --- a/packages/stencil-library/src/components/dnn-tab/readme.md +++ b/packages/stencil-library/src/components/dnn-tab/readme.md @@ -70,6 +70,13 @@ Type: `Promise` +## Slots + +| Slot | Description | +| ---- | ----------------------- | +| | The content of the tab. | + + ## Dependencies ### Used by diff --git a/packages/stencil-library/src/components/dnn-tabs/readme.md b/packages/stencil-library/src/components/dnn-tabs/readme.md index be53054ca..6b61da43e 100644 --- a/packages/stencil-library/src/components/dnn-tabs/readme.md +++ b/packages/stencil-library/src/components/dnn-tabs/readme.md @@ -5,6 +5,10 @@ +## Overview + +A component that shows a set of tabs. Each tab is a dnn-tab component. + ## Usage ### HTML @@ -36,6 +40,13 @@ +## Slots + +| Slot | Description | +| ---- | ------------------------------------------- | +| | The dnn-tab components to show in the tabs. | + + ## CSS Custom Properties | Name | Description | diff --git a/packages/stencil-library/src/components/dnn-vertical-overflow-menu/readme.md b/packages/stencil-library/src/components/dnn-vertical-overflow-menu/readme.md index b8ea0ebeb..88322c813 100644 --- a/packages/stencil-library/src/components/dnn-vertical-overflow-menu/readme.md +++ b/packages/stencil-library/src/components/dnn-vertical-overflow-menu/readme.md @@ -11,9 +11,10 @@ A component that shows a vertical list of items as they fit. When they don't all ## Slots -| Slot | Description | -| ------ | ------------------------------ | -| `"()"` | The items to show in the menu. | +| Slot | Description | +| ------------ | ---------------------------------------------------------------- | +| | The items to show in the menu. | +| `"dropdown"` | The items that don't fit in the menu will be moved to this slot. | ## CSS Custom Properties diff --git a/packages/stencil-library/src/components/dnn-vertical-splitview/readme.md b/packages/stencil-library/src/components/dnn-vertical-splitview/readme.md index eaa867b70..cbdae7503 100644 --- a/packages/stencil-library/src/components/dnn-vertical-splitview/readme.md +++ b/packages/stencil-library/src/components/dnn-vertical-splitview/readme.md @@ -110,11 +110,11 @@ Type: `Promise` ## Slots -| Slot | Description | -| ----------- | ------------------------------------------ | -| `"default"` | The split divider control you want to use. | -| `"left"` | The content of the left pane. | -| `"right"` | The content of the right pane. | +| Slot | Description | +| --------- | ------------------------------------------ | +| | The split divider control you want to use. | +| `"left"` | The content of the left pane. | +| `"right"` | The content of the right pane. | ## CSS Custom Properties diff --git a/packages/stencil-library/vitest.config.ts b/packages/stencil-library/vitest.config.mts similarity index 76% rename from packages/stencil-library/vitest.config.ts rename to packages/stencil-library/vitest.config.mts index 4fd4623dc..ef5a58dd7 100644 --- a/packages/stencil-library/vitest.config.ts +++ b/packages/stencil-library/vitest.config.mts @@ -1,37 +1,43 @@ -import { defineConfig } from "vitest/config"; -import stencil from "unplugin-stencil/vite"; -import { webdriverio } from "@vitest/browser-webdriverio"; - -// Browser config for Stencil component tests -export default defineConfig({ - test: { - include: ["src/**/*.{spec,test}.ts"], - exclude: ["node_modules/**/*"], - globals: true, - - // Browser configuration with webdriverio using Firefox - browser: { - enabled: true, - headless: true, - provider: webdriverio(), - instances: [ - { - browser: "edge" - } - ], - isolate: false, - }, - - testTimeout: 60000, - hookTimeout: 60000, - - // Coverage for Stencil components - coverage: { - provider: "v8", - reporter: ["text", "json", "html"], - include: ["src/**/*"], - exclude: ["**/*.test.ts", "**/*.spec.ts"] - } - }, - plugins: [stencil()] -}); +import { defineConfig } from "vitest/config"; +import stencil from "unplugin-stencil/vite"; +import { webdriverio } from "@vitest/browser-webdriverio"; + +// Browser config for Stencil component tests +export default defineConfig({ + test: { + isolate: false, + include: ["src/**/*.{spec,test}.ts"], + exclude: ["node_modules/**/*"], + globals: true, + + // Browser configuration with webdriverio using Firefox + browser: { + enabled: true, + headless: true, + provider: webdriverio({ + capabilities: { + "goog:chromeOptions": { + args: ["--no-sandbox", "--disable-setuid-sandbox"], + }, + }, + }), + instances: [ + { + browser: "chrome" + } + ], + }, + + testTimeout: 60000, + hookTimeout: 60000, + + // Coverage for Stencil components + coverage: { + provider: "v8", + reporter: ["text", "json", "html"], + include: ["src/**/*"], + exclude: ["**/*.test.ts", "**/*.spec.ts"] + } + }, + plugins: [stencil()] +}); \ No newline at end of file diff --git a/packages/stencil-library/vitest.node.config.ts b/packages/stencil-library/vitest.node.config.mts similarity index 95% rename from packages/stencil-library/vitest.node.config.ts rename to packages/stencil-library/vitest.node.config.mts index 6fdc6f833..a1f50c96c 100644 --- a/packages/stencil-library/vitest.node.config.ts +++ b/packages/stencil-library/vitest.node.config.mts @@ -1,19 +1,19 @@ -import { defineConfig } from "vitest/config"; - -// Node config for ESLint plugin tests -export default defineConfig({ - test: { - include: ["eslint-plugin/src/**/*.test.ts"], - exclude: ["node_modules/**/*"], - globals: true, - environment: "node", - - // Coverage for ESLint plugin - coverage: { - provider: "v8", - reporter: ["text", "json", "html"], - include: ["eslint-plugin/src/**/*"], - exclude: ["**/*.test.ts", "**/*.spec.ts"] - } - } -}); +import { defineConfig } from "vitest/config"; + +// Node config for ESLint plugin tests +export default defineConfig({ + test: { + include: ["eslint-plugin/src/**/*.test.ts"], + exclude: ["node_modules/**/*"], + globals: true, + environment: "node", + + // Coverage for ESLint plugin + coverage: { + provider: "v8", + reporter: ["text", "json", "html"], + include: ["eslint-plugin/src/**/*"], + exclude: ["**/*.test.ts", "**/*.spec.ts"] + } + } +}); \ No newline at end of file diff --git a/packages/stencil-library/vscode-data.json b/packages/stencil-library/vscode-data.json index 3d49ba48b..5c5e2e01a 100644 --- a/packages/stencil-library/vscode-data.json +++ b/packages/stencil-library/vscode-data.json @@ -211,7 +211,7 @@ "name": "dnn-collapsible", "description": { "kind": "markdown", - "value": "" + "value": "A collapsible component that can be expanded or collapsed to show or hide content." }, "attributes": [ { @@ -298,7 +298,7 @@ "name": "dnn-context-menu", "description": { "kind": "markdown", - "value": "Can be used to display a context menu.\r\nThe contents of the menu as entirely up to the user.\r\nItems insile of `dnn-context-menu` that can be activated should have `role=\"menuitem\"` or similar for accessibility reasons." + "value": "A context menu component that can be opened with a pointer event or keyboard event. It will position itself to avoid overflowing the viewport." }, "attributes": [ { @@ -340,7 +340,7 @@ "name": "dnn-fieldset", "description": { "kind": "markdown", - "value": "A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features." + "value": "A custom fieldset component that wraps one or more elements." }, "attributes": [ { @@ -543,7 +543,7 @@ "name": "dnn-modal", "description": { "kind": "markdown", - "value": "" + "value": "A modal component that can be used to show content in a modal dialog." }, "attributes": [ { @@ -784,7 +784,7 @@ "name": "dnn-select", "description": { "kind": "markdown", - "value": "" + "value": "A custom select component that wraps the html select element is a mobile friendly component that supports a label, some help text and other features." }, "attributes": [ { @@ -858,7 +858,7 @@ "name": "dnn-tabs", "description": { "kind": "markdown", - "value": "`dnn-tabs` is a container for `dnn-tab` and should only contain `dnn-tab` elements for its content." + "value": "A component that shows a set of tabs. Each tab is a dnn-tab component." }, "attributes": [] }, From 99852ea348844eab8c269e60541092658b16274f Mon Sep 17 00:00:00 2001 From: Daniel Date: Tue, 6 Oct 2026 12:55:53 -0400 Subject: [PATCH 2/2] Fixes some CI issues with storybook --- packages/stencil-library/eslint.config.ts | 2 +- .../stencil-library/{vite.config.ts => vite.config.mts} | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) rename packages/stencil-library/{vite.config.ts => vite.config.mts} (61%) diff --git a/packages/stencil-library/eslint.config.ts b/packages/stencil-library/eslint.config.ts index 5b08f4c2a..621cce077 100644 --- a/packages/stencil-library/eslint.config.ts +++ b/packages/stencil-library/eslint.config.ts @@ -41,7 +41,7 @@ export default defineConfig( "stencil.config.ts", "storybook-static", "types", - "vite.config.ts", + "vite.config.mts", "vite-env.d.ts", "vitest.config.mts", "vitest.node.config.mts", diff --git a/packages/stencil-library/vite.config.ts b/packages/stencil-library/vite.config.mts similarity index 61% rename from packages/stencil-library/vite.config.ts rename to packages/stencil-library/vite.config.mts index c254e8a2c..b2e9dab76 100644 --- a/packages/stencil-library/vite.config.ts +++ b/packages/stencil-library/vite.config.mts @@ -1,5 +1,5 @@ -import { defineConfig } from "vite"; - -export default defineConfig({ - assetsInclude: ['**/*.md'], +import { defineConfig } from "vite"; + +export default defineConfig({ + assetsInclude: ["**/*.md", "**/*.map"], }); \ No newline at end of file