@breadstone/mosaik-elements-foundation 0.0.226 → 0.0.227

package/Controls/Components/Inputs/Scheduler/SchedulerEventElement.js

@@ -0,0 +1,330 @@
+// #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);
+};
+var SchedulerEventElement_1;
+import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
+import { Emit } from '../../../../events/Decorators/EmitDecorator';
+import { EID } from '../../../../Utilities/EId';
+import { Appearanceable } from '../../../Behaviors/Appearanceable';
+import { Boundable } from '../../../Behaviors/Boundable';
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Focusable } from '../../../Behaviors/Focusable';
+import { Slottable } from '../../../Behaviors/Slottable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Valueable } from '../../../Behaviors/Valueable';
+import { Variantable } from '../../../Behaviors/Variantable';
+import { addInheritanceConsumerController } from '../../../Controllers/InheritanceConsumerController';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Watch } from '../../../Decorators/WatchDecorator';
+import { SchedulerView } from '../../../Types/SchedulerView';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { RippleElement } from '../../Effects/Ripple/RippleElement';
+import { FocusRingElement } from '../../Primitives/FocusRing/FocusRingElement';
+import { PopupElement } from '../../Primitives/Popup/PopupElement';
+import { ISchedulerElementProps } from './ISchedulerElementProps';
+import { ISchedulerEventElementProps } from './ISchedulerEventElementProps';
+import { schedulerEventElementTemplate } from './SchedulerEventElementTemplate';
+import { SCHEDULER_VIEW_INHERITANCE_CONTEXT } from './SchedulerViewInheritanceContext';
+import { schedulerEventElementCosmopolitanStyle } from './Themes/SchedulerEventElement.Cosmopolitan';
+import { schedulerEventElementJoyStyle } from './Themes/SchedulerEventElement.Joy';
+import { schedulerEventElementMemphisStyle } from './Themes/SchedulerEventElement.Memphis';
+// #endregion
+/**
+ * SchedulerEvent - A public event definition element for the Scheduler.
+ *
+ * @description
+ * The SchedulerEvent component represents an event in the scheduler. It serves as
+ * a data host that the parent Scheduler reads to position and render events in the grid.
+ * The element's slots provide content for the rendered event box.
+ * The `layout` property controls which slots are rendered and how the event is styled,
+ * allowing the same element to adapt to different scheduler views.
+ *
+ * @name SchedulerEvent
+ * @element mosaik-scheduler-event
+ * @category Inputs
+ *
+ * @slot title - The title content of the event (all layouts)
+ * @slot content - The content of the event (timeGrid and agenda layouts)
+ * @slot footer - Footer content (timeGrid layout only)
+ *
+ * @csspart container - The main container element
+ * @csspart layout-time-grid - Applied when layout="timeGrid"
+ * @csspart layout-month - Applied when layout="month"
+ * @csspart layout-agenda - Applied when layout="agenda"
+ * @csspart focusRing - The focus indicator ring
+ * @csspart ripple - The ripple effect container
+ * @csspart content - The content wrapper
+ * @csspart title - The title slot container
+ * @csspart subtitle - The content/subtitle slot container
+ * @csspart footer - The footer slot container (timeGrid only)
+ * @csspart popup - The popup element (timeGrid only)
+ *
+ * @cssprop {String} --scheduler-event-agenda-gap - Gap between elements in agenda layout
+ * @cssprop {String} --scheduler-event-agenda-min-height - Minimum height in agenda layout
+ * @cssprop {String} --scheduler-event-agenda-padding - Padding in agenda layout
+ * @cssprop {Color} --scheduler-event-all-day-background-color - Background color for all-day events
+ * @cssprop {Color} --scheduler-event-all-day-foreground-color - Foreground color for all-day events
+ * @cssprop {Color} --scheduler-event-background-color - Default background color
+ * @cssprop {Color} --scheduler-event-border-color - Border color
+ * @cssprop {String} --scheduler-event-border-radius - Border radius
+ * @cssprop {String} --scheduler-event-border-style - Border style
+ * @cssprop {String} --scheduler-event-border-width - Border width
+ * @cssprop {String} --scheduler-event-box-shadow - Box shadow
+ * @cssprop {Color} --scheduler-event-focus-ring-color - Color of the focus ring
+ * @cssprop {String} --scheduler-event-font-family - Font family
+ * @cssprop {String} --scheduler-event-font-line-height - Line height
+ * @cssprop {String} --scheduler-event-font-size - Font size
+ * @cssprop {String} --scheduler-event-font-weight - Font weight
+ * @cssprop {Color} --scheduler-event-foreground-color - Foreground/text color
+ * @cssprop {Color} --scheduler-event-hover-background-color - Background color on hover
+ * @cssprop {String} --scheduler-event-month-border-radius - Border radius in month layout
+ * @cssprop {String} --scheduler-event-month-font-size - Font size in month layout
+ * @cssprop {String} --scheduler-event-month-gap - Gap between elements in month layout
+ * @cssprop {String} --scheduler-event-month-line-height - Line height in month layout
+ * @cssprop {String} --scheduler-event-month-min-height - Minimum height in month layout
+ * @cssprop {String} --scheduler-event-month-padding - Padding in month layout
+ * @cssprop {String} --scheduler-event-padding - Default padding
+ * @cssprop {String} --scheduler-event-shadow-blur - Shadow blur radius
+ * @cssprop {Color} --scheduler-event-shadow-color - Shadow color
+ * @cssprop {String} --scheduler-event-shadow-offset-x - Shadow horizontal offset
+ * @cssprop {String} --scheduler-event-shadow-offset-y - Shadow vertical offset
+ * @cssprop {String} --scheduler-event-shadow-spread - Shadow spread radius
+ * @cssprop {String} --scheduler-event-transition-duration - Transition duration
+ * @cssprop {String} --scheduler-event-transition-mode - Transition timing function
+ * @cssprop {String} --scheduler-event-transition-property - CSS properties to transition
+ *
+ * @dependency {FocusRingElement} - Keyboard focus indicator component
+ * @dependency {RippleElement} - Click/tap ripple effect component
+ * @dependency {PopupElement} - Popup component for displaying additional information on hover/focus
+ *
+ * @example
+ * Basic event definition:
+ * ```html
+ * <mosaik-scheduler>
+ *   <mosaik-scheduler-event event-key="meeting-1" start="2026-02-13T10:00" end="2026-02-13T11:00">
+ *     <mosaik-text slot="title" text="Team Meeting" wrap></mosaik-text>
+ *     <mosaik-text slot="content" text="Discuss project progress" wrap></mosaik-text>
+ *     <mosaik-text slot="footer" text="Microsoft Teams" wrap></mosaik-text>
+ *   </mosaik-scheduler-event>
+ * </mosaik-scheduler>
+ * ```
+ *
+ * @public
+ */
+let SchedulerEventElement = SchedulerEventElement_1 = class SchedulerEventElement extends Themeable(Slottable(Focusable(Disableable(Variantable(Valueable(Appearanceable(Boundable(CustomElement)))))))) {
+    // #region Fields
+    _inheritance = addInheritanceConsumerController(this, {
+        context: SCHEDULER_VIEW_INHERITANCE_CONTEXT
+    });
+    _schedulerEventChange;
+    _eventKey;
+    _start;
+    _end;
+    _allDay;
+    _status;
+    _keyGenerated;
+    // #endregion
+    // #region Ctor
+    constructor() {
+        super();
+        this._eventKey = ISchedulerEventElementProps.DEFAULTS.eventKey;
+        this._start = ISchedulerEventElementProps.DEFAULTS.start;
+        this._end = ISchedulerEventElementProps.DEFAULTS.end;
+        this._allDay = ISchedulerEventElementProps.DEFAULTS.allDay;
+        this._status = ISchedulerEventElementProps.DEFAULTS.status;
+        this._schedulerEventChange = new HTMLElementEventEmitter(this, 'schedulerEventChange');
+        this._keyGenerated = false;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-scheduler-event';
+    }
+    /**
+     * Gets or sets the unique key for the event.
+     * If not provided, a key will be generated on connect.
+     *
+     * @public
+     * @attr
+     */
+    get eventKey() {
+        return this._eventKey;
+    }
+    set eventKey(value) {
+        if (this._eventKey !== value) {
+            this._eventKey = value;
+            this.requestUpdate('eventKey');
+        }
+    }
+    /**
+     * Gets or sets whether this is an all-day event.
+     *
+     * @public
+     * @attr
+     */
+    get allDay() {
+        return this._allDay;
+    }
+    set allDay(value) {
+        if (this._allDay !== value) {
+            this._allDay = value;
+            this.requestUpdate('allDay');
+        }
+    }
+    /**
+     * Gets or sets the status of the event.
+     *
+     * @public
+     * @attr
+     */
+    get status() {
+        return this._status;
+    }
+    set status(value) {
+        if (this._status !== value) {
+            this._status = value;
+            this.requestUpdate('status');
+        }
+    }
+    /**
+     * Gets the layout mode for rendering the event.
+     * This value is inherited from the parent scheduler view.
+     *
+     * - `timeGrid` - Vertical card layout with title, content, footer (default)
+     * - `month` - Compact chip layout with time and title only
+     * - `agenda` - Horizontal row layout for list views
+     *
+     * @public
+     * @attr
+     * @readonly
+     */
+    get view() {
+        return this._inheritance.get('view', ISchedulerElementProps.DEFAULTS.view);
+    }
+    /**
+     * Called when the event data changes (start, end).
+     * Provides reference to `{@link ISchedulerEventChangeEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get schedulerEventChange() {
+        return this._schedulerEventChange;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     * @override
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        // Generate a stable key if not provided
+        if (!this._eventKey && !this._keyGenerated) {
+            this._eventKey = EID.next(SchedulerEventElement_1.is);
+            this._keyGenerated = true;
+            this.requestUpdate('eventKey');
+        }
+    }
+    /**
+     * Handles changes to the start property and notifies the parent scheduler.
+     *
+     * @protected
+     */
+    onStartChanged(prev, next) {
+        this._schedulerEventChange.emit({
+            eventKey: this._eventKey,
+            property: 'start',
+            previousValue: prev ?? this._start,
+            newValue: next ?? this._start
+        });
+    }
+    /**
+     * Handles changes to the end property and notifies the parent scheduler.
+     *
+     * @protected
+     */
+    onEndChanged(prev, next) {
+        this._schedulerEventChange.emit({
+            eventKey: this._eventKey,
+            property: 'end',
+            previousValue: prev ?? this._end,
+            newValue: next ?? this._end
+        });
+    }
+};
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], SchedulerEventElement.prototype, "eventKey", null);
+__decorate([
+    Attribute({ type: Boolean, useDefault: true }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], SchedulerEventElement.prototype, "allDay", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], SchedulerEventElement.prototype, "status", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], SchedulerEventElement.prototype, "view", null);
+__decorate([
+    Emit({ eventName: 'schedulerEventChange' }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], SchedulerEventElement.prototype, "schedulerEventChange", null);
+__decorate([
+    Watch('start'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Date, Date]),
+    __metadata("design:returntype", void 0)
+], SchedulerEventElement.prototype, "onStartChanged", null);
+__decorate([
+    Watch('end'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Date, Date]),
+    __metadata("design:returntype", void 0)
+], SchedulerEventElement.prototype, "onEndChanged", null);
+SchedulerEventElement = SchedulerEventElement_1 = __decorate([
+    Component({
+        selector: 'mosaik-scheduler-event',
+        template: schedulerEventElementTemplate,
+        themes: {
+            joy: schedulerEventElementJoyStyle,
+            cosmopolitan: schedulerEventElementCosmopolitanStyle,
+            memphis: schedulerEventElementMemphisStyle
+        },
+        host: {
+            tabIndex: '0'
+        },
+        imports: [
+            FocusRingElement,
+            RippleElement,
+            PopupElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], SchedulerEventElement);
+export { SchedulerEventElement };
+//# sourceMappingURL=SchedulerEventElement.js.map

package/Controls/Components/Inputs/Scheduler/SchedulerEventElement.js.map

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

package/Controls/Components/Inputs/Scheduler/SchedulerEventElementTemplate.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SchedulerEventElementTemplate.d.ts.map

package/Controls/Components/Inputs/Scheduler/SchedulerEventElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerEventElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerEventElementTemplate.ts"],"names":[],"mappings":""}

package/Controls/Components/Inputs/Scheduler/SchedulerEventElementTemplate.js

@@ -0,0 +1,138 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { choose, when } from '../../../Directives/Directives';
+import { partMap } from '../../../Directives/part-map/PartMapDirective';
+// #endregion
+/**
+ * The template function for the {@link SchedulerEventElement}.
+ *
+ * @internal
+ */
+export function schedulerEventElementTemplate(e) {
+    return html `
+        <mosaik-popup part="popup"
+                        .lang="${e.lang}"
+                        .dir="${e.dir}"
+                        .for="${'container'}"
+                        .placement="${'right-start'}"
+                        .placements="${['right-start', 'left-start']}"
+                        .flip="${true}"
+                        .trigger="${'hover'}"
+                        .interactive="${true}"
+                        .clickOutsideToClose="${true}">
+            <mosaik-stack slot="content"
+                            .lang="${e.lang}"
+                            .dir="${e.dir}"
+                            .orientation="${'vertical'}">
+                <mosaik-stack .lang="${e.lang}"
+                                .dir="${e.dir}"
+                                .orientation="${'horizontal'}">
+                    <mosaik-dot .lang="${e.lang}"
+                                .dir="${e.dir}"
+                                .variant="${e.variant}"></mosaik-dot>
+                    <mosaik-text .lang="${e.lang}"
+                                    .dir="${e.dir}"
+                                    .text="${e.getSlotContent('title')}"></mosaik-text>
+                </mosaik-stack>
+                <mosaik-text .lang="${e.lang}"
+                                .dir="${e.dir}"
+                                .text="${e.getSlotContent('content')}"></mosaik-text>
+                <mosaik-text .lang="${e.lang}"
+                                .dir="${e.dir}"
+                                .text="start: ${e.start.toDateString()}"></mosaik-text>
+                <mosaik-text .lang="${e.lang}"
+                                .dir="${e.dir}"
+                                .text="end: ${e.end.toDateString()}"></mosaik-text>
+            </mosaik-stack>
+        </mosaik-popup>
+        ${choose(e.view, [
+        ['timeGrid', () => html `
+            <div id="container" part=${partMap({ 'container': true, 'layout-time-grid': true, 'is-cancelled': e.status === 'cancelled', 'is-tentative': e.status === 'tentative' })}>
+                ${when(!e.disabled, () => html `
+                    <mosaik-focus-ring part="focusRing"
+                                        .lang="${e.lang}"
+                                        .dir="${e.dir}"
+                                        .variant="${e.variant}"
+                                        .visible="${e.isFocused}"
+                                        .controlled="${'manual'}"
+                                        @connected="${(x) => x.target.attach(e)}"></mosaik-focus-ring>
+                    <mosaik-ripple part="ripple"
+                                    .lang="${e.lang}"
+                                    .dir="${e.dir}"
+                                    .variant="${e.variant}"
+                                    @connected="${(x) => x.target.attach(e)}"></mosaik-ripple>
+                `)}
+                <div part="content">
+                    <div part="title">
+                        <slot name="title"></slot>
+                    </div>
+                    <div part="subtitle">
+                        <slot name="content"></slot>
+                    </div>
+                    <div part="footer">
+                        <slot name="footer"></slot>
+                    </div>
+                </div>
+            </div>
+        `],
+        ['month', () => html `
+            <div id="container" part=${partMap({ 'container': true, 'layout-month': true, 'is-cancelled': e.status === 'cancelled', 'is-tentative': e.status === 'tentative' })}>
+                ${when(!e.disabled, () => html `
+                    <mosaik-focus-ring part="focusRing"
+                                        .lang="${e.lang}"
+                                        .dir="${e.dir}"
+                                        .variant="${e.variant}"
+                                        .visible="${e.isFocused}"
+                                        .controlled="${'manual'}"
+                                        @connected="${(x) => x.target.attach(e)}"></mosaik-focus-ring>
+                    <mosaik-ripple part="ripple"
+                                    .lang="${e.lang}"
+                                    .dir="${e.dir}"
+                                    .variant="${e.variant}"
+                                    @connected="${(x) => x.target.attach(e)}"></mosaik-ripple>
+                `)}
+                <div part="content">
+                    <div part="title">
+                        <slot name="title"></slot>
+                    </div>
+                </div>
+            </div>
+        `],
+        ['agenda', () => html `
+            <div id="container" part=${partMap({ 'container': true, 'layout-agenda': true, 'is-cancelled': e.status === 'cancelled', 'is-tentative': e.status === 'tentative' })}>
+                ${when(!e.disabled, () => html `
+                    <mosaik-focus-ring part="focusRing"
+                                        .lang="${e.lang}"
+                                        .dir="${e.dir}"
+                                        .variant="${e.variant}"
+                                        .visible="${e.isFocused}"
+                                        .controlled="${'manual'}"
+                                        @connected="${(x) => x.target.attach(e)}"></mosaik-focus-ring>
+                    <mosaik-ripple part="ripple"
+                                    .lang="${e.lang}"
+                                    .dir="${e.dir}"
+                                    .variant="${e.variant}"
+                                    @connected="${(x) => x.target.attach(e)}"></mosaik-ripple>
+                `)}
+                <div part="content">
+                    <div part="title">
+                        <slot name="title"></slot>
+                    </div>
+                    <div part="subtitle">
+                        <slot name="content"></slot>
+                    </div>
+                </div>
+            </div>
+        `]
+    ], () => html `
+            <div id="container" part=${partMap({ 'container': true, 'is-cancelled': e.status === 'cancelled', 'is-tentative': e.status === 'tentative' })}>
+                <div part="content">
+                    <div part="title">
+                        <slot name="title"></slot>
+                    </div>
+                </div>
+            </div>
+        `)}
+    `;
+}
+//# sourceMappingURL=SchedulerEventElementTemplate.js.map

package/Controls/Components/Inputs/Scheduler/SchedulerEventElementTemplate.js.map

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

package/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.d.ts

@@ -0,0 +1,98 @@
+import type { Appearance } from '../../../Types/Appearance';
+import type { DayOfWeek } from '../../../Types/DayOfWeek';
+import type { FlowDirection } from '../../../Types/FlowDirection';
+import type { Size } from '../../../Types/Size';
+import type { Variant } from '../../../Types/Variant';
+import type { SchedulerElementIntl } from './Intl/SchedulerElementIntl';
+/**
+ * Interface for properties inherited by child Scheduler view elements.
+ *
+ * @public
+ */
+export interface ISchedulerInherited {
+    /**
+     * Inherited disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Inherited appearance.
+     */
+    appearance?: Appearance;
+    /**
+     * Inherited variant.
+     */
+    variant?: Variant;
+    /**
+     * Inherited size.
+     */
+    size?: Size;
+    /**
+     * Inherited locale.
+     */
+    locale?: string;
+    /**
+     * Inherited flow direction.
+     */
+    dir?: FlowDirection;
+    /**
+     * Inherited theme name.
+     */
+    themeName?: string;
+    /**
+     * Inherited start date.
+     */
+    startDate?: Date | null;
+    /**
+     * Inherited first day of week.
+     */
+    firstDayOfWeek?: DayOfWeek;
+    /**
+     * Inherited blackout dates.
+     */
+    blackoutDates?: Array<Date>;
+    /**
+     * Inherited special dates.
+     */
+    specialDates?: Array<Date>;
+    /**
+     * Inherited today highlighted flag.
+     */
+    isTodayHighlighted?: boolean;
+    /**
+     * Inherited weekend highlighted flag.
+     */
+    isWeekendHighlighted?: boolean;
+    /**
+     * Inherited internationalization helper.
+     */
+    intl?: SchedulerElementIntl | null;
+    /**
+     * Inherited weekday format string.
+     * Used to format weekday headers (e.g., 'ddd' for 'Mon').
+     */
+    weekdayFormat?: string;
+    /**
+     * Inherited day format string.
+     * Used to format day numbers (e.g., 'd' for '1', 'dd' for '01').
+     */
+    dayFormat?: string;
+    /**
+     * Inherited time format string.
+     * Used to format times (e.g., 'HH:mm' for '14:30').
+     */
+    timeFormat?: string;
+    /**
+     * Inherited month-day format string.
+     * Used to format date headers (e.g., 'MMM d' for 'Feb 13').
+     */
+    monthDayFormat?: string;
+}
+/**
+ * Context for Scheduler → SchedulerView inheritance.
+ *
+ * @public
+ */
+export declare const SCHEDULER_INHERITANCE_CONTEXT: {
+    __context__: Partial<ISchedulerInherited>;
+};
+//# sourceMappingURL=SchedulerInheritanceContext.d.ts.map

package/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerInheritanceContext.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAIhC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAE5B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAI3B;AAED;;;;GAIG;AACH,eAAO,MAAM,6BAA6B;;CAA0F,CAAC"}

package/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.js

@@ -0,0 +1,9 @@
+// #region Imports
+import { createContext } from '@lit/context';
+/**
+ * Context for Scheduler → SchedulerView inheritance.
+ *
+ * @public
+ */
+export const SCHEDULER_INHERITANCE_CONTEXT = createContext(Symbol.for('mosaik:scheduler:inheritance'));
+//# sourceMappingURL=SchedulerInheritanceContext.js.map

package/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerInheritanceContext.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAqH7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CAA+B,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC,CAAC"}

package/Controls/Components/Inputs/Scheduler/SchedulerNowIndicatorElement.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SchedulerNowIndicatorElement.d.ts.map

package/Controls/Components/Inputs/Scheduler/SchedulerNowIndicatorElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerNowIndicatorElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerNowIndicatorElement.ts"],"names":[],"mappings":""}