@ds-mo/ui 12.9.0 → 13.1.0

package/dist/types/shell/index.d.ts

@@ -1,22 +1,14 @@
 export type { NavChromeStyle } from './nav-chrome';
 export type { PanelNavGroup, PanelNavItem, } from '../components/PanelNav/panel-nav-types';
 export type { BarNavTab } from '../components/BarNav/bar-nav-types';
+export type { ShellAppComposition, ShellNavigationConfig, ShellNavigationSelectDetail, ShellPageChromeConfig, ShellToolsConfig, } from '../components/ShellApp/shell-app-types';
 export type { PanelToolsHeaderAction, PanelToolsHeaderConfig, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId, } from '../components/PanelTools/panel-tools-types';
-export { NAV_STYLE_HINT_ATTR, readNavStyleAttr, setNavStyleHint, clearNavStyleHint, resolveNavChromeStyle, shouldResyncNavChromeStyle, } from './nav-chrome';
-export { SHELL_BAR_NAV_VT_NAME, SHELL_NAV_REVEAL_DURATION_VAR, SHELL_NAV_REVEAL_EASING_VAR, parseCssTimeMs, ensureShellNavVtStyle, resolveShellNavRevealOrigin, setShellNavRevealOriginVars, animateShellNavRadialReveal, runShellNavStyleRevealOnReady, } from './shell-view-transition';
-export type { ShellNavRevealOrigin } from './shell-view-transition';
-export { SHELL_GRADIENT_IMAGE_VAR, SHELL_GRADIENT_SIZE_VAR, SHELL_GRADIENT_POSITION_PANEL_VAR, SHELL_GRADIENT_POSITION_BAR_VAR, SHELL_GRADIENT_OPACITY_VAR, SHELL_CHROME_SURFACE_POSITION_VAR, buildShellRadialGradient, shellGradientImage, shellGradientSize, shellGradientPositionPanel, shellGradientPositionBar, shellChromeSurfacePosition, shellChromeLayerActive, readShellViewportDimensions, } from './shell-gradient';
-export type { ShellGradientLayout, ShellViewportDimensions } from './shell-gradient';
+export { PANEL_TOOLS_DEFAULT_ITEMS } from '../components/PanelTools/panel-tools-types';
+export { NAV_STYLE_HINT_ATTR, readNavStyleAttr, setNavStyleHint, clearNavStyleHint, } from './nav-chrome';
 export type { MenuPlacement } from '../components/Menu/menu-placement';
 export { PANEL_NAV_USER_MENU_PLACEMENT, PANEL_TOOLS_HEADER_MENU_PLACEMENT, } from '../components/Menu/menu-placement';
 export type { ShellGradientPickerOption, ShellGradientPickerPreview, ShellGradientPickerSection, ShellGradientPreset, } from './shell-gradient-presets';
-export { DEFAULT_SHELL_GRADIENT_PRESET, SHELL_GRADIENT_PRESETS, SHELL_GRADIENT_PRESET_LABELS, buildShellRadialGradientForPreset, isShellGradientPreset, normalizeShellGradientPreset, shellGradientPickerSections, shellGradientPresetStopToken, } from './shell-gradient-presets';
-export type { ChromeTransitionDetail, ChromeTransitionSource } from './chrome-transition';
-export { CHROME_TRANSITION_END, CHROME_TRANSITION_START, ChromeTransitionDepth, createRafCoalescer, readChromeTransitionSource, readChromeTransitionPhase, } from './chrome-transition';
-export { barGradientPositionFromPanelWidth, isPanelNavCollapsed, panelWidthPxFromTokens, readCssVarWidthPx, readPanelNavWidthTokens, } from './shell-chrome-metrics';
-export type { PanelNavWidthTokens } from './shell-chrome-metrics';
-export { SHELL_DEFAULT_INBOX_TOOL, SHELL_DESKTOP_BREAKPOINT, SHELL_MOBILE_BREAKPOINT, isShellInboxTool, resolveAvailableInboxTool, resolveShellResponsiveMode, shellMobileDestinationForTool, shouldEmitMobileDestinationChange, } from './shell-responsive';
+export { DEFAULT_SHELL_GRADIENT_PRESET, SHELL_GRADIENT_PRESETS, SHELL_GRADIENT_PRESET_LABELS, isShellGradientPreset, normalizeShellGradientPreset, shellGradientPickerSections, } from './shell-gradient-presets';
+export { SHELL_DEFAULT_INBOX_TOOL, isShellInboxTool, resolveAvailableInboxTool, resolveShellResponsiveMode, shellMobileDestinationForTool, shouldEmitMobileDestinationChange, } from './shell-responsive';
 export type { ShellInboxToolId, MobileDestination, ShellResponsiveMode, } from './shell-responsive';
-export { BADGE_GRADIENT_POSITION_VAR, badgeGradientPosition, findGradientSurface, isShellGradientActive, parseCssBackgroundPosition, readShellGradientPosition, syncBadgeGradientPosition, } from './badge-gradient-ring';
-export type { GradientSurface } from './badge-gradient-ring';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/shell/shell-responsive.d.ts

@@ -1,11 +1,12 @@
 import type { PanelToolsToolId } from '../components/PanelTools/panel-tools-types';
 export type ShellResponsiveMode = 'desktop' | 'tablet' | 'mobile';
 export type MobileDestination = 'area' | 'search' | 'agents' | 'inbox' | 'help';
-export type ShellInboxToolId = Extract<PanelToolsToolId, 'messages' | 'stacks' | 'activity'>;
+export type ShellInboxToolId = PanelToolsToolId;
 export declare const SHELL_DESKTOP_BREAKPOINT = 1200;
 export declare const SHELL_MOBILE_BREAKPOINT = 768;
 export declare const SHELL_DEFAULT_INBOX_TOOL: ShellInboxToolId;
 export declare function resolveShellResponsiveMode(width: number): ShellResponsiveMode;
+export declare function resolveManagedShellPageCapacity(mode: ShellResponsiveMode, toolsOpen: boolean): 'roomy' | 'compact' | 'constrained';
 export declare function shellMobileDestinationForTool(open: boolean, tool: PanelToolsToolId | ''): MobileDestination;
 export declare function isShellInboxTool(tool: string): tool is ShellInboxToolId;
 export declare function resolveAvailableInboxTool(preferred: string, available: readonly PanelToolsToolId[]): ShellInboxToolId | '';

package/dist/types/utils/button-render.d.ts

@@ -0,0 +1,18 @@
+import { type ButtonSize, type ButtonVariant } from './button-types';
+interface ButtonContentOptions {
+    namespace: 'button-filled' | 'button-unfilled';
+    variant: ButtonVariant;
+    size: ButtonSize;
+    label: string;
+    icon: string;
+    hasMenu: boolean;
+    isLoading: boolean;
+    dot?: {
+        visible: boolean;
+        background: string;
+    };
+}
+/** One content renderer shared by both semantic button components. */
+export declare function renderButtonContent(options: ButtonContentOptions): any[];
+export {};
+//# sourceMappingURL=button-render.d.ts.map

package/dist/types/utils/button-story-foundation.d.ts

@@ -0,0 +1,9 @@
+export declare const BUTTON_STORY_VARIANTS: readonly ["label", "icon", "icon-label"];
+export declare const BUTTON_STORY_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const BUTTON_STORY_WIDTHS: readonly ["hug", "fill"];
+export declare const BUTTON_STORY_ROW = "display:flex;gap:var(--dimension-space-100);align-items:center;flex-wrap:wrap;";
+export declare const BUTTON_STORY_COLUMN = "display:flex;flex-direction:column;gap:var(--dimension-space-150);align-items:flex-start;";
+export declare const BUTTON_STORY_SURFACE = "display:flex;gap:var(--dimension-space-100);align-items:center;padding:var(--dimension-space-150);border-radius:var(--dimension-radius-100);";
+/** Shared Storybook wiring for the two semantic menu-button components. */
+export declare function wireButtonStoryMenuTriggers(root: Element | undefined): void;
+//# sourceMappingURL=button-story-foundation.d.ts.map

package/dist/types/utils/button-types.d.ts

@@ -0,0 +1,11 @@
+import type { ControlWidth } from './control-width';
+export type ButtonVariant = 'icon' | 'label' | 'icon-label';
+export type ButtonSize = 'lg' | 'md' | 'sm' | 'xs';
+export type ButtonWidth = ControlWidth;
+export type ButtonPopup = 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+export type ButtonNativeType = 'button' | 'submit' | 'reset';
+export declare const BUTTON_ICON_SIZE: Record<ButtonSize, ButtonSize>;
+export declare function buttonShowsIcon(variant: ButtonVariant): boolean;
+export declare function buttonShowsLabel(variant: ButtonVariant): boolean;
+export declare function buttonShowsChevron(variant: ButtonVariant, hasMenu: boolean): boolean;
+//# sourceMappingURL=button-types.d.ts.map

package/dist/types/utils/form-association.d.ts

@@ -0,0 +1,23 @@
+export type FormControlState = File | FormData | string | null;
+export interface SetFormControlValueOptions {
+    inactive?: boolean;
+    state?: FormControlState;
+}
+export interface SetRepeatedFormControlValueOptions {
+    inactive?: boolean;
+    state?: FormControlState;
+}
+/**
+ * Set one form-associated value while consistently omitting inactive controls.
+ * Pass `state` only when restoration differs from the submitted value.
+ */
+export declare function setFormControlValue(internals: ElementInternals, value: File | string | null, options?: SetFormControlValueOptions): void;
+/**
+ * Submit repeated values under one field name and preserve a serialized array
+ * for browser form-state restoration.
+ */
+export declare function setRepeatedFormControlValue(internals: ElementInternals, name: string | null | undefined, values: readonly (number | string)[], options?: SetRepeatedFormControlValueOptions): void;
+export declare function restoreStringFormState(state: FormControlState, fallback?: string): string;
+export declare function restoreStringArrayFormState(state: FormControlState): string[];
+export declare function restoreNumberArrayFormState(state: FormControlState, maximumValues?: number): number[];
+//# sourceMappingURL=form-association.d.ts.map

package/dist/types/utils/index.d.ts

@@ -12,6 +12,10 @@ export type { ScrollEdgeFadeEdge, ScrollEdgeFadeOptions, ScrollEdgeFadeSize, Scr
 export { TOKEN_DEFAULTS, TOKEN_CSS_LENGTHS } from './token-defaults';
 export type { TokenDefaultKey } from './token-defaults';
 export { DEFAULT_REQUIRED_MESSAGE, setRequiredValidity } from './required-validity';
+export { restoreNumberArrayFormState, restoreStringArrayFormState, restoreStringFormState, setFormControlValue, setRepeatedFormControlValue, } from './form-association';
+export type { FormControlState, SetFormControlValueOptions, SetRepeatedFormControlValueOptions, } from './form-association';
+export { resolveSafeUrl } from './safe-url';
+export type { ResolveSafeUrlOptions, SafeUrlProtocol } from './safe-url';
 export { controlWidthClass } from './control-width';
 export type { ControlWidth } from './control-width';
 export { CONTROL_SUPPORTING_TEXT_VARIANT, CONTROL_TEXT_VARIANT } from './control-text';

package/dist/types/utils/required-validity.d.ts

@@ -1,6 +1,6 @@
 /**
  * Shared "required field" validity contract for form-associated custom
- * elements (Checkbox, Radio, Switch, Input, Select, SelectMulti, …).
+ * elements (Checkbox, Radio, Switch, Input, Select, …).
  *
  * Each control computes its own `missing` condition (what counts as empty
  * differs: unchecked, no value, no selection, …) and its own form value, then

package/dist/types/utils/safe-url.d.ts

@@ -0,0 +1,12 @@
+export type SafeUrlProtocol = 'blob:' | 'http:' | 'https:' | 'mailto:';
+export interface ResolveSafeUrlOptions {
+    protocols?: readonly SafeUrlProtocol[];
+    baseUrl?: string | URL;
+}
+/**
+ * Resolve a consumer-authored URL only when its protocol is explicitly allowed.
+ * Relative URLs use the current document base in browser rendering; server-side
+ * callers can provide `baseUrl` when they intentionally support relative input.
+ */
+export declare function resolveSafeUrl(value: string | null | undefined, options?: ResolveSafeUrlOptions): string | undefined;
+//# sourceMappingURL=safe-url.d.ts.map

package/dist/types/utils/select-controller.d.ts

@@ -20,7 +20,7 @@ export interface SelectControllerState<T extends ChoiceOption> {
     selectOption(option: T): void;
 }
 /**
- * Shared Select/SelectMulti interaction controller.
+ * Shared single/multiple Select interaction controller.
  *
  * Decorated Stencil state and scalar/array selection remain in each component;
  * this controller owns only popup lifecycle, focus, positioning, typeahead,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "12.9.0",
+  "version": "13.1.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -78,7 +78,7 @@
     "prebuild": "npm run clean && npm run clean:framework-proxies && node scripts/generate-icon-catalog.mjs",
     "pretypecheck": "node scripts/generate-icon-catalog.mjs",
     "pretest": "node scripts/generate-icon-catalog.mjs",
-    "build": "stencil build && node scripts/verify-framework-proxies.mjs && node scripts/patch-index-types.mjs && node scripts/verify-icons-externalized.mjs && node scripts/write-build-stamp.mjs && node scripts/build-lib-exports.mjs && node scripts/build-style-exports.mjs && node scripts/build-framework-exports.mjs && node scripts/build-registry.mjs && node scripts/build-agent-manifest.mjs && node scripts/build-mcp.mjs && node scripts/verify-framework-proxies.mjs",
+    "build": "stencil build && node scripts/verify-framework-proxies.mjs && node scripts/patch-index-types.mjs && node scripts/verify-icons-externalized.mjs && node scripts/build-lib-exports.mjs && node scripts/build-style-exports.mjs && node scripts/build-framework-exports.mjs && node scripts/build-registry.mjs && node scripts/build-agent-manifest.mjs && node scripts/build-mcp.mjs && node scripts/verify-framework-proxies.mjs && node scripts/write-build-stamp.mjs",
     "verify:pack": "node scripts/verify-framework-proxies.mjs && node scripts/verify-npm-pack.mjs && node scripts/verify-package-imports.mjs",
     "test": "node --import tsx/esm --test tests/*.test.ts",
     "test:e2e": "npm run build && playwright test",
@@ -86,9 +86,10 @@
     "prebuild:docs": "npm run clean:framework-proxies",
     "build:docs": "stencil build --docs",
     "predev": "npm run clean:framework-proxies",
-    "dev": "node scripts/generate-icon-catalog.mjs && stencil build --watch",
+    "dev": "node scripts/package-dev.mjs",
+    "dev:components": "node scripts/generate-icon-catalog.mjs && stencil build --watch --config stencil.storybook.config.ts",
     "storybook:ui": "node scripts/storybook-ui.mjs",
-    "prestorybook:build": "node scripts/write-build-stamp.mjs",
+    "prestorybook:build": "node scripts/write-build-stamp.mjs --storybook",
     "storybook": "node scripts/storybook-dev.mjs",
     "storybook:build": "storybook build",
     "storybook:test:a11y": "vitest run --project=storybook-light --project=storybook-dark",
@@ -107,9 +108,11 @@
     "@angular/core": ">=19 <23",
     "@angular/forms": ">=19 <23",
     "@ds-mo/icons": "^6.4.0",
-    "@ds-mo/tokens": "^5.0.0",
+    "@ds-mo/tokens": "^5.1.0",
     "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
+    "react-dom": "^18 || ^19",
+    "rxjs": "^7.8.0",
+    "@stencil/react-output-target": ">=1.6 <2"
   },
   "peerDependenciesMeta": {
     "@angular/core": {
@@ -123,6 +126,12 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "rxjs": {
+      "optional": true
+    },
+    "@stencil/react-output-target": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -132,12 +141,13 @@
     "@angular/forms": "^22.0.7",
     "@axe-core/playwright": "^4.12.1",
     "@ds-mo/icons": "^6.4.0",
-    "@ds-mo/tokens": "^5.0.0",
+    "@ds-mo/tokens": "^5.1.0",
     "@eslint/js": "^10.0.1",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@playwright/test": "^1.55.0",
     "@stencil/angular-output-target": "^1.4.0",
     "@stencil/core": "^4.43.5",
+    "@stencil/react-output-target": "^1.6.0",
     "@storybook/addon-a11y": "^10.5.1",
     "@storybook/addon-docs": "^10.5.0",
     "@storybook/addon-vitest": "^10.5.2",
@@ -178,13 +188,11 @@
     "dist/components/**/*.js"
   ],
   "dependencies": {
-    "@stencil/react-output-target": "^1.6.0",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
     "mdast-util-from-markdown": "^2.0.3",
     "mdast-util-gfm": "^3.1.0",
-    "micromark-extension-gfm": "^3.0.0",
-    "rxjs": "^7.8.2"
+    "micromark-extension-gfm": "^3.0.0"
   }
 }

package/dist/.build-stamp

@@ -1 +0,0 @@
-1785378569056

package/dist/angular/ds-card-data-viz-bar.d.ts

@@ -1,18 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsCardDataVizBarCustomEvent } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsCardDataVizBar {
-    protected z: NgZone;
-    protected el: HTMLDsCardDataVizBarElement;
-    dsFilterClick: EventEmitter<DsCardDataVizBarCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardDataVizBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardDataVizBar, "ds-card-data-viz-bar", never, { "cardWidth": { "alias": "cardWidth"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; }, { "dsFilterClick": "dsFilterClick"; }, never, ["*"], true, never>;
-}
-export declare interface DsCardDataVizBar extends Components.DsCardDataVizBar {
-    /**
-     * Emits when the header filter control is activated.
-     */
-    dsFilterClick: EventEmitter<DsCardDataVizBarCustomEvent<void>>;
-}

package/dist/angular/ds-card-data-viz-bar.js

@@ -1,42 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
-import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsCardDataVizBar } from '@ds-mo/ui/components/ds-card-data-viz-bar.js';
-import * as i0 from "@angular/core";
-let DsCardDataVizBar = class DsCardDataVizBar {
-    constructor(c, r, z) {
-        this.z = z;
-        this.dsFilterClick = new EventEmitter();
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsCardDataVizBar, isStandalone: true, selector: "ds-card-data-viz-bar", inputs: { cardWidth: "cardWidth", filterLabel: "filterLabel", heading: "heading" }, outputs: { dsFilterClick: "dsFilterClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-DsCardDataVizBar = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineDsCardDataVizBar,
-        inputs: ['cardWidth', 'filterLabel', 'heading']
-    })
-], DsCardDataVizBar);
-export { DsCardDataVizBar };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizBar, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ds-card-data-viz-bar',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['cardWidth', 'filterLabel', { name: 'heading', required: true }],
-                    outputs: ['dsFilterClick'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsFilterClick: [{
-                type: Output
-            }] } });

package/dist/angular/ds-card-data-viz-donut.d.ts

@@ -1,18 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsCardDataVizDonutCustomEvent } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsCardDataVizDonut {
-    protected z: NgZone;
-    protected el: HTMLDsCardDataVizDonutElement;
-    dsFilterClick: EventEmitter<DsCardDataVizDonutCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardDataVizDonut, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardDataVizDonut, "ds-card-data-viz-donut", never, { "cardWidth": { "alias": "cardWidth"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; }, { "dsFilterClick": "dsFilterClick"; }, never, ["*"], true, never>;
-}
-export declare interface DsCardDataVizDonut extends Components.DsCardDataVizDonut {
-    /**
-     * Emits when the header filter control is activated.
-     */
-    dsFilterClick: EventEmitter<DsCardDataVizDonutCustomEvent<void>>;
-}

package/dist/angular/ds-card-data-viz-line.d.ts

@@ -1,18 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsCardDataVizLineCustomEvent } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsCardDataVizLine {
-    protected z: NgZone;
-    protected el: HTMLDsCardDataVizLineElement;
-    dsFilterClick: EventEmitter<DsCardDataVizLineCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardDataVizLine, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardDataVizLine, "ds-card-data-viz-line", never, { "cardWidth": { "alias": "cardWidth"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; }, { "dsFilterClick": "dsFilterClick"; }, never, ["*"], true, never>;
-}
-export declare interface DsCardDataVizLine extends Components.DsCardDataVizLine {
-    /**
-     * Emits when the header filter control is activated.
-     */
-    dsFilterClick: EventEmitter<DsCardDataVizLineCustomEvent<void>>;
-}

package/dist/angular/ds-card-data-viz-line.js

@@ -1,42 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
-import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsCardDataVizLine } from '@ds-mo/ui/components/ds-card-data-viz-line.js';
-import * as i0 from "@angular/core";
-let DsCardDataVizLine = class DsCardDataVizLine {
-    constructor(c, r, z) {
-        this.z = z;
-        this.dsFilterClick = new EventEmitter();
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizLine, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsCardDataVizLine, isStandalone: true, selector: "ds-card-data-viz-line", inputs: { cardWidth: "cardWidth", filterLabel: "filterLabel", heading: "heading" }, outputs: { dsFilterClick: "dsFilterClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-DsCardDataVizLine = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineDsCardDataVizLine,
-        inputs: ['cardWidth', 'filterLabel', 'heading']
-    })
-], DsCardDataVizLine);
-export { DsCardDataVizLine };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizLine, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ds-card-data-viz-line',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['cardWidth', 'filterLabel', { name: 'heading', required: true }],
-                    outputs: ['dsFilterClick'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsFilterClick: [{
-                type: Output
-            }] } });

package/dist/angular/ds-card-shell-data-viz.d.ts

@@ -1,12 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsCardShellDataViz {
-    protected z: NgZone;
-    protected el: HTMLDsCardShellDataVizElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardShellDataViz, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardShellDataViz, "ds-card-shell-data-viz", never, { "cardWidth": { "alias": "cardWidth"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; }, {}, never, ["*"], true, never>;
-}
-export declare interface DsCardShellDataViz extends Components.DsCardShellDataViz {
-}

package/dist/angular/ds-card-shell-data-viz.js

@@ -1,38 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsCardShellDataViz } from '@ds-mo/ui/components/ds-card-shell-data-viz.js';
-import * as i0 from "@angular/core";
-let DsCardShellDataViz = class DsCardShellDataViz {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardShellDataViz, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsCardShellDataViz, isStandalone: true, selector: "ds-card-shell-data-viz", inputs: { cardWidth: "cardWidth", heading: "heading" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-DsCardShellDataViz = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineDsCardShellDataViz,
-        inputs: ['cardWidth', 'heading']
-    })
-], DsCardShellDataViz);
-export { DsCardShellDataViz };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardShellDataViz, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ds-card-shell-data-viz',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['cardWidth', { name: 'heading', required: true }],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-chart-bar-stacked.d.ts

@@ -1,12 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsChartBarStacked {
-    protected z: NgZone;
-    protected el: HTMLDsChartBarStackedElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsChartBarStacked, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartBarStacked, "ds-chart-bar-stacked", never, { "categories": { "alias": "categories"; "required": false; }; "height": { "alias": "height"; "required": false; }; "series": { "alias": "series"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-export declare interface DsChartBarStacked extends Components.DsChartBarStacked {
-}

package/dist/angular/ds-chart-bar-stacked.js

@@ -1,38 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsChartBarStacked } from '@ds-mo/ui/components/ds-chart-bar-stacked.js';
-import * as i0 from "@angular/core";
-let DsChartBarStacked = class DsChartBarStacked {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsChartBarStacked, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsChartBarStacked, isStandalone: true, selector: "ds-chart-bar-stacked", inputs: { categories: "categories", height: "height", series: "series", variant: "variant", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-DsChartBarStacked = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineDsChartBarStacked,
-        inputs: ['categories', 'height', 'series', 'variant', 'width']
-    })
-], DsChartBarStacked);
-export { DsChartBarStacked };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsChartBarStacked, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ds-chart-bar-stacked',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['categories', 'height', 'series', 'variant', 'width'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-select-multi.d.ts

@@ -1,28 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsSelectMultiCustomEvent } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsSelectMulti {
-    protected z: NgZone;
-    protected el: HTMLDsSelectMultiElement;
-    dsChange: EventEmitter<DsSelectMultiCustomEvent<string[]>>;
-    dsClear: EventEmitter<DsSelectMultiCustomEvent<void>>;
-    dsOpenChange: EventEmitter<DsSelectMultiCustomEvent<boolean>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsSelectMulti, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsSelectMulti, "ds-select-multi", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "values": { "alias": "values"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsSelectMulti extends Components.DsSelectMulti {
-    /**
-     * Emitted after user toggles or clearing with a new values array.
-     */
-    dsChange: EventEmitter<DsSelectMultiCustomEvent<string[]>>;
-    /**
-     * Emitted after the footer clear-all action.
-     */
-    dsClear: EventEmitter<DsSelectMultiCustomEvent<void>>;
-    /**
-     * Emitted whenever popup visibility changes.
-     */
-    dsOpenChange: EventEmitter<DsSelectMultiCustomEvent<boolean>>;
-}

package/dist/angular/ds-select-multi.js

@@ -1,49 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
-import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsSelectMulti } from '@ds-mo/ui/components/ds-select-multi.js';
-import * as i0 from "@angular/core";
-let DsSelectMulti = class DsSelectMulti {
-    constructor(c, r, z) {
-        this.z = z;
-        this.dsChange = new EventEmitter();
-        this.dsClear = new EventEmitter();
-        this.dsOpenChange = new EventEmitter();
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsSelectMulti, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsSelectMulti, isStandalone: true, selector: "ds-select-multi", inputs: { activeFill: "activeFill", allowClear: "allowClear", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", clearLabel: "clearLabel", disabled: "disabled", error: "error", errorMessage: "errorMessage", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", isInactive: "isInactive", isLoading: "isLoading", loadingLabel: "loadingLabel", name: "name", noResultsText: "noResultsText", open: "open", options: "options", placeholder: "placeholder", required: "required", requiredMessage: "requiredMessage", searchPlaceholder: "searchPlaceholder", searchable: "searchable", sections: "sections", selectedLabel: "selectedLabel", size: "size", values: "values", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-DsSelectMulti = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineDsSelectMulti,
-        inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'clearLabel', 'disabled', 'error', 'errorMessage', 'hasBorder', 'icon', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'values', 'width'],
-        methods: ['setFocus']
-    })
-], DsSelectMulti);
-export { DsSelectMulti };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsSelectMulti, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ds-select-multi',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'clearLabel', 'disabled', 'error', 'errorMessage', 'hasBorder', 'icon', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'values', 'width'],
-                    outputs: ['dsChange', 'dsClear', 'dsOpenChange'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
-                type: Output
-            }], dsClear: [{
-                type: Output
-            }], dsOpenChange: [{
-                type: Output
-            }] } });

package/dist/angular/ds-shell-gradient-picker.d.ts

@@ -1,16 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsShellGradientPickerCustomEvent } from '@ds-mo/ui/components';
-import type { ShellGradientPreset as IDsShellGradientPickerShellGradientPreset } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsShellGradientPicker {
-    protected z: NgZone;
-    protected el: HTMLDsShellGradientPickerElement;
-    dsChange: EventEmitter<DsShellGradientPickerCustomEvent<IDsShellGradientPickerShellGradientPreset>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsShellGradientPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellGradientPicker, "ds-shell-gradient-picker", never, { "groupLabel": { "alias": "groupLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsShellGradientPicker extends Components.DsShellGradientPicker {
-    dsChange: EventEmitter<DsShellGradientPickerCustomEvent<IDsShellGradientPickerShellGradientPreset>>;
-}