@breadstone/mosaik-elements-foundation 0.0.127 → 0.0.129

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElement.d.ts

@@ -0,0 +1,57 @@
+import { IReactionChatToolElementProps } from './IReactionChatToolElementProps';
+import { ChatToolBaseElement } from './Abstracts/ChatToolBaseElement';
+import { IChatReaction } from '../Models/IChatReaction';
+declare const ReactionChatToolElement_base: (abstract new (...args: Array<any>) => import("../../../../Behaviors/Themeable").IThemeableProps) & typeof ChatToolBaseElement & import("../../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ *   [part='reaction'] {
+            min-width: unset;
+            [part='emoji'] {
+                --emoji-background-color: #{base.component-property($props, background-color)};
+            }
+        }
+ */
+/**
+ * The `{@link ReactionChatToolElement}` element.
+ *
+ * @public
+ */
+export declare class ReactionChatToolElement extends ReactionChatToolElement_base implements IReactionChatToolElementProps {
+    private _reactions;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `reactions` property.
+     *
+     * @public
+     */
+    get reactions(): Array<IChatReaction>;
+    set reactions(value: Array<IChatReaction>);
+    execute(args: string): boolean;
+}
+/**
+ * @public
+ */
+export declare namespace ReactionChatToolElement {
+    type Props = IReactionChatToolElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-reaction-chat-tool': ReactionChatToolElement;
+    }
+}
+export {};
+//# sourceMappingURL=ReactionChatToolElement.d.ts.map

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionChatToolElement.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Tools/ReactionChatToolElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAiB,aAAa,EAAE,MAAM,yBAAyB,CAAC;;AASvE;;;;;;;GAOG;AAEH;;;;GAIG;AACH,qBAkBa,uBACT,SAAQ,4BACR,YAAW,6BAA6B;IAIxC,OAAO,CAAC,UAAU,CAAuB;IAMzC;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,SAAS,IAAI,KAAK,CAAC,aAAa,CAAC,CAE3C;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,EAK/C;IAMe,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAWjD;AAED;;GAEG;AACH,yBAAiB,uBAAuB,CAAC;IACrC,KAAY,KAAK,GAAG,6BAA6B,CAAC;CACrD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,uBAAuB,CAAC;KACxD;CACJ"}

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElement.js

@@ -0,0 +1,111 @@
+// #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 { DropDownButtonElement } from '../../../Buttons/DropDownButton/DropDownButtonElement';
+import { Component } from '../../../../Decorators/ComponentDecorator';
+import { reactionChatToolElementTemplate } from './ReactionChatToolElementTemplate';
+import { ChatToolBaseElement } from './Abstracts/ChatToolBaseElement';
+import { ChatReactions } from '../Models/IChatReaction';
+import { MenuElement } from '../../../Selectors/Menu/MenuElement';
+import { MenuItemElement } from '../../../Selectors/Menu/MenuItemElement';
+import { EmojiElement } from '../../Emoji/EmojiElement';
+import { Property } from '../../../../Decorators/PropertyDecorator';
+import { Themeable } from '../../../../Behaviors/Themeable';
+// #endregion
+/**
+ *   [part='reaction'] {
+            min-width: unset;
+            [part='emoji'] {
+                --emoji-background-color: #{base.component-property($props, background-color)};
+            }
+        }
+ */
+/**
+ * The `{@link ReactionChatToolElement}` element.
+ *
+ * @public
+ */
+let ReactionChatToolElement = class ReactionChatToolElement extends Themeable(ChatToolBaseElement) {
+    // #region Fields
+    _reactions;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._reactions = ChatReactions.default;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-reaction-chat-tool';
+    }
+    /**
+     * Gets or sets the `reactions` property.
+     *
+     * @public
+     */
+    get reactions() {
+        return this._reactions;
+    }
+    set reactions(value) {
+        if (this._reactions !== value) {
+            this._reactions = value;
+            this.requestUpdate('reactions');
+        }
+    }
+    // #endregion
+    // #region Methods
+    execute(args) {
+        if (!this.chatElement?.input) {
+            return false;
+        }
+        this.chatElement.input.send(args);
+        return true;
+    }
+};
+__decorate([
+    Property({ type: Array }),
+    __metadata("design:type", Array),
+    __metadata("design:paramtypes", [Array])
+], ReactionChatToolElement.prototype, "reactions", null);
+ReactionChatToolElement = __decorate([
+    Component({
+        selector: 'mosaik-reaction-chat-tool',
+        template: reactionChatToolElementTemplate,
+        // styles: reactionChatToolElementStyle,
+        host: {
+            slot: 'tools'
+        },
+        options: {
+            mode: 'open',
+            delegatesFocus: true
+        },
+        imports: [
+            DropDownButtonElement,
+            MenuElement,
+            MenuItemElement,
+            EmojiElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], ReactionChatToolElement);
+export { ReactionChatToolElement };
+//# sourceMappingURL=ReactionChatToolElement.js.map

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionChatToolElement.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Tools/ReactionChatToolElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAiB,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,aAAa;AAEb;;;;;;;GAOG;AAEH;;;;GAIG;AAmBI,IAAM,uBAAuB,GAA7B,MAAM,uBACT,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAGtC,iBAAiB;IAET,UAAU,CAAuB;IAEzC,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC5C,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,2BAA2B,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAA2B;QAC5C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAEF,OAAO,CAAC,IAAY;QAChC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,IAAI,CAAC;IAChB,CAAC;CAIJ,CAAA;AA3BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;8BAKE,KAAK;qCAAL,KAAK;wDAFhC;AA7CQ,uBAAuB;IAlBnC,SAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,+BAA+B;QACzC,wCAAwC;QACxC,IAAI,EAAE;YACF,IAAI,EAAE,OAAO;SAChB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,qBAAqB;YACrB,WAAW;YACX,eAAe;YACf,YAAY;SACf;KACJ,CAAC;;GACW,uBAAuB,CAqEnC"}

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElementTemplate.d.ts

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

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionChatToolElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Tools/ReactionChatToolElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAOzE;;;;GAIG;AACH,wBAAgB,+BAA+B,CAAC,CAAC,SAAS,uBAAuB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAsBvG"}

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElementTemplate.js

@@ -0,0 +1,34 @@
+// #region Imports
+import { html } from '../../../../../Dom/Html';
+import { repeat } from '../../../../Directives/Directives';
+import { Icons } from '../../../../../Resources/Icons';
+// #endregion
+/**
+ * The template of the {@link ReactionChatToolElement}.
+ *
+ * @public
+ */
+export function reactionChatToolElementTemplate(e) {
+    return html `
+        <mosaik-dropdown-button .dir="${e.dir}"
+                                .appearance="${'plain'}"
+                                .disabled="${e.disabled}"
+                                .icon="${Icons.emoji}"
+                                .caretVisible="${false}"
+                                .dropDownPlacement="${'top-start'}">
+            <mosaik-menu .dir="${e.dir}">
+                ${repeat(e.reactions, (reaction) => reaction.unicode, (reaction) => html `
+                <mosaik-menu-item .dir="${e.dir}"
+                                  @click="${(x) => e.execute(x.target.toEmoji())}">
+                    <mosaik-emoji part="emoji"
+                                  slot="icon"
+                                  .dir="${e.dir}"
+                                  .unicode="${reaction.unicode}"
+                                  .size="${'small'}"></mosaik-emoji>
+                </mosaik-menu-item>
+                `)}
+            </mosaik-menu>
+        </mosaik-dropdown-button>
+    `;
+}
+//# sourceMappingURL=ReactionChatToolElementTemplate.js.map

package/Controls/Components/Media/Chat/Tools/ReactionChatToolElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionChatToolElementTemplate.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Tools/ReactionChatToolElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAEvD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,+BAA+B,CAAoC,CAAI;IACnF,OAAO,IAAI,CAAA;wCACyB,CAAC,CAAC,GAAG;+CACE,OAAO;6CACT,CAAC,CAAC,QAAQ;yCACd,KAAK,CAAC,KAAK;iDACH,KAAK;sDACA,WAAW;iCAChC,CAAC,CAAC,GAAG;kBACpB,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAA;0CAC9C,CAAC,CAAC,GAAG;4CACH,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC,CAAC,MAAuB,CAAC,OAAO,EAAE,CAAC;;;0CAG/D,CAAC,CAAC,GAAG;8CACD,QAAQ,CAAC,OAAO;2CACnB,OAAO;;iBAEjC,CAAC;;;KAGb,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Tools/Themes/VoiceRecorderChatToolElement.Joy.d.ts

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

package/Controls/Components/Media/Chat/Tools/Themes/VoiceRecorderChatToolElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceRecorderChatToolElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Tools/Themes/VoiceRecorderChatToolElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAIhE;;GAEG;AACH,wBAAgB,oCAAoC,IAAI,SAAS,CA8OhE"}

package/Controls/Components/Media/Chat/Tools/Themes/VoiceRecorderChatToolElement.Joy.js

@@ -0,0 +1,252 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function voiceRecorderChatToolElementJoyStyle() {
+    return css `
+:host {
+  --chat-voice-recorder-tool-font-family: unset;
+  --chat-voice-recorder-tool-font-letter-spacing: unset;
+  --chat-voice-recorder-tool-font-line-height: unset;
+  --chat-voice-recorder-tool-font-size: unset;
+  --chat-voice-recorder-tool-font-text-decoration: unset;
+  --chat-voice-recorder-tool-font-text-transform: unset;
+  --chat-voice-recorder-tool-font-weight: unset;
+  --chat-voice-recorder-tool-gap: unset;
+  --chat-voice-recorder-tool-padding-bottom: unset;
+  --chat-voice-recorder-tool-padding-left: unset;
+  --chat-voice-recorder-tool-padding-right: unset;
+  --chat-voice-recorder-tool-padding-top: unset;
+  --chat-voice-recorder-tool-transition-duration: unset;
+  --chat-voice-recorder-tool-transition-mode: unset;
+  --chat-voice-recorder-tool-transition-property: unset;
+  --chat-voice-recorder-tool-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  --vr-accent: #5b8cff;
+  --vr-danger: #ff4d6d;
+  color: #eaeef7;
+  display: block;
+}
+
+:host .vr {
+  background: linear-gradient(#ffffff08, #ffffff03);
+  border: 1px solid #ffffff14;
+  border-radius: 16px;
+  gap: 1rem;
+  padding: 1rem;
+  display: grid;
+  box-shadow: 0 10px 30px #00000040;
+}
+
+:host .vr__mic {
+  background: radial-gradient(60% 60%, #5b8cff40, #5b8cff0d);
+  border: 1px solid #5b8cff40;
+  border-radius: 50%;
+  place-items: center;
+  margin-inline: auto;
+  transition: transform .12s, opacity .12s;
+  display: grid;
+  position: relative;
+}
+
+:host .vr__mic.is-recording {
+  transform: scale(1.02);
+}
+
+:host .vr__mic.is-paused {
+  opacity: .9;
+}
+
+:host .vr__ring {
+  pointer-events: none;
+  background: var(--ring, conic-gradient(var(--vr-accent) 0deg, #ffffff1a 0));
+  border-radius: 50%;
+  position: absolute;
+  inset: -10px;
+  -webkit-mask: radial-gradient(circle, #0000 57%, #000 58%);
+  mask: radial-gradient(circle, #0000 57%, #000 58%);
+}
+
+:host .vr__btn {
+  all: unset;
+  cursor: pointer;
+  background: #151a2e;
+  border: 1px solid #ffffff14;
+  border-radius: 50%;
+  place-items: center;
+  width: 64px;
+  height: 64px;
+  transition: transform .12s, background .12s, box-shadow .12s;
+  display: grid;
+  box-shadow: 0 4px 12px #00000040;
+}
+
+:host .vr__btn:hover {
+  background: #1a2040;
+  transform: translateY(-1px);
+}
+
+:host .vr__btn:active {
+  transform: translateY(0);
+}
+
+:host .vr__controls {
+  gap: .75rem;
+  display: flex;
+}
+
+:host .vr__btn--stop {
+  background: #ff4d6d1f;
+  border-color: #ff4d6d59;
+}
+
+:host .vr__btn--pause {
+  background: #ffffff0f;
+}
+
+:host .vr__btn--resume {
+  background: #5b8cff2e;
+  border-color: #5b8cff80;
+}
+
+:host .vr__dot {
+  background: var(--vr-accent);
+  border-radius: 50%;
+  width: 14px;
+  height: 14px;
+  box-shadow: 0 0 18px #5b8cffe6;
+}
+
+:host .vr__stop {
+  background: var(--vr-danger);
+  border-radius: 4px;
+  width: 14px;
+  height: 14px;
+  box-shadow: 0 0 18px #ff4d6db3;
+}
+
+:host .vr__pause {
+  width: 16px;
+  height: 16px;
+  position: relative;
+}
+
+:host .vr__pause:before, :host .vr__pause:after {
+  content: "";
+  background: #eaeef7;
+  border-radius: 2px;
+  width: 4px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+
+:host .vr__pause:before {
+  left: 2px;
+}
+
+:host .vr__pause:after {
+  right: 2px;
+}
+
+:host .vr__resume {
+  border-top: 8px solid #0000;
+  border-bottom: 8px solid #0000;
+  border-left: 14px solid #eaeef7;
+  width: 0;
+  height: 0;
+}
+
+:host .vr__timer {
+  font-variant-numeric: tabular-nums;
+  color: #cfd8ff;
+  text-shadow: 0 1px #0000004d;
+  font-weight: 600;
+  position: absolute;
+  bottom: -28px;
+}
+
+:host .vr__actions {
+  align-items: center;
+  gap: .75rem;
+  display: flex;
+}
+
+:host .vr__player {
+  width: min(480px, 100%);
+}
+
+:host .vr__spacer {
+  flex: auto;
+}
+
+:host .vr__action {
+  all: unset;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  border-radius: 8px;
+  padding: .5rem .9rem;
+  font-weight: 600;
+  transition: background .12s, transform .12s;
+}
+
+:host .vr__action--ghost {
+  background: #ffffff0f;
+  border: 1px solid #ffffff1f;
+}
+
+:host .vr__action--ghost:hover {
+  background: #ffffff1f;
+}
+
+:host .vr__action--primary {
+  color: #0c1022;
+  background: linear-gradient(#6ea3ff, #5b8cff);
+  box-shadow: 0 8px 18px #5b8cff59;
+}
+
+:host .vr__action--primary:hover {
+  transform: translateY(-1px);
+}
+
+    `;
+}
+//# sourceMappingURL=VoiceRecorderChatToolElement.Joy.js.map

package/Controls/Components/Media/Chat/Tools/Themes/VoiceRecorderChatToolElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceRecorderChatToolElement.Joy.js","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Tools/Themes/VoiceRecorderChatToolElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,2BAA2B,CAAC;AAEhE,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oCAAoC;IAChD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4OT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Tools/VoiceRecorderChatToolElement.d.ts

@@ -0,0 +1,177 @@
+import { IVoiceRecorderChatToolElementProps } from './IVoiceRecorderChatToolElementProps';
+import { ChatToolBaseElement } from './Abstracts/ChatToolBaseElement';
+import { RecorderState } from '../../../../Types/RecorderState';
+import { IRecorderRecCancelEventDetail } from './Events/IRecorderRecCancelEvent';
+import { IEventEmitter } from '@breadstone/mosaik-elements';
+import { IRecorderRecStartEventDetail } from './Events/IRecorderRecStartEvent';
+import { IRecorderRecPauseEventDetail } from './Events/IRecorderRecPauseEvent';
+import { IRecorderRecResumeEventDetail } from './Events/IRecorderRecResumeEvent';
+import { IRecorderRecStopEventDetail } from './Events/IRecorderRecStopEvent';
+declare const VoiceRecorderChatToolElement_base: (abstract new (...args: Array<any>) => import("../../../../Behaviors/Themeable").IThemeableProps) & typeof ChatToolBaseElement & import("../../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * The `{@link VoiceRecorderChatToolElement}` element.
+ *
+ * @fires recCancel - Called when the recording is canceled.
+ * @fires recStart - Called when the recording is started.
+ * @fires recPause - Called when the recording is paused.
+ * @fires recResume - Called when the recording is resumed.
+ * @fires recStop - Called when the recording is stopped.
+ *
+ * @public
+ */
+export declare class VoiceRecorderChatToolElement extends VoiceRecorderChatToolElement_base implements IVoiceRecorderChatToolElementProps {
+    private readonly _recCancel;
+    private readonly _recStart;
+    private readonly _recPause;
+    private readonly _recResume;
+    private readonly _recStop;
+    private _state;
+    private _elapsedTime;
+    private _maxDurationTime;
+    private _objectUrl;
+    private _canPause;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `state` property.
+     *
+     * @public
+     * @attr
+     */
+    get state(): RecorderState;
+    set state(value: RecorderState);
+    /**
+     * Gets or sets the `elapsedTime` property.
+     *
+     * @public
+     * @attr
+     */
+    get elapsedTime(): number;
+    set elapsedTime(value: number);
+    /**
+     * Gets or sets the `maxDurationTime` property.
+     *
+     * @public
+     * @attr
+     */
+    get maxDurationTime(): number;
+    set maxDurationTime(value: number);
+    /**
+     * Gets or sets the `objectUrl` property.
+     *
+     * @public
+     */
+    get objectUrl(): string | null;
+    set objectUrl(value: string | null);
+    /**
+     * Gets or sets the `canPause` property.
+     *
+     * @public
+     * @attr
+     */
+    get canPause(): boolean;
+    set canPause(value: boolean);
+    /**
+     * Called when the recording is canceled.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get recCancel(): IEventEmitter<IRecorderRecCancelEventDetail>;
+    /**
+     * Called when the recording is resumed.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get recResume(): IEventEmitter<IRecorderRecResumeEventDetail>;
+    /**
+     * Called when the recording is stopped.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get recStop(): IEventEmitter<IRecorderRecStopEventDetail>;
+    /**
+     * Called when the recording is started.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get recStart(): IEventEmitter<IRecorderRecStartEventDetail>;
+    /**
+     * Called when the recording is paused.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get recPause(): IEventEmitter<IRecorderRecPauseEventDetail>;
+    execute(args: unknown): boolean;
+    /**
+     * Emits the {@link recCancel} event.
+     *
+     * @protected
+     */
+    protected onRecCancel(args: IRecorderRecCancelEventDetail): void;
+    /**
+     * Emits the {@link recStart} event.
+     *
+     * @protected
+     */
+    protected onRecStart(args: IRecorderRecStartEventDetail): void;
+    /**
+     * Emits the {@link recPause} event.
+     *
+     * @protected
+     */
+    protected onRecPause(args: IRecorderRecPauseEventDetail): void;
+    /**
+     * Emits the {@link recResume} event.
+     *
+     * @protected
+     */
+    protected onRecResume(args: IRecorderRecResumeEventDetail): void;
+    /**
+     * Emits the {@link recStop} event.
+     *
+     * @protected
+     */
+    protected onRecStop(args: IRecorderRecStopEventDetail): void;
+}
+/**
+ * @public
+ */
+export declare namespace VoiceRecorderChatToolElement {
+    type Props = IVoiceRecorderChatToolElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-voice-recorder-chat-tool': VoiceRecorderChatToolElement;
+    }
+}
+export {};
+//# sourceMappingURL=VoiceRecorderChatToolElement.d.ts.map

package/Controls/Components/Media/Chat/Tools/VoiceRecorderChatToolElement.d.ts.map

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