@ni/ok-components 1.2.0 → 1.3.0

package/dist/custom-elements.md

@@ -8,6 +8,40 @@
 
 <hr/>
 
+## class: `FvCard`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name              | Privacy | Type                        | Default | Description | Inherited From |
+| ----------------- | ------- | --------------------------- | ------- | ----------- | -------------- |
+| `title`           | public  | `string`                    | `''`    |             |                |
+| `subtitle`        | public  | `string`                    | `''`    |             |                |
+| `description`     | public  | `string`                    | `''`    |             |                |
+| `appearance`      | public  | `FvCardAppearanceType`      |         |             |                |
+| `interactionMode` | public  | `FvCardInteractionModeType` |         |             |                |
+| `disabled`        | public  | `boolean`                   | `false` |             |                |
+| `initials`        | public  | `string`                    | `''`    |             |                |
+
+### Attributes
+
+| Name               | Field           | Inherited From |
+| ------------------ | --------------- | -------------- |
+| `card-title`       | title           |                |
+| `subtitle`         | subtitle        |                |
+| `description`      | description     |                |
+| `appearance`       | appearance      |                |
+| `interaction-mode` | interactionMode |                |
+| `disabled`         | disabled        |                |
+| `initials`         | initials        |                |
+
+<hr/>
+
 ## class: `FvAccordionItem`
 
 ### Superclass
@@ -24,12 +58,6 @@
 | `expanded`   | public  | `boolean`                   | `false` |             |                |
 | `appearance` | public  | `FvAccordionItemAppearance` |         |             |                |
 
-### Methods
-
-| Name           | Privacy | Description | Parameters     | Return    | Inherited From |
-| -------------- | ------- | ----------- | -------------- | --------- | -------------- |
-| `handleToggle` | public  |             | `event: Event` | `boolean` |                |
-
 ### Attributes
 
 | Name         | Field      | Inherited From |
@@ -40,6 +68,74 @@
 
 <hr/>
 
+## class: `FvChipSelector`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name                | Privacy | Type      | Default           | Description | Inherited From |
+| ------------------- | ------- | --------- | ----------------- | ----------- | -------------- |
+| `disabled`          | public  | `boolean` | `false`           |             |                |
+| `open`              | public  | `boolean` | `false`           |             |                |
+| `label`             | public  | `string`  | `''`              |             |                |
+| `selectedValues`    | public  | `string`  | `''`              |             |                |
+| `options`           | public  | `string`  | `''`              |             |                |
+| `placeholder`       | public  | `string`  | `'Select values'` |             |                |
+| `allowCustomValues` | public  | `boolean` | `false`           |             |                |
+
+### Events
+
+| Name     | Type          | Description | Inherited From |
+| -------- | ------------- | ----------- | -------------- |
+| `change` | `CustomEvent` |             |                |
+
+### Attributes
+
+| Name                  | Field             | Inherited From |
+| --------------------- | ----------------- | -------------- |
+| `disabled`            | disabled          |                |
+| `open`                | open              |                |
+| `label`               | label             |                |
+| `selected-values`     | selectedValues    |                |
+| `options`             | options           |                |
+| `placeholder`         | placeholder       |                |
+| `allow-custom-values` | allowCustomValues |                |
+
+<hr/>
+
+## class: `FvContextHelp`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name           | Privacy | Type                    | Default       | Description | Inherited From |
+| -------------- | ------- | ----------------------- | ------------- | ----------- | -------------- |
+| `text`         | public  | `string`                | `''`          |             |                |
+| `triggerLabel` | public  | `string`                | `'Show help'` |             |                |
+| `severity`     | public  | `FvContextHelpSeverity` |               |             |                |
+| `iconVisible`  | public  | `boolean`               | `false`       |             |                |
+
+### Attributes
+
+| Name            | Field        | Inherited From |
+| --------------- | ------------ | -------------- |
+| `text`          | text         |                |
+| `trigger-label` | triggerLabel |                |
+| `severity`      | severity     |                |
+| `icon-visible`  | iconVisible  |                |
+
+<hr/>
+
 ## class: `FvSearchInput`
 
 ### Superclass
@@ -54,13 +150,6 @@
 | ------------ | ------- | ----------------------------- | ------- | ----------- | -------------- |
 | `appearance` | public  | `FvSearchInputAppearanceType` |         |             |                |
 
-### Methods
-
-| Name           | Privacy | Description                                                                                                                                                                                                                                                                                                        | Parameters | Return    | Inherited From |
-| -------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------- | --------- | -------------- |
-| `handleChange` | public  |                                                                                                                                                                                                                                                                                                                    |            | `void`    |                |
-| `clear`        | public  | Clears the current value, restores focus to the text input, and&#xA;dispatches a synthetic \`input\` event on the host so consumers&#xA;observe the same immediate value-update contract as typing.&#xA;The inner \<input> value is updated on the next FAST render cycle&#xA;via the \`:value\` template binding. |            | `boolean` |                |
-
 ### Events
 
 | Name    | Type    | Description | Inherited From |
@@ -75,6 +164,150 @@
 
 <hr/>
 
+## class: `FvSplitButton`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name                | Privacy | Type                                 | Default              | Description | Inherited From |
+| ------------------- | ------- | ------------------------------------ | -------------------- | ----------- | -------------- |
+| `label`             | public  | `string`                             | `'Primary function'` |             |                |
+| `disabled`          | public  | `boolean`                            | `false`              |             |                |
+| `open`              | public  | `boolean`                            | `false`              |             |                |
+| `appearance`        | public  | `FvSplitButtonAppearanceType`        |                      |             |                |
+| `appearanceVariant` | public  | `FvSplitButtonAppearanceVariantType` |                      |             |                |
+
+### Events
+
+| Name      | Type          | Description | Inherited From |
+| --------- | ------------- | ----------- | -------------- |
+| `trigger` | `CustomEvent` |             |                |
+| `toggle`  | `CustomEvent` |             |                |
+
+### Attributes
+
+| Name                 | Field             | Inherited From |
+| -------------------- | ----------------- | -------------- |
+| `label`              | label             |                |
+| `disabled`           | disabled          |                |
+| `open`               | open              |                |
+| `appearance`         | appearance        |                |
+| `appearance-variant` | appearanceVariant |                |
+
+<hr/>
+
+## class: `FvSplitButtonAnchor`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name                | Privacy | Type                                       | Default              | Description | Inherited From |
+| ------------------- | ------- | ------------------------------------------ | -------------------- | ----------- | -------------- |
+| `label`             | public  | `string`                                   | `'Primary function'` |             |                |
+| `href`              | public  | `string`                                   | `''`                 |             |                |
+| `target`            | public  | `string`                                   | `''`                 |             |                |
+| `rel`               | public  | `string`                                   | `''`                 |             |                |
+| `download`          | public  | `string`                                   | `''`                 |             |                |
+| `disabled`          | public  | `boolean`                                  | `false`              |             |                |
+| `open`              | public  | `boolean`                                  | `false`              |             |                |
+| `appearance`        | public  | `FvSplitButtonAnchorAppearanceType`        |                      |             |                |
+| `appearanceVariant` | public  | `FvSplitButtonAnchorAppearanceVariantType` |                      |             |                |
+
+### Events
+
+| Name      | Type          | Description | Inherited From |
+| --------- | ------------- | ----------- | -------------- |
+| `trigger` | `CustomEvent` |             |                |
+| `toggle`  | `CustomEvent` |             |                |
+
+### Attributes
+
+| Name                 | Field             | Inherited From |
+| -------------------- | ----------------- | -------------- |
+| `label`              | label             |                |
+| `href`               | href              |                |
+| `target`             | target            |                |
+| `rel`                | rel               |                |
+| `download`           | download          |                |
+| `disabled`           | disabled          |                |
+| `open`               | open              |                |
+| `appearance`         | appearance        |                |
+| `appearance-variant` | appearanceVariant |                |
+
+<hr/>
+
+## class: `FvSummaryPanel`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name                   | Privacy | Type      | Default       | Description | Inherited From |
+| ---------------------- | ------- | --------- | ------------- | ----------- | -------------- |
+| `showEditItemsButton`  | public  | `boolean` | `false`       |             |                |
+| `legacyStyle`          | public  | `boolean` | `false`       |             |                |
+| `editItemsButtonLabel` | public  | `string`  | `'Configure'` |             |                |
+
+### Events
+
+| Name         | Type          | Description | Inherited From |
+| ------------ | ------------- | ----------- | -------------- |
+| `edit-items` | `CustomEvent` |             |                |
+
+### Attributes
+
+| Name                      | Field                | Inherited From |
+| ------------------------- | -------------------- | -------------- |
+| `show-edit-items-button`  | showEditItemsButton  |                |
+| `legacy-style`            | legacyStyle          |                |
+| `edit-items-button-label` | editItemsButtonLabel |                |
+
+<hr/>
+
+## class: `FvSummaryPanelTile`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name           | Privacy | Type                                 | Default | Description | Inherited From |
+| -------------- | ------- | ------------------------------------ | ------- | ----------- | -------------- |
+| `count`        | public  | `string`                             | `''`    |             |                |
+| `label`        | public  | `string`                             | `''`    |             |                |
+| `legacyStyle`  | public  | `boolean`                            | `false` |             |                |
+| `selected`     | public  | `boolean`                            | `false` |             |                |
+| `textPosition` | public  | `FvSummaryPanelTileTextPositionType` |         |             |                |
+
+### Attributes
+
+| Name            | Field        | Inherited From |
+| --------------- | ------------ | -------------- |
+| `count`         | count        |                |
+| `label`         | label        |                |
+| `legacy-style`  | legacyStyle  |                |
+| `selected`      | selected     |                |
+| `text-position` | textPosition |                |
+
+<hr/>
+
 ## class: `TsIconDynamic`
 
 ### Superclass

package/dist/esm/fv/accordion-item/index.d.ts

@@ -13,6 +13,7 @@ export declare class FvAccordionItem extends FoundationElement {
     header: string;
     expanded: boolean;
     appearance: FvAccordionItemAppearance;
+    /** @internal */
     handleToggle(event: Event): boolean;
 }
 export declare const fvAccordionItemTag = "ok-fv-accordion-item";

package/dist/esm/fv/accordion-item/index.js

@@ -15,6 +15,7 @@ export class FvAccordionItem extends FoundationElement {
         this.expanded = false;
         this.appearance = FvAccordionItemAppearance.ghost;
     }
+    /** @internal */
     handleToggle(event) {
         this.expanded = event.target.open;
         return true;

package/dist/esm/fv/accordion-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fv/accordion-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAQpD;;;GAGG;AACH,MAAM,OAAO,eAAgB,SAAQ,iBAAiB;IAAtD;;QAEW,WAAM,GAAG,EAAE,CAAC;QAGZ,aAAQ,GAAG,KAAK,CAAC;QAGjB,eAAU,GAA8B,yBAAyB,CAAC,KAAK,CAAC;IAMnF,CAAC;IAJU,YAAY,CAAC,KAAY;QAC5B,IAAI,CAAC,QAAQ,GAAI,KAAK,CAAC,MAA6B,CAAC,IAAI,CAAC;QAC1D,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAZU;IADN,IAAI;+CACc;AAGZ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;iDACF;AAGjB;IADN,IAAI,EAAE;mDACwE;AAQnF,MAAM,iBAAiB,GAAG,eAAe,CAAC,OAAO,CAAC;IAC9C,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,IAAI,CAAC;KAChB,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;AACnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,sBAAsB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { FvAccordionItemAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'ok-fv-accordion-item': FvAccordionItem;\n    }\n}\n\n/**\n * An accordion item component that can be expanded or collapsed to\n * show or hide its content.\n */\nexport class FvAccordionItem extends FoundationElement {\n    @attr\n    public header = '';\n\n    @attr({ mode: 'boolean' })\n    public expanded = false;\n\n    @attr()\n    public appearance: FvAccordionItemAppearance = FvAccordionItemAppearance.ghost;\n\n    public handleToggle(event: Event): boolean {\n        this.expanded = (event.target as HTMLDetailsElement).open;\n        return true;\n    }\n}\n\nconst okFvAccordionItem = FvAccordionItem.compose({\n    baseName: 'fv-accordion-item',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('ok')\n    .register(okFvAccordionItem());\nexport const fvAccordionItemTag = 'ok-fv-accordion-item';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fv/accordion-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAQpD;;;GAGG;AACH,MAAM,OAAO,eAAgB,SAAQ,iBAAiB;IAAtD;;QAEW,WAAM,GAAG,EAAE,CAAC;QAGZ,aAAQ,GAAG,KAAK,CAAC;QAGjB,eAAU,GAA8B,yBAAyB,CAAC,KAAK,CAAC;IAOnF,CAAC;IALG,gBAAgB;IACT,YAAY,CAAC,KAAY;QAC5B,IAAI,CAAC,QAAQ,GAAI,KAAK,CAAC,MAA6B,CAAC,IAAI,CAAC;QAC1D,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAbU;IADN,IAAI;+CACc;AAGZ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;iDACF;AAGjB;IADN,IAAI,EAAE;mDACwE;AASnF,MAAM,iBAAiB,GAAG,eAAe,CAAC,OAAO,CAAC;IAC9C,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,IAAI,CAAC;KAChB,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;AACnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,sBAAsB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { FvAccordionItemAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'ok-fv-accordion-item': FvAccordionItem;\n    }\n}\n\n/**\n * An accordion item component that can be expanded or collapsed to\n * show or hide its content.\n */\nexport class FvAccordionItem extends FoundationElement {\n    @attr\n    public header = '';\n\n    @attr({ mode: 'boolean' })\n    public expanded = false;\n\n    @attr()\n    public appearance: FvAccordionItemAppearance = FvAccordionItemAppearance.ghost;\n\n    /** @internal */\n    public handleToggle(event: Event): boolean {\n        this.expanded = (event.target as HTMLDetailsElement).open;\n        return true;\n    }\n}\n\nconst okFvAccordionItem = FvAccordionItem.compose({\n    baseName: 'fv-accordion-item',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('ok')\n    .register(okFvAccordionItem());\nexport const fvAccordionItemTag = 'ok-fv-accordion-item';\n"]}

package/dist/esm/fv/accordion-item/testing/fv-accordion-item.pageobject.js

@@ -8,7 +8,12 @@ export class FvAccordionItemPageObject {
         this.accordionItemElement = accordionItemElement;
     }
     async clickSummary() {
+        const details = this.getDetails();
+        const togglePromise = new Promise(resolve => {
+            details.addEventListener('toggle', () => resolve(), { once: true });
+        });
         this.getSummary().click();
+        await togglePromise;
         await waitForUpdatesAsync();
     }
     getHeaderText() {

package/dist/esm/fv/accordion-item/testing/fv-accordion-item.pageobject.js.map

@@ -1 +1 @@
-{"version":3,"file":"fv-accordion-item.pageobject.js","sourceRoot":"","sources":["../../../../../src/fv/accordion-item/testing/fv-accordion-item.pageobject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAG3F;;;GAGG;AACH,MAAM,OAAO,yBAAyB;IAClC,YAAsC,oBAAqC;QAArC,yBAAoB,GAApB,oBAAoB,CAAiB;IAAG,CAAC;IAExE,KAAK,CAAC,YAAY;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,mBAAmB,EAAE,CAAC;IAChC,CAAC;IAEM,aAAa;QAChB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACrD,CAAC;IAEM,UAAU;QACb,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC;IAClC,CAAC;IAEM,cAAc;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;IAEM,eAAe;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CACxD,kCAAkC,CACrC,CAAC;IACN,CAAC;IAEO,UAAU;QACd,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/E,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAChE,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAEO,UAAU;QACd,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAC/D,yBAAyB,CAC5B,CAAC;QACF,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAChE,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAEO,QAAQ;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAC7D,uBAAuB,CAC1B,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;QAC9D,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ","sourcesContent":["import { waitForUpdatesAsync } from '@ni/nimble-components/dist/esm/testing/async-helpers';\nimport type { FvAccordionItem } from '..';\n\n/**\n * Page object for the `ok-fv-accordion-item` component to provide consistent\n * ways of querying and interacting with the component during tests.\n */\nexport class FvAccordionItemPageObject {\n    public constructor(protected readonly accordionItemElement: FvAccordionItem) {}\n\n    public async clickSummary(): Promise<void> {\n        this.getSummary().click();\n        await waitForUpdatesAsync();\n    }\n\n    public getHeaderText(): string {\n        return this.getTitle().textContent?.trim() ?? '';\n    }\n\n    public isExpanded(): boolean {\n        return this.getDetails().open;\n    }\n\n    public hasContentSlot(): boolean {\n        return !!this.accordionItemElement.shadowRoot?.querySelector('slot');\n    }\n\n    public hasExpanderIcon(): boolean {\n        return !!this.accordionItemElement.shadowRoot?.querySelector(\n            'nimble-icon-arrow-expander-right'\n        );\n    }\n\n    private getDetails(): HTMLDetailsElement {\n        const details = this.accordionItemElement.shadowRoot?.querySelector('details');\n        if (!details) {\n            throw new Error('Accordion item details element not found');\n        }\n        return details;\n    }\n\n    private getSummary(): HTMLElement {\n        const summary = this.accordionItemElement.shadowRoot?.querySelector<HTMLElement>(\n            '.accordion-item-summary'\n        );\n        if (!summary) {\n            throw new Error('Accordion item summary element not found');\n        }\n        return summary;\n    }\n\n    private getTitle(): HTMLElement {\n        const title = this.accordionItemElement.shadowRoot?.querySelector<HTMLElement>(\n            '.accordion-item-title'\n        );\n        if (!title) {\n            throw new Error('Accordion item title element not found');\n        }\n        return title;\n    }\n}\n"]}
+{"version":3,"file":"fv-accordion-item.pageobject.js","sourceRoot":"","sources":["../../../../../src/fv/accordion-item/testing/fv-accordion-item.pageobject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAG3F;;;GAGG;AACH,MAAM,OAAO,yBAAyB;IAClC,YAAsC,oBAAqC;QAArC,yBAAoB,GAApB,oBAAoB,CAAiB;IAAG,CAAC;IAExE,KAAK,CAAC,YAAY;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,aAAa,GAAG,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;YAC9C,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,aAAa,CAAC;QACpB,MAAM,mBAAmB,EAAE,CAAC;IAChC,CAAC;IAEM,aAAa;QAChB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACrD,CAAC;IAEM,UAAU;QACb,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC;IAClC,CAAC;IAEM,cAAc;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;IAEM,eAAe;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CACxD,kCAAkC,CACrC,CAAC;IACN,CAAC;IAEO,UAAU;QACd,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/E,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAChE,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAEO,UAAU;QACd,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAC/D,yBAAyB,CAC5B,CAAC;QACF,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAChE,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAEO,QAAQ;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,aAAa,CAC7D,uBAAuB,CAC1B,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;QAC9D,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ","sourcesContent":["import { waitForUpdatesAsync } from '@ni/nimble-components/dist/esm/testing/async-helpers';\nimport type { FvAccordionItem } from '..';\n\n/**\n * Page object for the `ok-fv-accordion-item` component to provide consistent\n * ways of querying and interacting with the component during tests.\n */\nexport class FvAccordionItemPageObject {\n    public constructor(protected readonly accordionItemElement: FvAccordionItem) {}\n\n    public async clickSummary(): Promise<void> {\n        const details = this.getDetails();\n        const togglePromise = new Promise<void>(resolve => {\n            details.addEventListener('toggle', () => resolve(), { once: true });\n        });\n\n        this.getSummary().click();\n        await togglePromise;\n        await waitForUpdatesAsync();\n    }\n\n    public getHeaderText(): string {\n        return this.getTitle().textContent?.trim() ?? '';\n    }\n\n    public isExpanded(): boolean {\n        return this.getDetails().open;\n    }\n\n    public hasContentSlot(): boolean {\n        return !!this.accordionItemElement.shadowRoot?.querySelector('slot');\n    }\n\n    public hasExpanderIcon(): boolean {\n        return !!this.accordionItemElement.shadowRoot?.querySelector(\n            'nimble-icon-arrow-expander-right'\n        );\n    }\n\n    private getDetails(): HTMLDetailsElement {\n        const details = this.accordionItemElement.shadowRoot?.querySelector('details');\n        if (!details) {\n            throw new Error('Accordion item details element not found');\n        }\n        return details;\n    }\n\n    private getSummary(): HTMLElement {\n        const summary = this.accordionItemElement.shadowRoot?.querySelector<HTMLElement>(\n            '.accordion-item-summary'\n        );\n        if (!summary) {\n            throw new Error('Accordion item summary element not found');\n        }\n        return summary;\n    }\n\n    private getTitle(): HTMLElement {\n        const title = this.accordionItemElement.shadowRoot?.querySelector<HTMLElement>(\n            '.accordion-item-title'\n        );\n        if (!title) {\n            throw new Error('Accordion item title element not found');\n        }\n        return title;\n    }\n}\n"]}

package/dist/esm/fv/all-fv.d.ts

@@ -1,2 +1,9 @@
 import './accordion-item';
+import './card';
+import './chip-selector';
+import './context-help';
+import './split-button';
+import './split-button-anchor';
+import './summary-panel';
+import './summary-panel-tile';
 import './search-input';

package/dist/esm/fv/all-fv.js

@@ -1,3 +1,10 @@
 import './accordion-item';
+import './card';
+import './chip-selector';
+import './context-help';
+import './split-button';
+import './split-button-anchor';
+import './summary-panel';
+import './summary-panel-tile';
 import './search-input';
 //# sourceMappingURL=all-fv.js.map

package/dist/esm/fv/all-fv.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-fv.js","sourceRoot":"","sources":["../../../src/fv/all-fv.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC","sourcesContent":["import './accordion-item';\nimport './search-input';\n"]}
+{"version":3,"file":"all-fv.js","sourceRoot":"","sources":["../../../src/fv/all-fv.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,QAAQ,CAAC;AAChB,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC","sourcesContent":["import './accordion-item';\nimport './card';\nimport './chip-selector';\nimport './context-help';\nimport './split-button';\nimport './split-button-anchor';\nimport './summary-panel';\nimport './summary-panel-tile';\nimport './search-input';\n"]}

package/dist/esm/fv/card/index.d.ts

@@ -0,0 +1,59 @@
+import { FoundationElement } from '@ni/fast-foundation';
+import { type FvCardAppearance as FvCardAppearanceType, type FvCardInteractionMode as FvCardInteractionModeType } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-fv-card': FvCard;
+    }
+}
+/**
+ * An opinionated card component for FV layouts with optional media,
+ * badges, footer metadata, and action content.
+ */
+export declare class FvCard extends FoundationElement {
+    title: string;
+    subtitle: string;
+    description: string;
+    appearance: FvCardAppearanceType;
+    interactionMode: FvCardInteractionModeType;
+    disabled: boolean;
+    initials: string;
+    /** @internal */
+    hasIconContent: boolean;
+    /** @internal */
+    hasBadgesContent: boolean;
+    /** @internal */
+    hasDefaultContent: boolean;
+    /** @internal */
+    hasActionsContent: boolean;
+    /** @internal */
+    hasFooterStartContent: boolean;
+    /** @internal */
+    hasFooterEndContent: boolean;
+    /** @internal */
+    get showInitials(): boolean;
+    /** @internal */
+    get hasMedia(): boolean;
+    /** @internal */
+    get initialsText(): string;
+    /** @internal */
+    get showBody(): boolean;
+    /** @internal */
+    get showFooter(): boolean;
+    /** @internal */
+    get showActions(): boolean;
+    /** @internal */
+    get isCardInteractive(): boolean;
+    /** @internal */
+    handleIconSlotChange(event: Event): boolean;
+    /** @internal */
+    handleBadgesSlotChange(event: Event): boolean;
+    /** @internal */
+    handleDefaultSlotChange(event: Event): boolean;
+    /** @internal */
+    handleActionsSlotChange(event: Event): boolean;
+    /** @internal */
+    handleFooterStartSlotChange(event: Event): boolean;
+    /** @internal */
+    handleFooterEndSlotChange(event: Event): boolean;
+}
+export declare const fvCardTag = "ok-fv-card";

package/dist/esm/fv/card/index.js

@@ -0,0 +1,144 @@
+import { __decorate } from "tslib";
+import { attr, observable } from '@ni/fast-element';
+import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
+import { styles } from './styles';
+import { template } from './template';
+import { FvCardAppearance, FvCardInteractionMode } from './types';
+function slotHasAssignedElements(slot) {
+    return slot.assignedElements({ flatten: true }).length > 0;
+}
+/**
+ * An opinionated card component for FV layouts with optional media,
+ * badges, footer metadata, and action content.
+ */
+export class FvCard extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        this.title = '';
+        this.subtitle = '';
+        this.description = '';
+        this.appearance = FvCardAppearance.outline;
+        this.interactionMode = FvCardInteractionMode.static;
+        this.disabled = false;
+        this.initials = '';
+        /** @internal */
+        this.hasIconContent = false;
+        /** @internal */
+        this.hasBadgesContent = false;
+        /** @internal */
+        this.hasDefaultContent = false;
+        /** @internal */
+        this.hasActionsContent = false;
+        /** @internal */
+        this.hasFooterStartContent = false;
+        /** @internal */
+        this.hasFooterEndContent = false;
+    }
+    /** @internal */
+    get showInitials() {
+        return !this.hasIconContent && this.initialsText.length > 0;
+    }
+    /** @internal */
+    get hasMedia() {
+        return this.hasIconContent || this.showInitials;
+    }
+    /** @internal */
+    get initialsText() {
+        return this.initials.trim().slice(0, 2).toUpperCase();
+    }
+    /** @internal */
+    get showBody() {
+        return this.description.length > 0 || this.hasDefaultContent;
+    }
+    /** @internal */
+    get showFooter() {
+        return this.hasFooterStartContent || this.hasFooterEndContent;
+    }
+    /** @internal */
+    get showActions() {
+        return this.interactionMode === FvCardInteractionMode.static && this.hasActionsContent;
+    }
+    /** @internal */
+    get isCardInteractive() {
+        return this.interactionMode === FvCardInteractionMode.card;
+    }
+    /** @internal */
+    handleIconSlotChange(event) {
+        this.hasIconContent = slotHasAssignedElements(event.target);
+        return true;
+    }
+    /** @internal */
+    handleBadgesSlotChange(event) {
+        this.hasBadgesContent = slotHasAssignedElements(event.target);
+        return true;
+    }
+    /** @internal */
+    handleDefaultSlotChange(event) {
+        this.hasDefaultContent = slotHasAssignedElements(event.target);
+        return true;
+    }
+    /** @internal */
+    handleActionsSlotChange(event) {
+        this.hasActionsContent = slotHasAssignedElements(event.target);
+        return true;
+    }
+    /** @internal */
+    handleFooterStartSlotChange(event) {
+        this.hasFooterStartContent = slotHasAssignedElements(event.target);
+        return true;
+    }
+    /** @internal */
+    handleFooterEndSlotChange(event) {
+        this.hasFooterEndContent = slotHasAssignedElements(event.target);
+        return true;
+    }
+}
+__decorate([
+    attr({ attribute: 'card-title' })
+], FvCard.prototype, "title", void 0);
+__decorate([
+    attr
+], FvCard.prototype, "subtitle", void 0);
+__decorate([
+    attr
+], FvCard.prototype, "description", void 0);
+__decorate([
+    attr
+], FvCard.prototype, "appearance", void 0);
+__decorate([
+    attr({ attribute: 'interaction-mode' })
+], FvCard.prototype, "interactionMode", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], FvCard.prototype, "disabled", void 0);
+__decorate([
+    attr
+], FvCard.prototype, "initials", void 0);
+__decorate([
+    observable
+], FvCard.prototype, "hasIconContent", void 0);
+__decorate([
+    observable
+], FvCard.prototype, "hasBadgesContent", void 0);
+__decorate([
+    observable
+], FvCard.prototype, "hasDefaultContent", void 0);
+__decorate([
+    observable
+], FvCard.prototype, "hasActionsContent", void 0);
+__decorate([
+    observable
+], FvCard.prototype, "hasFooterStartContent", void 0);
+__decorate([
+    observable
+], FvCard.prototype, "hasFooterEndContent", void 0);
+const okFvCard = FvCard.compose({
+    baseName: 'fv-card',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('ok')
+    .register(okFvCard());
+export const fvCardTag = 'ok-fv-card';
+//# sourceMappingURL=index.js.map

package/dist/esm/fv/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fv/card/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, observable } from '@ni/fast-element';\nimport { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport {\n    FvCardAppearance,\n    type FvCardAppearance as FvCardAppearanceType,\n    FvCardInteractionMode,\n    type FvCardInteractionMode as FvCardInteractionModeType\n} from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'ok-fv-card': FvCard;\n    }\n}\n\nfunction slotHasAssignedElements(slot: HTMLSlotElement): boolean {\n    return slot.assignedElements({ flatten: true }).length > 0;\n}\n\n/**\n * An opinionated card component for FV layouts with optional media,\n * badges, footer metadata, and action content.\n */\nexport class FvCard extends FoundationElement {\n    @attr({ attribute: 'card-title' })\n    public override title = '';\n\n    @attr\n    public subtitle = '';\n\n    @attr\n    public description = '';\n\n    @attr\n    public appearance: FvCardAppearanceType = FvCardAppearance.outline;\n\n    @attr({ attribute: 'interaction-mode' })\n    public interactionMode: FvCardInteractionModeType = FvCardInteractionMode.static;\n\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    @attr\n    public initials = '';\n\n    /** @internal */\n    @observable\n    public hasIconContent = false;\n\n    /** @internal */\n    @observable\n    public hasBadgesContent = false;\n\n    /** @internal */\n    @observable\n    public hasDefaultContent = false;\n\n    /** @internal */\n    @observable\n    public hasActionsContent = false;\n\n    /** @internal */\n    @observable\n    public hasFooterStartContent = false;\n\n    /** @internal */\n    @observable\n    public hasFooterEndContent = false;\n\n    /** @internal */\n    public get showInitials(): boolean {\n        return !this.hasIconContent && this.initialsText.length > 0;\n    }\n\n    /** @internal */\n    public get hasMedia(): boolean {\n        return this.hasIconContent || this.showInitials;\n    }\n\n    /** @internal */\n    public get initialsText(): string {\n        return this.initials.trim().slice(0, 2).toUpperCase();\n    }\n\n    /** @internal */\n    public get showBody(): boolean {\n        return this.description.length > 0 || this.hasDefaultContent;\n    }\n\n    /** @internal */\n    public get showFooter(): boolean {\n        return this.hasFooterStartContent || this.hasFooterEndContent;\n    }\n\n    /** @internal */\n    public get showActions(): boolean {\n        return this.interactionMode === FvCardInteractionMode.static && this.hasActionsContent;\n    }\n\n    /** @internal */\n    public get isCardInteractive(): boolean {\n        return this.interactionMode === FvCardInteractionMode.card;\n    }\n\n    /** @internal */\n    public handleIconSlotChange(event: Event): boolean {\n        this.hasIconContent = slotHasAssignedElements(event.target as HTMLSlotElement);\n        return true;\n    }\n\n    /** @internal */\n    public handleBadgesSlotChange(event: Event): boolean {\n        this.hasBadgesContent = slotHasAssignedElements(event.target as HTMLSlotElement);\n        return true;\n    }\n\n    /** @internal */\n    public handleDefaultSlotChange(event: Event): boolean {\n        this.hasDefaultContent = slotHasAssignedElements(event.target as HTMLSlotElement);\n        return true;\n    }\n\n    /** @internal */\n    public handleActionsSlotChange(event: Event): boolean {\n        this.hasActionsContent = slotHasAssignedElements(event.target as HTMLSlotElement);\n        return true;\n    }\n\n    /** @internal */\n    public handleFooterStartSlotChange(event: Event): boolean {\n        this.hasFooterStartContent = slotHasAssignedElements(event.target as HTMLSlotElement);\n        return true;\n    }\n\n    /** @internal */\n    public handleFooterEndSlotChange(event: Event): boolean {\n        this.hasFooterEndContent = slotHasAssignedElements(event.target as HTMLSlotElement);\n        return true;\n    }\n}\n\nconst okFvCard = FvCard.compose({\n    baseName: 'fv-card',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('ok')\n    .register(okFvCard());\nexport const fvCardTag = 'ok-fv-card';\n"]}

package/dist/esm/fv/card/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@ni/fast-element").ElementStyles;