@breadstone/mosaik-elements-foundation 0.0.224 → 0.0.227

package/Controls/Components/Grouping/Message/MessageContentElement.js

@@ -0,0 +1,184 @@
+// #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 { Themeable } from '../../../../Controls/Behaviors/Themeable';
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Expandable } from '../../../Behaviors/Expandable';
+import { TextFormattable } from '../../../Behaviors/TextFormattable';
+import { Variantable } from '../../../Behaviors/Variantable';
+import { addInheritanceConsumerController } from '../../../Controllers/InheritanceConsumerController';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { ContentElement } from '../../Primitives/Content/ContentElement';
+import { TextElement } from '../../Primitives/Text/TextElement';
+import { messageContentElementTemplate } from './MessageContentElementTemplate';
+import { MESSAGE_INHERITANCE_CONTEXT } from './MessageInheritanceContext';
+import { messageContentElementCosmopolitanStyle } from './Themes/MessageContentElement.Cosmopolitan';
+import { messageContentElementJoyStyle } from './Themes/MessageContentElement.Joy';
+import { messageContentElementMemphisStyle } from './Themes/MessageContentElement.Memphis';
+// #endregion
+/**
+ * Message Content - A component that displays the content text of a message with expandable/collapsible functionality.
+ *
+ * @description
+ * This component handles the display of message content text with support for line clamping
+ * when the parent message is in a collapsed state. It automatically syncs with the parent
+ * MessageElement's expanded state and formatting settings.
+ *
+ * @name MessageContent
+ * @element mosaik-message-content
+ * @category UI Components
+ *
+ * @fires expanded {ExpandedEvent} - Fired when the content is expanded.
+ * @fires collapsed {CollapsedEvent} - Fired when the content is collapsed.
+ * @fires toggled {ToggledEvent} - Fired when the content expansion state is toggled.
+ *
+ * @slot - The default slot for placing custom content instead of the text property.
+ *
+ * @csspart text - The text element displaying the content.
+ *
+ * @cssprop {String} --message-content-font-family - The font-family property for the message content text.
+ * @cssprop {String} --message-content-font-size - The font-size property for the message content text.
+ * @cssprop {String} --message-content-font-line-height - The line-height property for the message content text.
+ * @cssprop {String} --message-content-font-weight - The font-weight property for the message content text.
+ * @cssprop {Color} --message-content-foreground-color - The foreground-color property for the message content.
+ *
+ * @dependency {TextElement} - The Text element used for displaying the content text.
+ *
+ * @example
+ * ```html
+ * <mosaik-message-content text="This is the message content" collapsed-lines="2"></mosaik-message-content>
+ * ```
+ *
+ * @public
+ */
+let MessageContentElement = class MessageContentElement extends Themeable(Expandable(Disableable(Variantable(TextFormattable(ContentElement))))) {
+    // #region Fields
+    _inheritance = addInheritanceConsumerController(this, {
+        context: MESSAGE_INHERITANCE_CONTEXT
+    });
+    _text;
+    _collapsedLines;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._text = '';
+        this._collapsedLines = 2;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @override
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-message-content';
+    }
+    /**
+     * Gets or sets the `text` property.
+     * The text content to display.
+     * If not explicitly set, inherits from parent MessageElement's content property.
+     *
+     * @public
+     * @attr
+     */
+    get text() {
+        return this._inheritance.get('content', this._text);
+    }
+    set text(value) {
+        this._inheritance.markExplicit('content');
+        if (this._text !== value) {
+            this._text = value;
+            this.requestUpdate('text');
+        }
+    }
+    /**
+     * Gets or sets the `collapsedLines` property.
+     * The number of visible lines when the content is collapsed.
+     *
+     * @default 2
+     * @public
+     * @attr
+     */
+    get collapsedLines() {
+        return this._collapsedLines;
+    }
+    set collapsedLines(value) {
+        if (this._collapsedLines !== value) {
+            this._collapsedLines = value;
+            this.requestUpdate('collapsedLines');
+        }
+    }
+    /**
+     * Gets or sets the `isExpanded` property.
+     * If not explicitly set, inherits from parent MessageElement.
+     *
+     * @public
+     * @override
+     */
+    get isExpanded() {
+        return this._inheritance.get('isExpanded', super.isExpanded);
+    }
+    set isExpanded(value) {
+        this._inheritance.markExplicit('isExpanded');
+        super.isExpanded = value;
+    }
+    /**
+     * Gets or sets the `disabled` property.
+     * If not explicitly set, inherits from parent MessageElement.
+     *
+     * @public
+     * @override
+     */
+    get disabled() {
+        return this._inheritance.get('disabled', super.disabled);
+    }
+    set disabled(value) {
+        this._inheritance.markExplicit('disabled');
+        super.disabled = value;
+    }
+};
+__decorate([
+    Property({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], MessageContentElement.prototype, "text", null);
+__decorate([
+    Attribute({ type: Number }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], MessageContentElement.prototype, "collapsedLines", null);
+MessageContentElement = __decorate([
+    Component({
+        selector: 'mosaik-message-content',
+        template: messageContentElementTemplate,
+        themes: {
+            joy: messageContentElementJoyStyle,
+            memphis: messageContentElementMemphisStyle,
+            cosmopolitan: messageContentElementCosmopolitanStyle
+        },
+        host: {
+            slot: 'content'
+        },
+        imports: [TextElement]
+    }),
+    __metadata("design:paramtypes", [])
+], MessageContentElement);
+export { MessageContentElement };
+//# sourceMappingURL=MessageContentElement.js.map

package/Controls/Components/Grouping/Message/MessageContentElement.js.map

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

package/Controls/Components/Grouping/Message/MessageContentElementTemplate.d.ts

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

package/Controls/Components/Grouping/Message/MessageContentElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContentElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Message/MessageContentElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAenG"}

package/Controls/Components/Grouping/Message/MessageContentElementTemplate.js

@@ -0,0 +1,26 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+// #endregion
+/**
+ * The template of the {@link MessageContentElement}.
+ *
+ * @public
+ */
+export function messageContentElementTemplate(e) {
+    return html `
+        <slot>
+            ${when(e.text.trim().length > 0, () => html `
+            <mosaik-text part="text"
+                         .text="${e.text.trim()}"
+                         .formatter="${e.formatter}"
+                         .wrap="${true}"
+                         .dir="${e.dir}"
+                         .lang="${e.lang}"
+                         .maxLines="${!e.isExpanded ? e.collapsedLines : null}"
+                         ?disabled="${e.disabled}"></mosaik-text>
+            `)}
+        </slot>
+    `;
+}
+//# sourceMappingURL=MessageContentElementTemplate.js.map

package/Controls/Components/Grouping/Message/MessageContentElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContentElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Message/MessageContentElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAAkC,CAAI;IAC/E,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;kCAErB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;uCACR,CAAC,CAAC,SAAS;kCAChB,IAAI;iCACL,CAAC,CAAC,GAAG;kCACJ,CAAC,CAAC,IAAI;sCACF,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;sCACvC,CAAC,CAAC,QAAQ;aACnC,CAAC;;KAET,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/Message/MessageElement.d.ts

@@ -0,0 +1,213 @@
+import { type IAnimatable } from '../../../Behaviors/Animatable';
+import { ICloseable, type ICloseableEvents } from '../../../Behaviors/Closeable';
+import { type IExpandableBehavior, type IExpandableEvents, type IExpandableProps } from '../../../Behaviors/Expandable';
+import { ISlottable } from '../../../Behaviors/Slottable';
+import { Size } from '../../../Types/Size';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { IMessageElementProps } from './IMessageElementProps';
+declare const MessageElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => IExpandableProps & IExpandableEvents & IExpandableBehavior) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Closeable").ICloseableProps & ICloseableEvents & ICloseable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
+/**
+ * Message - A compact, closeable notification component for displaying concise information.
+ *
+ * @description
+ * The `Message` component is a simplified notification element based on the Banner component.
+ * It focuses on displaying an icon, header, and subheader with optional close functionality,
+ * without slots or action areas. This makes it ideal for quick, dismissible messages.
+ * The component supports expandable content that can be collapsed to show only a specified
+ * number of lines, with a toggle button to reveal the full content.
+ *
+ * @name Message
+ * @element mosaik-message
+ * @category Notifications
+ *
+ * @fires closed {ClosedEvent} - Fired when the message is closed.
+ * @fires expanded {ExpandedEvent} - Fired when the message content is expanded.
+ * @fires collapsed {CollapsedEvent} - Fired when the message content is collapsed.
+ * @fires toggled {ToggledEvent} - Fired when the message content is toggled.
+ *
+ * @slot - The default slot for placing rich content inside the message (only used when expandable).
+ *
+ * @csspart root - The root part of the message.
+ * @csspart header-row - The header row containing icon, text, and close button.
+ * @csspart icon - The icon part of the message.
+ * @csspart text - The text part of the message.
+ * @csspart header - The header text part of the message.
+ * @csspart content - The content text part of the message.
+ * @csspart contentWrapper - The wrapper around the content for expandable behavior.
+ * @csspart expandedContent - The expanded content area containing slotted content.
+ * @csspart footer - The footer area containing the caret toggle button.
+ * @csspart caret - The caret button for toggling the expandable content.
+ * @csspart close - The close button or icon part of the message.
+ *
+ * @cssprop {String} --message-font-family - The font family for the message.
+ * @cssprop {String} --message-font-size - The font size for the message.
+ * @cssprop {String} --message-font-weight - The font weight for the message.
+ * @cssprop {Color} --message-background-color - The background color for the message.
+ * @cssprop {Color} --message-border-color - The border color for the message.
+ * @cssprop {Color} --message-foreground-color - The foreground color for the message.
+ * @cssprop {String} --message-border-width - The border width for the message.
+ * @cssprop {String} --message-border-radius - The border radius for the message.
+ * @cssprop {String} --message-border-style - The border style for the message.
+ * @cssprop {String} --message-transition-duration - The transition duration for the message.
+ * @cssprop {String} --message-transition-mode - The transition mode for the message.
+ * @cssprop {String} --message-transition-property - The transition property for the message.
+ * @cssprop {String} --message-shadow - The shadow effect for the message.
+ * @cssprop {String} --message-padding-top - The top padding for the message.
+ * @cssprop {String} --message-padding-left - The left padding for the message.
+ * @cssprop {String} --message-padding-bottom - The bottom padding for the message.
+ * @cssprop {String} --message-padding-right - The right padding for the message.
+ * @cssprop {String} --message-gap - The gap between elements within the message.
+ * @cssprop {Number} --message-collapsed-lines - The number of visible lines when collapsed.
+ *
+ * @dependency {IconElement} - The Icon element.
+ * @dependency {TextElement} - The Text element.
+ * @dependency {ButtonElement} - The Button element for the caret toggle.
+ * @dependency {DismissElement} - The Dismiss element for closing the message.
+ *
+ * @example
+ * ```html
+ * <mosaik-message
+ *   icon="info"
+ *   header="System Update"
+ *   content="We will be back online shortly."
+ *   closeable></mosaik-message>
+ * ```
+ *
+ * @example
+ * ```html
+ * <mosaik-message
+ *   icon="info"
+ *   header="Long Message"
+ *   content="This is a very long message that will be truncated..."
+ *   expandable
+ *   collapsed-lines="2"></mosaik-message>
+ * ```
+ *
+ * @example
+ * ```html
+ * <mosaik-message
+ *   icon="info"
+ *   header="Rich Content"
+ *   expandable>
+ *   <p>This message contains rich content with <mosaik-button>buttons</mosaik-button>.</p>
+ * </mosaik-message>
+ * ```
+ *
+ * @public
+ */
+export declare class MessageElement extends MessageElement_base implements IMessageElementProps, ICloseableEvents, ICloseable, IExpandableBehavior, IExpandableProps, IExpandableEvents, IAnimatable, ISlottable {
+    private readonly _provider;
+    private _icon;
+    private _iconSize;
+    private _header;
+    private _content;
+    private _expandable;
+    /**
+     * @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 `icon` property.
+     *
+     * @public
+     */
+    get icon(): string;
+    set icon(value: string);
+    /**
+     * Gets or sets the `iconSize` property.
+     *
+     * @public
+     * @attr
+     */
+    get iconSize(): Size | null;
+    set iconSize(value: Size | null);
+    /**
+     * Gets or sets the `header` property.
+     *
+     * @public
+     */
+    get header(): string;
+    set header(value: string);
+    /**
+     * Gets or sets the `content` property.
+     *
+     * @public
+     */
+    get content(): string;
+    set content(value: string);
+    /**
+     * Gets or sets the `expandable` property.
+     * When enabled, the content will be truncated to `collapsedLines` lines
+     * and a toggle button will be displayed.
+     *
+     * @public
+     * @attr
+     */
+    get expandable(): boolean;
+    set expandable(value: boolean);
+    /**
+     * Closes the `MessageElement`.
+     *
+     * @public
+     * @override
+     */
+    close(): Promise<boolean>;
+    /**
+     * Toggles the message between expanded and collapsed states.
+     * Only works when `expandable` is `true`.
+     *
+     * @public
+     * @override
+     */
+    toggle(): void;
+    /**
+     * Expands the message content.
+     * Only works when `expandable` is `true`.
+     *
+     * @public
+     * @override
+     */
+    expand(): void;
+    /**
+     * Collapses the message content.
+     * Only works when `expandable` is `true`.
+     *
+     * @public
+     * @override
+     */
+    collapse(): void;
+    /**
+     * This method is invoked when the `isExpanded` property is changed.
+     *
+     * @param prev - The previous value.
+     * @param next - The new value.
+     * @public
+     * @override
+     */
+    onIsExpandedChanged(prev: boolean, next: boolean): void;
+}
+/**
+ * @public
+ */
+export declare namespace MessageElement {
+    type Props = IMessageElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-message': MessageElement;
+    }
+}
+export {};
+//# sourceMappingURL=MessageElement.d.ts.map

package/Controls/Components/Grouping/Message/MessageElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Message/MessageElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE7E,OAAO,EAAa,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE5F,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEpI,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAOrE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAUnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,qBAgBa,cACT,SAAQ,mBACR,YAAW,oBAAoB,EAAE,gBAAgB,EAAE,UAAU,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU;IAIhJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAQvB;IACH,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAU;IAM7B;;OAEG;;IAiBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,IAAI,GAAG,IAAI,CAEjC;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAKrC;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED;;;;;;;OAOG;IACH,IAIW,UAAU,IAAI,OAAO,CAE/B;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,OAAO,EAKnC;IAMD;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAQ/C;;;;;;OAMG;IACa,MAAM,IAAI,IAAI;IAQ9B;;;;;;OAMG;IACa,MAAM,IAAI,IAAI;IAQ9B;;;;;;OAMG;IACa,QAAQ,IAAI,IAAI;IAQhC;;;;;;;OAOG;IACa,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;CAa1E;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}