@ds-mo/ui 3.0.0 → 3.1.0

package/dist/.build-stamp

@@ -1 +1 @@
-1783720060608
+1783803930692

package/dist/angular/angular-component-lib/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const proxyInputs: (Cmp: any, inputs: string[]) => void;
+export declare const proxyMethods: (Cmp: any, methods: string[]) => void;
+export declare const proxyOutputs: (instance: any, el: any, events: string[]) => void;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export declare function ProxyCmp(opts: {
+    defineCustomElementFn?: () => void;
+    inputs?: any;
+    methods?: any;
+}): (cls: any) => any;

package/dist/angular/angular-component-lib/utils.js

@@ -0,0 +1,58 @@
+/* eslint-disable */
+/* tslint:disable */
+import { fromEvent } from 'rxjs';
+export const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach((item) => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
+            },
+            /**
+             * In the event that proxyInputs is called
+             * multiple times re-defining these inputs
+             * will cause an error to be thrown. As a result
+             * we set configurable: true to indicate these
+             * properties can be changed.
+             */
+            configurable: true,
+        });
+    });
+};
+export const proxyMethods = (Cmp, methods) => {
+    const Prototype = Cmp.prototype;
+    methods.forEach((methodName) => {
+        Prototype[methodName] = function () {
+            const args = arguments;
+            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+        };
+    });
+};
+export const proxyOutputs = (instance, el, events) => {
+    events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
+};
+export const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+// tslint:disable-next-line: only-arrow-functions
+export function ProxyCmp(opts) {
+    const decorator = function (cls) {
+        const { defineCustomElementFn, inputs, methods } = opts;
+        if (defineCustomElementFn !== undefined) {
+            defineCustomElementFn();
+        }
+        if (inputs) {
+            proxyInputs(cls, inputs);
+        }
+        if (methods) {
+            proxyMethods(cls, methods);
+        }
+        return cls;
+    };
+    return decorator;
+}

package/dist/angular/boolean-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class BooleanValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BooleanValueAccessor, "ds-checkbox, ds-toggle", never, {}, {}, never, never, true, never>;
+}

package/dist/angular/boolean-value-accessor.js

@@ -0,0 +1,37 @@
+import { Directive, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ValueAccessor } from './value-accessor.js';
+import * as i0 from "@angular/core";
+export class BooleanValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: BooleanValueAccessor, isStandalone: true, selector: "ds-checkbox, ds-toggle", host: { listeners: { "dsChange": "handleChangeEvent($event.target?.[\"checked\"])" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => BooleanValueAccessor),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: BooleanValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'ds-checkbox, ds-toggle',
+                    host: {
+                        '(dsChange)': 'handleChangeEvent($event.target?.["checked"])'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => BooleanValueAccessor),
+                            multi: true
+                        }
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });

package/dist/angular/ds-app-shell.d.ts

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

package/dist/angular/ds-app-shell.js

@@ -0,0 +1,38 @@
+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 defineDsAppShell } from '@ds-mo/ui/components/ds-app-shell.js';
+import * as i0 from "@angular/core";
+let DsAppShell = class DsAppShell {
+    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.6", ngImport: i0, type: DsAppShell, 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.6", type: DsAppShell, isStandalone: true, selector: "ds-app-shell", inputs: { gradient: "gradient", gradientPreset: "gradientPreset", gradientSrc: "gradientSrc", navStyle: "navStyle", shortcutsEnabled: "shortcutsEnabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsAppShell = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsAppShell,
+        inputs: ['gradient', 'gradientPreset', 'gradientSrc', 'navStyle', 'shortcutsEnabled']
+    })
+], DsAppShell);
+export { DsAppShell };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsAppShell, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-app-shell',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['gradient', 'gradientPreset', 'gradientSrc', 'navStyle', 'shortcutsEnabled'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-badge.d.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsBadge {
+    protected z: NgZone;
+    protected el: HTMLDsBadgeElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsBadge, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBadge, "ds-badge", never, { "background": { "alias": "background"; "required": false; }; "count": { "alias": "count"; "required": false; }; "gradientBackground": { "alias": "gradientBackground"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "surface": { "alias": "surface"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsBadge extends Components.DsBadge {
+}

package/dist/angular/ds-badge.js

@@ -0,0 +1,38 @@
+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 defineDsBadge } from '@ds-mo/ui/components/ds-badge.js';
+import * as i0 from "@angular/core";
+let DsBadge = class DsBadge {
+    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.6", ngImport: i0, type: DsBadge, 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.6", type: DsBadge, isStandalone: true, selector: "ds-badge", inputs: { background: "background", count: "count", gradientBackground: "gradientBackground", isSelected: "isSelected", label: "label", max: "max", surface: "surface", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBadge = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsBadge,
+        inputs: ['background', 'count', 'gradientBackground', 'isSelected', 'label', 'max', 'surface', 'variant']
+    })
+], DsBadge);
+export { DsBadge };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsBadge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-badge',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['background', 'count', 'gradientBackground', 'isSelected', 'label', 'max', 'surface', 'variant'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-banner.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsBannerCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsBanner {
+    protected z: NgZone;
+    protected el: HTMLDsBannerElement;
+    dsDismiss: EventEmitter<DsBannerCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsBanner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBanner, "ds-banner", never, { "contrast": { "alias": "contrast"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "floating": { "alias": "floating"; "required": false; }; "header": { "alias": "header"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "message": { "alias": "message"; "required": false; }; "showDismiss": { "alias": "showDismiss"; "required": false; }; }, { "dsDismiss": "dsDismiss"; }, never, ["*"], true, never>;
+}
+export declare interface DsBanner extends Components.DsBanner {
+    dsDismiss: EventEmitter<DsBannerCustomEvent<void>>;
+}

package/dist/angular/ds-banner.js

@@ -0,0 +1,42 @@
+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 defineDsBanner } from '@ds-mo/ui/components/ds-banner.js';
+import * as i0 from "@angular/core";
+let DsBanner = class DsBanner {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsDismiss = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsBanner, 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.6", type: DsBanner, isStandalone: true, selector: "ds-banner", inputs: { contrast: "contrast", dismissLabel: "dismissLabel", floating: "floating", header: "header", intent: "intent", message: "message", showDismiss: "showDismiss" }, outputs: { dsDismiss: "dsDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBanner = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsBanner,
+        inputs: ['contrast', 'dismissLabel', 'floating', 'header', 'intent', 'message', 'showDismiss']
+    })
+], DsBanner);
+export { DsBanner };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsBanner, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-banner',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['contrast', 'dismissLabel', 'floating', 'header', 'intent', 'message', 'showDismiss'],
+                    outputs: ['dsDismiss'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsDismiss: [{
+                type: Output
+            }] } });

package/dist/angular/ds-bar-nav.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsBarNavCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsBarNav {
+    protected z: NgZone;
+    protected el: HTMLDsBarNavElement;
+    dsTabChange: EventEmitter<DsBarNavCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsBarNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarNav, "ds-bar-nav", never, { "basePath": { "alias": "basePath"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "moreTabsLabel": { "alias": "moreTabsLabel"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "tabsJson": { "alias": "tabsJson"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsTabChange": "dsTabChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsBarNav extends Components.DsBarNav {
+    /**
+     * Emitted when the active tab changes. Detail = tab id.
+     */
+    dsTabChange: EventEmitter<DsBarNavCustomEvent<string>>;
+}

package/dist/angular/ds-bar-nav.js

@@ -0,0 +1,42 @@
+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 defineDsBarNav } from '@ds-mo/ui/components/ds-bar-nav.js';
+import * as i0 from "@angular/core";
+let DsBarNav = class DsBarNav {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsTabChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsBarNav, 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.6", type: DsBarNav, isStandalone: true, selector: "ds-bar-nav", inputs: { basePath: "basePath", currentUrl: "currentUrl", heading: "heading", moreTabsLabel: "moreTabsLabel", navStyle: "navStyle", tabs: "tabs", tabsJson: "tabsJson", value: "value" }, outputs: { dsTabChange: "dsTabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBarNav = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsBarNav,
+        inputs: ['basePath', 'currentUrl', 'heading', 'moreTabsLabel', 'navStyle', 'tabs', 'tabsJson', 'value']
+    })
+], DsBarNav);
+export { DsBarNav };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsBarNav, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-bar-nav',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['basePath', 'currentUrl', 'heading', 'moreTabsLabel', 'navStyle', 'tabs', 'tabsJson', 'value'],
+                    outputs: ['dsTabChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsTabChange: [{
+                type: Output
+            }] } });

package/dist/angular/ds-button-filled.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsButtonFilledCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsButtonFilled {
+    protected z: NgZone;
+    protected el: HTMLDsButtonFilledElement;
+    dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonFilled, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonFilled, "ds-button-filled", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "contrast": { "alias": "contrast"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
+}
+export declare interface DsButtonFilled extends Components.DsButtonFilled {
+    dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;
+}

package/dist/angular/ds-button-filled.js

@@ -0,0 +1,43 @@
+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 defineDsButtonFilled } from '@ds-mo/ui/components/ds-button-filled.js';
+import * as i0 from "@angular/core";
+let DsButtonFilled = class DsButtonFilled {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsButtonFilled, 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.6", type: DsButtonFilled, isStandalone: true, selector: "ds-button-filled", inputs: { ariaLabel: "ariaLabel", contrast: "contrast", icon: "icon", intent: "intent", isInactive: "isInactive", label: "label", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsButtonFilled = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsButtonFilled,
+        inputs: ['ariaLabel', 'contrast', 'icon', 'intent', 'isInactive', 'label', 'size', 'type', 'variant', 'width'],
+        methods: ['setFocus']
+    })
+], DsButtonFilled);
+export { DsButtonFilled };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsButtonFilled, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-button-filled',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabel', 'contrast', 'icon', 'intent', 'isInactive', 'label', 'size', 'type', 'variant', 'width'],
+                    outputs: ['dsClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
+                type: Output
+            }] } });

package/dist/angular/ds-button-unfilled.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsButtonUnfilledCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsButtonUnfilled {
+    protected z: NgZone;
+    protected el: HTMLDsButtonUnfilledElement;
+    dsClick: EventEmitter<DsButtonUnfilledCustomEvent<MouseEvent>>;
+    dsChange: EventEmitter<DsButtonUnfilledCustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonUnfilled, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonUnfilled, "ds-button-unfilled", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "backgroundContrast": { "alias": "backgroundContrast"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "focusTabIndex": { "alias": "focusTabIndex"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsButtonUnfilled extends Components.DsButtonUnfilled {
+    dsClick: EventEmitter<DsButtonUnfilledCustomEvent<MouseEvent>>;
+    dsChange: EventEmitter<DsButtonUnfilledCustomEvent<boolean>>;
+}

package/dist/angular/ds-button-unfilled.js

@@ -0,0 +1,46 @@
+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 defineDsButtonUnfilled } from '@ds-mo/ui/components/ds-button-unfilled.js';
+import * as i0 from "@angular/core";
+let DsButtonUnfilled = class DsButtonUnfilled {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsButtonUnfilled, 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.6", type: DsButtonUnfilled, isStandalone: true, selector: "ds-button-unfilled", inputs: { activeFill: "activeFill", ariaLabel: "ariaLabel", background: "background", backgroundContrast: "backgroundContrast", controls: "controls", dot: "dot", expanded: "expanded", focusTabIndex: "focusTabIndex", hasBorder: "hasBorder", haspopup: "haspopup", icon: "icon", isActive: "isActive", isInactive: "isInactive", label: "label", pressed: "pressed", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick", dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsButtonUnfilled = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsButtonUnfilled,
+        inputs: ['activeFill', 'ariaLabel', 'background', 'backgroundContrast', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'haspopup', 'icon', 'isActive', 'isInactive', 'label', 'pressed', 'size', 'type', 'variant', 'width'],
+        methods: ['setFocus']
+    })
+], DsButtonUnfilled);
+export { DsButtonUnfilled };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsButtonUnfilled, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-button-unfilled',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activeFill', 'ariaLabel', 'background', 'backgroundContrast', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'haspopup', 'icon', 'isActive', 'isInactive', 'label', 'pressed', 'size', 'type', 'variant', 'width'],
+                    outputs: ['dsClick', 'dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,18 @@
+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-donut.js

@@ -0,0 +1,42 @@
+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 defineDsCardDataVizDonut } from '@ds-mo/ui/components/ds-card-data-viz-donut.js';
+import * as i0 from "@angular/core";
+let DsCardDataVizDonut = class DsCardDataVizDonut {
+    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.6", ngImport: i0, type: DsCardDataVizDonut, 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.6", type: DsCardDataVizDonut, isStandalone: true, selector: "ds-card-data-viz-donut", inputs: { cardWidth: "cardWidth", filterLabel: "filterLabel", heading: "heading" }, outputs: { dsFilterClick: "dsFilterClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardDataVizDonut = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCardDataVizDonut,
+        inputs: ['cardWidth', 'filterLabel', 'heading']
+    })
+], DsCardDataVizDonut);
+export { DsCardDataVizDonut };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsCardDataVizDonut, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-data-viz-donut',
+                    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-setting.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsCardSettingCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCardSetting {
+    protected z: NgZone;
+    protected el: HTMLDsCardSettingElement;
+    dsEditingChange: EventEmitter<DsCardSettingCustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardSetting, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardSetting, "ds-card-setting", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "cardWidth": { "alias": "cardWidth"; "required": false; }; "editLabel": { "alias": "editLabel"; "required": false; }; "editing": { "alias": "editing"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; }; }, { "dsEditingChange": "dsEditingChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsCardSetting extends Components.DsCardSetting {
+    /**
+     * Emits when the user enters or exits edit mode.
+     */
+    dsEditingChange: EventEmitter<DsCardSettingCustomEvent<boolean>>;
+}

package/dist/angular/ds-card-setting.js

@@ -0,0 +1,42 @@
+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 defineDsCardSetting } from '@ds-mo/ui/components/ds-card-setting.js';
+import * as i0 from "@angular/core";
+let DsCardSetting = class DsCardSetting {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsEditingChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsCardSetting, 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.6", type: DsCardSetting, isStandalone: true, selector: "ds-card-setting", inputs: { cancelLabel: "cancelLabel", cardWidth: "cardWidth", editLabel: "editLabel", editing: "editing", heading: "heading", saveLabel: "saveLabel" }, outputs: { dsEditingChange: "dsEditingChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardSetting = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCardSetting,
+        inputs: ['cancelLabel', 'cardWidth', 'editLabel', 'editing', 'heading', 'saveLabel']
+    })
+], DsCardSetting);
+export { DsCardSetting };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsCardSetting, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-setting',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['cancelLabel', 'cardWidth', 'editLabel', 'editing', { name: 'heading', required: true }, 'saveLabel'],
+                    outputs: ['dsEditingChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsEditingChange: [{
+                type: Output
+            }] } });