@breadstone/mosaik-elements-foundation 0.0.134 → 0.0.136

package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js

@@ -0,0 +1,548 @@
+// #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 '../../../Behaviors/Themeable';
+import { Appearanceable } from '../../../Behaviors/Appearanceable';
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Orientable } from '../../../Behaviors/Orientable';
+import { Slottable } from '../../../Behaviors/Slottable';
+import { Variantable } from '../../../Behaviors/Variantable';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Watch } from '../../../Decorators/WatchDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { BannerElement } from '../Banner/BannerElement';
+import { bannerGroupElementTemplate } from './BannerGroupElementTemplate';
+import { bannerGroupElementJoyStyle } from './Themes/BannerGroupElement.Joy';
+import { bannerGroupElementRetroStyle } from './Themes/BannerGroupElement.Retro';
+import { bannerGroupElementCosmopolitanStyle } from './Themes/BannerGroupElement.Cosmopolitan';
+import { Emit } from '../../../../Events/Decorators/EmitDecorator';
+import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
+import { KeyboardController } from '../../../Controllers/KeyboardController';
+import { Key } from '../../../Types/Key';
+import { BannerGroupDismissBehavior } from '../../../Types/BannerGroupDismissBehavior';
+import { BannerGroupStacking } from '../../../Types/BannerGroupStacking';
+import { RendererServiceLocator } from '../../../../Dom/Renderer';
+/**
+ * BannerGroup - A container component for managing and presenting multiple `Banner` instances.
+ *
+ * @description
+ * The `BannerGroup` component arranges several `<mosaik-banner>` elements either as a stack or a simple paged
+ * (carousel‑like) sequence. When `maxLength` equals `1`, only a single banner is shown and keyboard navigation
+ * allows users to move between items. When `maxLength` is greater than `1`, banners are presented in a stacked
+ * layout. Looping navigation can be enabled via the `loop` property. (Persistence, dismissal strategies and depth
+ * stacking enhancements can be incorporated in future iterations.)
+ *
+ * @name BannerGroup
+ * @element mosaik-banner-group
+ * @category Notifications
+ *
+ * @fires change - Fired when the active index changes.
+ *
+ * @slot - The default slot for banner items.
+ * @slot prev - Slot for a custom previous control.
+ * @slot next - Slot for a custom next control.
+ *
+ * @csspart root - The root wrapper part.
+ * @csspart viewport - The viewport that contains the banners.
+ * @csspart control-prev - The previous control wrapper.
+ * @csspart control-next - The next control wrapper.
+ *
+ * @cssprop {unknown} --banner-group-gap - Gap between stacked banners.
+ * @cssprop {unknown} --banner-group-transition-duration - Transition duration for paging.
+ *
+ * @dependency {BannerElement} - The Banner element.
+ *
+ * @example
+ * ```html
+ * <mosaik-banner-group max-visible="1" loop>
+ *   <mosaik-banner header="Update 1"></mosaik-banner>
+ *   <mosaik-banner header="Update 2"></mosaik-banner>
+ *   <mosaik-banner header="Update 3"></mosaik-banner>
+ * </mosaik-banner-group>
+ * ```
+ *
+ * @public
+ */
+let BannerGroupElement = class BannerGroupElement extends Themeable(Orientable(Disableable(Appearanceable(Variantable(Slottable(CustomElement)))))) {
+    // #region Fields
+    _change;
+    _keyboardController;
+    _eventSubscriptions;
+    _index;
+    _loop;
+    _maxLength;
+    _dismissBehavior;
+    _stacking;
+    _reverse;
+    _previousIndex;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._change = new HTMLElementEventEmitter(this, 'change');
+        this._keyboardController = new KeyboardController(this, { capture: true });
+        this._eventSubscriptions = [];
+        this._index = 0;
+        this._loop = false;
+        this._maxLength = 5;
+        this._dismissBehavior = BannerGroupDismissBehavior.Remove;
+        this._stacking = BannerGroupStacking.Vertical;
+        this._reverse = false;
+        this._previousIndex = 0;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents the natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() { return 'mosaik-banner-group'; }
+    /**
+     * Gets or sets the `index` property representing the current active (start) index.
+     *
+     * @public
+     * @attr
+     */
+    get index() { return this._index; }
+    set index(value) {
+        const banners = this.getSlotAssignmentsOf('', BannerElement);
+        const clamped = banners.length === 0 ? 0 : Math.max(0, Math.min(value, banners.length - 1));
+        if (clamped !== this._index) {
+            const prev = this._index;
+            this._previousIndex = prev;
+            this._index = clamped;
+            this.requestUpdate('index');
+            this.emitChange(prev);
+        }
+    }
+    /**
+     * Gets or sets the `loop` property enabling circular navigation.
+     *
+     * @public
+     * @attr
+     */
+    get loop() { return this._loop; }
+    set loop(value) {
+        if (this._loop !== value) {
+            this._loop = value;
+            this.requestUpdate('loop');
+        }
+    }
+    /**
+     * Gets or sets the `maxLength` property (1 = pager/carousel mode).
+     *
+     * @public
+     * @attr
+     */
+    get maxLength() { return this._maxLength; }
+    set maxLength(value) {
+        if (this._maxLength !== value) {
+            this._maxLength = value;
+            this.requestUpdate('maxLength');
+        }
+    }
+    /**
+     * Gets or sets the `dismissBehavior` property defining how dismissed banners are handled.
+     * (Future extension point.)
+     *
+     * @public
+     * @attr
+     */
+    get dismissBehavior() { return this._dismissBehavior; }
+    set dismissBehavior(value) {
+        if (this._dismissBehavior !== value) {
+            this._dismissBehavior = value;
+            this.requestUpdate('dismissBehavior');
+        }
+    }
+    /**
+     * Gets or sets the `stacking` property controlling vertical or depth stacking.
+     *
+     * @public
+     * @attr
+     */
+    get stacking() { return this._stacking; }
+    set stacking(value) {
+        if (this._stacking !== value) {
+            this._stacking = value;
+            this.requestUpdate('stacking');
+        }
+    }
+    /**
+     * Gets or sets the `reverse` property displaying newest banners first when true.
+     *
+     * @public
+     * @attr
+     */
+    get reverse() { return this._reverse; }
+    set reverse(value) {
+        if (this._reverse !== value) {
+            this._reverse = value;
+            this.requestUpdate('reverse');
+        }
+    }
+    /**
+     * Returns the total number of banners.
+     *
+     * @public
+     * @readonly
+     */
+    get length() {
+        return this.getSlotAssignmentsOf('', BannerElement).length;
+    }
+    /**
+     * Returns whether previous navigation is possible.
+     *
+     * @public
+     * @readonly
+     */
+    get canPrev() {
+        return this.length > 1 && (this.loop || this.index > 0);
+    }
+    /**
+     * Returns whether next navigation is possible.
+     *
+     * @public
+     * @readonly
+     */
+    get canNext() {
+        return this.length > 1 && (this.loop || this.index < this.length - 1);
+    }
+    /**
+     * Fired when the active index changes.
+     *
+     * @public
+     */
+    get change() {
+        return this._change;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @protected
+     * @override
+     */
+    onSlotChanges() {
+        this.clearSubscriptions();
+        this.getSlotAssignmentsOf('', BannerElement).forEach((b) => b.classList.add('banner-group-item'));
+        this.index = this._index; // clamp to valid range
+        this.updateLayout();
+    }
+    /**
+     * @public
+     * @override
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        this._keyboardController
+            .add([Key.LeftArrow, Key.UpArrow], () => this.previous(), () => !this.disabled && this.canPrev, { preventDefault: true })
+            .add([Key.RightArrow, Key.DownArrow], () => this.next(), () => !this.disabled && this.canNext, { preventDefault: true })
+            .add(Key.Home, () => this.first(), () => !this.disabled && this.length > 0, { preventDefault: true })
+            .add(Key.End, () => this.last(), () => !this.disabled && this.length > 0, { preventDefault: true });
+    }
+    /**
+     * Navigates to the previous banner.
+     *
+     * @public
+     */
+    previous() {
+        this.navigate(-1);
+    }
+    /**
+     * Navigates to the next banner.
+     *
+     * @public
+     */
+    next() {
+        this.navigate(1);
+    }
+    /**
+     * Navigates to the first banner.
+     *
+     * @public
+     */
+    first() {
+        this.index = 0;
+    }
+    /**
+     * Navigates to the last banner.
+     *
+     * @public
+     */
+    last() {
+        this.index = Math.max(0, this.length - 1);
+    }
+    /**
+     * Navigates to a specific index.
+     *
+     * @public
+     */
+    goTo(i) {
+        this.index = i;
+    }
+    onIndexPropertyChanged() {
+        this.updateLayout();
+    }
+    onMaxLengthPropertyChanged() {
+        this.updateLayout();
+    }
+    onReversePropertyChanged() {
+        this.updateLayout();
+    }
+    onStackingPropertyChanged() {
+        this.updateLayout();
+    }
+    // @Watch('appearance')
+    // protected onAppearancePropertyChanged(_prev?: Appearance, next?: Appearance): void {
+    //     this.getSlotAssignmentsOf('', BannerElement)
+    //         .filter((x) => x.appearance !== 'default')
+    //         .forEach((b) => b.appearance = next ?? this.appearance);
+    // }
+    // @Watch('variant')
+    // protected onVariantPropertyChanged(_prev?: Variant, next?: Variant): void {
+    //     this.getSlotAssignmentsOf('', BannerElement)
+    //         .filter((x) => x.variant !== 'default')
+    //         .forEach((b) => b.variant = next ?? this.variant);
+    // }
+    onDirPropertyChanged() {
+        this.getSlotAssignmentsOf('', BannerElement)
+            .forEach((b) => b.dir = this.dir);
+    }
+    onDisabledPropertyChanged(_prev, next) {
+        if (next !== undefined) {
+            this.getSlotAssignmentsOf('', BannerElement)
+                .forEach((b) => b.disabled = next);
+        }
+    }
+    navigate(delta) {
+        if (this.disabled || this.length === 0) {
+            return;
+        }
+        let next = this.index + delta;
+        if (this.loop && this.length > 0) {
+            next = (next + this.length) % this.length;
+        }
+        this.index = next;
+    }
+    emitChange(previousIndex) {
+        this._change.emit({
+            index: this._index,
+            previousIndex,
+            length: this.length
+        });
+    }
+    clearSubscriptions() {
+        this._eventSubscriptions.forEach((x) => x.dispose());
+        this._eventSubscriptions = [];
+    }
+    /**
+     * Updates banner visibility, ordering and (optional) depth stacking transforms.
+     *
+     * @private
+     */
+    updateLayout() {
+        const banners = this.getSlotAssignmentsOf('', BannerElement);
+        if (banners.length === 0) {
+            return;
+        }
+        const maxLength = Math.max(1, this.maxLength);
+        const isPager = maxLength === 1;
+        const start = this.index;
+        const endExclusive = isPager ? start + 1 : Math.min(banners.length, start + maxLength);
+        const ordered = this._reverse ? [...banners].reverse() : banners;
+        // For depth stacking we need the number of visible banners to compute layering order via CSS vars
+        if (!isPager && this._stacking === BannerGroupStacking.Depth) {
+            RendererServiceLocator.current.setStyle(this, '--banner-group-visible-count', Math.min(maxLength, banners.length));
+        }
+        else {
+            RendererServiceLocator.current.setStyle(this, '--banner-group-visible-count', '');
+        }
+        ordered.forEach((banner) => {
+            const dataIndex = banners.indexOf(banner);
+            // Expose the absolute item index as CSS variable (independent of visibility)
+            RendererServiceLocator.current.setStyle(banner, '--banner-group-item-index', dataIndex);
+            if (isPager) {
+                const isActive = dataIndex === start;
+                const wasActive = dataIndex === this._previousIndex;
+                // Clear any previous depth offsets in pager mode
+                RendererServiceLocator.current.setStyle(banner, '--banner-group-item-depth-offset', '');
+                // Ensure banner participates in animation lifecycle
+                banner.removeAttribute('hidden');
+                banner.removeAttribute('inert');
+                banner.toggleAttribute('data-active', isActive);
+                if (isActive) {
+                    banner.setAttribute('aria-hidden', 'false');
+                    banner.removeAttribute('data-leaving');
+                }
+                else if (wasActive) {
+                    // Leaving state: keep visible for transition, then hide after transition end
+                    banner.setAttribute('data-leaving', 'true');
+                    banner.setAttribute('aria-hidden', 'true');
+                    this.attachLeavingTransitionHandler(banner);
+                }
+                else {
+                    // Inactive & not part of current transition: hide immediately
+                    banner.setAttribute('aria-hidden', 'true');
+                    banner.setAttribute('hidden', '');
+                    banner.removeAttribute('data-leaving');
+                    banner.removeAttribute('data-active');
+                }
+                return; // skip non‑pager logic
+            }
+            // Non‑pager (stack / depth) logic
+            const visible = dataIndex >= start && dataIndex < endExclusive;
+            banner.toggleAttribute('hidden', !visible);
+            if (!visible) {
+                banner.setAttribute('aria-hidden', 'true');
+                banner.setAttribute('inert', '');
+                banner.removeAttribute('data-active');
+                RendererServiceLocator.current.setStyle(banner, '--banner-group-item-depth-offset', '');
+            }
+            else {
+                banner.setAttribute('aria-hidden', 'false');
+                banner.removeAttribute('inert');
+                const offset = dataIndex - start;
+                if (this._stacking === BannerGroupStacking.Depth) {
+                    RendererServiceLocator.current.setStyle(banner, '--banner-group-item-depth-offset', offset);
+                }
+                else {
+                    RendererServiceLocator.current.setStyle(banner, '--banner-group-item-depth-offset', 0);
+                }
+                if (offset === 0) {
+                    banner.setAttribute('data-active', 'true');
+                }
+                else {
+                    banner.removeAttribute('data-active');
+                }
+            }
+        });
+    }
+    /**
+     * Attaches a one‑time transition end handler to a leaving banner (pager mode) to finalize its hidden state.
+     * @private
+     */
+    attachLeavingTransitionHandler(banner) {
+        const handler = (ev) => {
+            if (ev.target !== banner) {
+                return;
+            }
+            banner.setAttribute('hidden', '');
+            banner.removeAttribute('data-leaving');
+            banner.removeEventListener('transitionend', handler);
+            banner.removeEventListener('animationend', handler);
+        };
+        // Re-attach (idempotent) by removing prior handlers first
+        banner.removeEventListener('transitionend', handler);
+        banner.removeEventListener('animationend', handler);
+        banner.addEventListener('transitionend', handler, { once: true });
+        banner.addEventListener('animationend', handler, { once: true });
+    }
+};
+__decorate([
+    Attribute({ type: Number }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], BannerGroupElement.prototype, "index", null);
+__decorate([
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], BannerGroupElement.prototype, "loop", null);
+__decorate([
+    Attribute({ type: Number }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], BannerGroupElement.prototype, "maxLength", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], BannerGroupElement.prototype, "dismissBehavior", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], BannerGroupElement.prototype, "stacking", null);
+__decorate([
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], BannerGroupElement.prototype, "reverse", null);
+__decorate([
+    Emit({ eventName: 'change' }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], BannerGroupElement.prototype, "change", null);
+__decorate([
+    Watch('index'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BannerGroupElement.prototype, "onIndexPropertyChanged", null);
+__decorate([
+    Watch('maxLength'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BannerGroupElement.prototype, "onMaxLengthPropertyChanged", null);
+__decorate([
+    Watch('reverse'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BannerGroupElement.prototype, "onReversePropertyChanged", null);
+__decorate([
+    Watch('stacking'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BannerGroupElement.prototype, "onStackingPropertyChanged", null);
+__decorate([
+    Watch('dir'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BannerGroupElement.prototype, "onDirPropertyChanged", null);
+__decorate([
+    Watch('disabled'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Boolean, Boolean]),
+    __metadata("design:returntype", void 0)
+], BannerGroupElement.prototype, "onDisabledPropertyChanged", null);
+BannerGroupElement = __decorate([
+    Component({
+        selector: 'mosaik-banner-group',
+        template: bannerGroupElementTemplate,
+        themes: {
+            joy: bannerGroupElementJoyStyle,
+            retro: bannerGroupElementRetroStyle,
+            cosmopolitan: bannerGroupElementCosmopolitanStyle
+        },
+        host: { role: 'region' },
+        imports: [BannerElement]
+    }),
+    __metadata("design:paramtypes", [])
+], BannerGroupElement);
+export { BannerGroupElement };
+//# sourceMappingURL=BannerGroupElement.js.map

package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js.map

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

package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.d.ts

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

package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerGroupElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAiC7F"}

package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.js

@@ -0,0 +1,43 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+// #endregion
+/**
+ * The template of the {@link BannerGroupElement}.
+ *
+ * @public
+ */
+export function bannerGroupElementTemplate(e) {
+    // Using public API instead of private collection access
+    const length = e.length;
+    const isPager = e.maxLength === 1;
+    return html `
+    <div part="root"
+         role="region"
+         aria-roledescription="${isPager ? 'carousel' : 'stack'}"
+         tabindex="0">
+            <div part="viewport" class="viewport ${e.orientation}">
+                <slot></slot>
+            </div>
+            ${when(isPager && length > 1, () => html `
+            <div part="control-prev" class="controls prev">
+                <slot name="prev">
+                    <button type="button"
+                            ?disabled="${e.disabled || !e.canPrev}"
+                            aria-label="Previous banner"
+                            @click="${() => e.previous()}">◀</button>
+                </slot>
+            </div>
+            <div part="control-next" class="controls next">
+                <slot name="next">
+                    <button type="button"
+                            ?disabled="${e.disabled || !e.canNext}"
+                            aria-label="Next banner"
+                            @click="${() => e.next()}">▶</button>
+                </slot>
+            </div>
+            `)}
+        </div>
+    `;
+}
+//# sourceMappingURL=BannerGroupElementTemplate.js.map

package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerGroupElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.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,0BAA0B,CAA+B,CAAI;IACzE,wDAAwD;IACxD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IACxB,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC;IAElC,OAAO,IAAI,CAAA;;;iCAGkB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;;mDAEZ,CAAC,CAAC,WAAW;;;cAGlD,IAAI,CAAC,OAAO,IAAI,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;yCAIX,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,OAAO;;sCAE3B,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;;;;;;yCAMf,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,OAAO;;sCAE3B,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;;;aAGvC,CAAC;;KAET,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.d.ts

@@ -0,0 +1,6 @@
+export declare const BannerGroupStacking: {
+    readonly Vertical: "vertical";
+    readonly Depth: "depth";
+};
+export type BannerGroupStacking = typeof BannerGroupStacking[keyof typeof BannerGroupStacking];
+//# sourceMappingURL=BannerGroupStacking.d.ts.map

package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerGroupStacking.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC"}

package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.js

@@ -0,0 +1,5 @@
+export const BannerGroupStacking = {
+    Vertical: 'vertical',
+    Depth: 'depth'
+};
+//# sourceMappingURL=BannerGroupStacking.js.map

package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerGroupStacking.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;CACR,CAAC"}