@breadstone/mosaik-elements-foundation 0.0.131 → 0.0.134

package/Controls/Components/Media/Audio/AudioElement.d.ts

@@ -0,0 +1,125 @@
+import { CssAspectRatio } from '@breadstone/mosaik-themes';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { IAudioElementProps } from './IAudioElementProps';
+import { AudioLegendPosition } from '../../../Types/AudioLegendPosition';
+declare const AudioElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Audio - A media control for playing sound.
+ *
+ * @element mosaik-audio
+ *
+ * @slot - The default content slot.
+ * @slot legend - The legend slot.
+ *
+ * @csspart audio - The native audio element part.
+ * @csspart legend - The legend part.
+ * @csspart content - The content overlay part.
+ *
+ * @public
+ */
+export declare class AudioElement extends AudioElement_base implements IAudioElementProps {
+    private _audioElement;
+    private _src;
+    private _autoPlay;
+    private _showControls;
+    private _legend;
+    private _legendPosition;
+    private _ratio;
+    private _muted;
+    private _loop;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the {@link is} property.
+     * The natural name of this element.
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `src` property.
+     */
+    get src(): string | MediaStream | MediaSource | Blob | null;
+    set src(value: string | MediaStream | MediaSource | Blob | null);
+    /**
+     * Gets or sets the `autoPlay` property.
+     */
+    get autoPlay(): boolean;
+    set autoPlay(value: boolean);
+    /**
+     * Gets or sets the `showControls` property.
+     */
+    get showControls(): boolean;
+    set showControls(value: boolean);
+    /**
+     * Gets or sets the `legend` property.
+     */
+    get legend(): string;
+    set legend(value: string);
+    /**
+     * Gets or sets the `legendPosition` property.
+     */
+    get legendPosition(): AudioLegendPosition;
+    set legendPosition(value: AudioLegendPosition);
+    /**
+     * Gets or sets the `ratio` property.
+     */
+    get ratio(): CssAspectRatio;
+    set ratio(value: CssAspectRatio);
+    /**
+     * Returns the `muted` property.
+     */
+    get muted(): boolean;
+    set muted(value: boolean);
+    /**
+     * Returns the `loop` property.
+     */
+    get loop(): boolean;
+    set loop(value: boolean);
+    /**
+     * Returns true when a source is set.
+     */
+    get hasSrc(): boolean;
+    /**
+     * Plays the audio.
+     */
+    play(): Promise<void>;
+    /**
+     * Pauses the audio.
+     */
+    pause(): void;
+    /**
+     * Toggles playback.
+     */
+    toggle(): void;
+    /**
+     * Reloads the audio source.
+     */
+    load(): void;
+    /**
+     * @protected
+     * @override
+     */
+    protected onApplyTemplate(): void;
+    /**
+     * Pauses when disabled.
+     */
+    protected onDisabledPropertyChanged(_prevValue: boolean, nextValue: boolean): void;
+    protected onClick(): void;
+}
+/**
+ * @public
+ */
+export declare namespace AudioElement {
+    type Props = IAudioElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-audio': AudioElement;
+    }
+}
+export {};
+//# sourceMappingURL=AudioElement.d.ts.map

package/Controls/Components/Media/Audio/AudioElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/AudioElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAQ3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;;AAIzE;;;;;;;;;;;;;GAaG;AACH,qBAYa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,IAAI,CAAmD;IAC/D,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,KAAK,CAAU;IAMvB;;OAEG;;IAkBH;;;OAGG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;OAEG;IACH,IACW,GAAG,IAAI,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,CAEjE;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,EAKrE;IAED;;OAEG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;OAEG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;OAEG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;OAEG;IACH,IACW,cAAc,IAAI,mBAAmB,CAE/C;IACD,IAAW,cAAc,CAAC,KAAK,EAAE,mBAAmB,EAKnD;IAED;;OAEG;IACH,IACW,KAAK,IAAI,cAAc,CAEjC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,cAAc,EAKrC;IAED;;OAEG;IACH,IACW,KAAK,IAAI,OAAO,CAE1B;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAK9B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;OAEG;IACH,IAAW,MAAM,IAAI,OAAO,CAE3B;IAMD;;OAEG;IACI,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAI5B;;OAEG;IACI,KAAK,IAAI,IAAI;IAIpB;;OAEG;IACI,MAAM,IAAI,IAAI;IAarB;;OAEG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAK1C;;OAEG;IAEH,SAAS,CAAC,yBAAyB,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IAOlF,SAAS,CAAC,OAAO,IAAI,IAAI;CAQ5B;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Media/Audio/AudioElement.js

@@ -0,0 +1,311 @@
+// #region Imports
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Listen } from '../../../../Events/Decorators/ListenDecorator';
+import { CssAspectRatio } from '@breadstone/mosaik-themes';
+import { Dimensionable } from '../../../Behaviors/Dimensionable';
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { Watch } from '../../../Decorators/WatchDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { TextElement } from '../../Primitives/Text/TextElement';
+import { audioElementTemplate } from './AudioElementTemplate';
+import { audioElementJoyStyle } from './Themes/AudioElement.Joy';
+import { audioElementRetroStyle } from './Themes/AudioElement.Retro';
+import { audioElementCosmopolitanStyle } from './Themes/AudioElement.Cosmopolitan';
+import { AudioLegendPosition } from '../../../Types/AudioLegendPosition';
+// #endregion
+/**
+ * Audio - A media control for playing sound.
+ *
+ * @element mosaik-audio
+ *
+ * @slot - The default content slot.
+ * @slot legend - The legend slot.
+ *
+ * @csspart audio - The native audio element part.
+ * @csspart legend - The legend part.
+ * @csspart content - The content overlay part.
+ *
+ * @public
+ */
+let AudioElement = class AudioElement extends Themeable(Disableable(Dimensionable(CustomElement))) {
+    // #region Fields
+    _audioElement;
+    _src;
+    _autoPlay;
+    _showControls;
+    _legend;
+    _legendPosition;
+    _ratio;
+    _muted;
+    _loop;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._src = null;
+        this._autoPlay = false;
+        this._showControls = true;
+        this._legend = '';
+        this._legendPosition = AudioLegendPosition.None;
+        this._ratio = 'auto';
+        this._muted = false;
+        this._loop = false;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the {@link is} property.
+     * The natural name of this element.
+     */
+    static get is() {
+        return 'mosaik-audio';
+    }
+    /**
+     * Gets or sets the `src` property.
+     */
+    get src() {
+        return this._src;
+    }
+    set src(value) {
+        if (this._src !== value) {
+            this._src = value;
+            this.requestUpdate('src');
+        }
+    }
+    /**
+     * Gets or sets the `autoPlay` property.
+     */
+    get autoPlay() {
+        return this._autoPlay;
+    }
+    set autoPlay(value) {
+        if (this._autoPlay !== value) {
+            this._autoPlay = value;
+            this.requestUpdate('autoPlay');
+        }
+    }
+    /**
+     * Gets or sets the `showControls` property.
+     */
+    get showControls() {
+        return this._showControls;
+    }
+    set showControls(value) {
+        if (this._showControls !== value) {
+            this._showControls = value;
+            this.requestUpdate('showControls');
+        }
+    }
+    /**
+     * Gets or sets the `legend` property.
+     */
+    get legend() {
+        return this._legend;
+    }
+    set legend(value) {
+        if (this._legend !== value) {
+            this._legend = value;
+            this.requestUpdate('legend');
+        }
+    }
+    /**
+     * Gets or sets the `legendPosition` property.
+     */
+    get legendPosition() {
+        return this._legendPosition;
+    }
+    set legendPosition(value) {
+        if (this._legendPosition !== value) {
+            this._legendPosition = value;
+            this.requestUpdate('legendPosition');
+        }
+    }
+    /**
+     * Gets or sets the `ratio` property.
+     */
+    get ratio() {
+        return this._ratio;
+    }
+    set ratio(value) {
+        if (this._ratio !== value) {
+            this._ratio = value;
+            this.requestUpdate('ratio');
+        }
+    }
+    /**
+     * Returns the `muted` property.
+     */
+    get muted() {
+        return this._muted;
+    }
+    set muted(value) {
+        if (this._muted !== value) {
+            this._muted = value;
+            this.requestUpdate('muted');
+        }
+    }
+    /**
+     * Returns the `loop` property.
+     */
+    get loop() {
+        return this._loop;
+    }
+    set loop(value) {
+        if (this._loop !== value) {
+            this._loop = value;
+            this.requestUpdate('loop');
+        }
+    }
+    /**
+     * Returns true when a source is set.
+     */
+    get hasSrc() {
+        return !!(this._audioElement.src || this._audioElement.srcObject);
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Plays the audio.
+     */
+    play() {
+        return this._audioElement.play();
+    }
+    /**
+     * Pauses the audio.
+     */
+    pause() {
+        this._audioElement.pause();
+    }
+    /**
+     * Toggles playback.
+     */
+    toggle() {
+        const isPlaying = this._audioElement.currentTime > 0 &&
+            !this._audioElement.paused &&
+            !this._audioElement.ended &&
+            this._audioElement.readyState > 2;
+        if (isPlaying) {
+            this.pause();
+        }
+        else {
+            void this.play();
+        }
+    }
+    /**
+     * Reloads the audio source.
+     */
+    load() {
+        this._audioElement.load();
+    }
+    /**
+     * @protected
+     * @override
+     */
+    onApplyTemplate() {
+        super.onApplyTemplate();
+        this._audioElement = this.getTemplatePart('audio');
+    }
+    /**
+     * Pauses when disabled.
+     */
+    onDisabledPropertyChanged(_prevValue, nextValue) {
+        if (nextValue) {
+            this._audioElement.pause();
+        }
+    }
+    onClick() {
+        if (!this.showControls) {
+            this.toggle();
+        }
+    }
+};
+__decorate([
+    Property({ type: Object }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], AudioElement.prototype, "src", null);
+__decorate([
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], AudioElement.prototype, "autoPlay", null);
+__decorate([
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], AudioElement.prototype, "showControls", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], AudioElement.prototype, "legend", null);
+__decorate([
+    Attribute({ type: AudioLegendPosition }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], AudioElement.prototype, "legendPosition", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], AudioElement.prototype, "ratio", null);
+__decorate([
+    Attribute({ type: Boolean }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], AudioElement.prototype, "muted", null);
+__decorate([
+    Attribute({ type: Boolean }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], AudioElement.prototype, "loop", null);
+__decorate([
+    Watch('disabled', { waitUntilFirstUpdate: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Boolean, Boolean]),
+    __metadata("design:returntype", void 0)
+], AudioElement.prototype, "onDisabledPropertyChanged", null);
+__decorate([
+    Listen('click'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], AudioElement.prototype, "onClick", null);
+AudioElement = __decorate([
+    Component({
+        selector: 'mosaik-audio',
+        template: audioElementTemplate,
+        themes: {
+            joy: audioElementJoyStyle,
+            retro: audioElementRetroStyle,
+            cosmopolitan: audioElementCosmopolitanStyle
+        },
+        imports: [
+            TextElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], AudioElement);
+export { AudioElement };
+//# sourceMappingURL=AudioElement.js.map

package/Controls/Components/Media/Audio/AudioElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/AudioElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Media/Audio/AudioElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { AudioElement } from './AudioElement';
+/**
+ * The template of the {@link AudioElement}.
+ *
+ * @public
+ */
+export declare function audioElementTemplate<T extends AudioElement>(e: T): TemplateResult;
+//# sourceMappingURL=AudioElementTemplate.d.ts.map

package/Controls/Components/Media/Audio/AudioElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/AudioElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkCjF"}

package/Controls/Components/Media/Audio/AudioElementTemplate.js

@@ -0,0 +1,46 @@
+/* eslint-disable lit/prefer-static-styles */
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+import { AudioLegendPosition } from '../../../Types/AudioLegendPosition';
+// #endregion
+/**
+ * The template of the {@link AudioElement}.
+ *
+ * @public
+ */
+export function audioElementTemplate(e) {
+    const src = (value) => typeof value === 'string'
+        ? value
+        : value;
+    return html `
+        <style>
+            :host {
+                min-width: ${e.width};
+                width: ${e.width};
+                min-height: ${e.height};
+                height: ${e.height};
+            }
+        </style>
+        <audio part="audio"
+               src="${src(e.src)}"
+               ?autoplay="${e.autoPlay}"
+               ?muted="${e.muted}"
+               ?loop="${e.loop}"
+               ?controls="${!e.disabled && e.showControls}"></audio>
+        ${when(e.legendPosition !== AudioLegendPosition.None, () => html `
+        <div part="legend">
+            <slot name="legend"></slot>
+            ${when(e.legend.trim(), () => html `
+            <mosaik-text .text="${e.legend}"
+                         .wrap="${true}"
+                         .maxLines="${2}"></mosaik-text>
+            `)}
+        </div>
+        `)}
+        <div part="content">
+            <slot></slot>
+        </div>
+    `;
+}
+//# sourceMappingURL=AudioElementTemplate.js.map

package/Controls/Components/Media/Audio/AudioElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/AudioElementTemplate.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAyB,CAAI;IAC7D,MAAM,GAAG,GAAG,CAAC,KAAe,EAAY,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ;QAChE,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC;IAEZ,OAAO,IAAI,CAAA;;;6BAGc,CAAC,CAAC,KAAK;yBACX,CAAC,CAAC,KAAK;8BACF,CAAC,CAAC,MAAM;0BACZ,CAAC,CAAC,MAAM;;;;sBAIZ,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;4BACJ,CAAC,CAAC,QAAQ;yBACb,CAAC,CAAC,KAAK;wBACR,CAAC,CAAC,IAAI;4BACF,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,YAAY;UAC/C,IAAI,CAAC,CAAC,CAAC,cAAc,KAAK,mBAAmB,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;cAG1D,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kCACZ,CAAC,CAAC,MAAM;kCACR,IAAI;sCACA,CAAC;aAC1B,CAAC;;SAEL,CAAC;;;;KAIL,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Audio/IAudioElementProps.d.ts

@@ -0,0 +1,46 @@
+import type { CssAspectRatio } from '@breadstone/mosaik-themes';
+import type { IDimensionableProps } from '../../../Behaviors/Dimensionable';
+import type { IDisableableProps } from '../../../Behaviors/Disableable';
+import type { AudioLegendPosition } from '../../../Types/AudioLegendPosition';
+/**
+ * Represents the {@link IAudioElementProps} interface.
+ *
+ * @public
+ */
+export interface IAudioElementProps extends IDimensionableProps, IDisableableProps {
+    /**
+     * The source of the audio.
+     */
+    src: string | MediaStream | MediaSource | Blob | null;
+    /**
+     * Auto play the audio.
+     *
+     * Note: Modern browsers may block autoplay with sound until user interaction.
+     */
+    autoPlay: boolean;
+    /**
+     * Toggle the native audio controls.
+     */
+    showControls: boolean;
+    /**
+     * The legend of the audio.
+     */
+    legend: string;
+    /**
+     * The position of the legend.
+     */
+    legendPosition: AudioLegendPosition;
+    /**
+     * The aspect ratio of the host box. Optional for audio but kept for layout parity.
+     */
+    ratio: CssAspectRatio;
+    /**
+     * Whether the audio is muted.
+     */
+    muted: boolean;
+    /**
+     * Whether the audio should loop.
+     */
+    loop: boolean;
+}
+//# sourceMappingURL=IAudioElementProps.d.ts.map

package/Controls/Components/Media/Audio/IAudioElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAudioElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/IAudioElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAI9E;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,mBAAmB,EAAE,iBAAiB;IAI9C;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;IAEtD;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,cAAc,EAAE,mBAAmB,CAAC;IAEpC;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;CAGjB"}

package/Controls/Components/Media/Audio/IAudioElementProps.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IAudioElementProps.js.map

package/Controls/Components/Media/Audio/IAudioElementProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAudioElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/IAudioElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Audio/Themes/AudioElement.Cosmopolitan.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function audioElementCosmopolitanStyle(): CSSResult;
+//# sourceMappingURL=AudioElement.Cosmopolitan.d.ts.map

package/Controls/Components/Media/Audio/Themes/AudioElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Audio/Themes/AudioElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA0GzD"}