@breadstone/mosaik-elements-foundation 0.0.77 → 0.0.80

package/Controls/Components/Primitives/Portal/PortalHostElement.js

@@ -0,0 +1,109 @@
+// #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 { Component } from '../../../Decorators/ComponentDecorator';
+import { portalHostElementTemplate } from './PortalHostElementTemplate';
+import { portalHostElementJoyStyle } from './Themes/PortalHostElement.Joy';
+import { portalHostElementRetroStyle } from './Themes/PortalHostElement.Retro';
+import { portalHostElementCosmopolitanStyle } from './Themes/PortalHostElement.Cosmopolitan';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { PORTAL_HOST_REGISTRY } from './Portal';
+import { Slottable } from '../../../Behaviors/Slottable';
+// #endregion
+/**
+ * PortalHostElement - A host for portals, allowing them to be rendered in a specific location in the DOM.
+ *                     This element is used to define a destination for portal.
+ *
+ * @public
+ */
+let PortalHostElement = class PortalHostElement extends Themeable(Slottable(CustomElement)) {
+    // #region Fields
+    _name;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._name = '';
+    }
+    // #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-portal-host';
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Gets or sets the `name` property.
+     * The `name` property represents the unique identifier for this portal host.
+     *
+     * @public
+     * @attr
+     */
+    get name() {
+        return this._name;
+    }
+    set name(value) {
+        if (this._name !== value) {
+            this._name = value;
+            this.requestUpdate('name');
+        }
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     * @override
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        PORTAL_HOST_REGISTRY.set(this._name, this);
+    }
+    /**
+     * @public
+     * @override
+     */
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        PORTAL_HOST_REGISTRY.delete(this._name);
+    }
+};
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], PortalHostElement.prototype, "name", null);
+PortalHostElement = __decorate([
+    Component({
+        selector: 'mosaik-portal-host',
+        template: portalHostElementTemplate,
+        themes: {
+            joy: portalHostElementJoyStyle,
+            retro: portalHostElementRetroStyle,
+            cosmopolitan: portalHostElementCosmopolitanStyle
+        },
+        imports: []
+    }),
+    __metadata("design:paramtypes", [])
+], PortalHostElement);
+export { PortalHostElement };
+//# sourceMappingURL=PortalHostElement.js.map

package/Controls/Components/Primitives/Portal/PortalHostElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/PortalHostElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAErE,aAAa;AAEb;;;;;GAKG;AAWI,IAAM,iBAAiB,GAAvB,MAAM,iBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IAET,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;OAMG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED;;;OAGG;IACa,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,oBAAoB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;CAIJ,CAAA;AAnCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG3B;AAnDQ,iBAAiB;IAV7B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,yBAAyB;QACnC,MAAM,EAAE;YACJ,GAAG,EAAE,yBAAyB;YAC9B,KAAK,EAAE,2BAA2B;YAClC,YAAY,EAAE,kCAAkC;SACnD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,iBAAiB,CAmF7B"}

package/Controls/Components/Primitives/Portal/PortalHostElementTemplate.d.ts

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

package/Controls/Components/Primitives/Portal/PortalHostElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/PortalHostElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,CAI5F"}

package/Controls/Components/Primitives/Portal/PortalHostElementTemplate.js

@@ -0,0 +1,14 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the {@link PortalHostElement}.
+ *
+ * @public
+ */
+export function portalHostElementTemplate(_e) {
+    return html `
+        <slot></slot>
+    `;
+}
+//# sourceMappingURL=PortalHostElementTemplate.js.map

package/Controls/Components/Primitives/Portal/PortalHostElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/PortalHostElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,EAAK;IACxE,OAAO,IAAI,CAAA;;KAEV,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Portal/PortalProjectionElement.d.ts

@@ -1,6 +1,7 @@
 import { OverlayElement } from '../../Overlays/Abstracts/OverlayElement';
 import type { IPortalProjectionElementProps } from './IPortalProjectionElementProps';
 import { ISlottable } from '../../../Behaviors/Slottable';
+import type { PortalElement } from './PortalElement';
 declare const PortalProjectionElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof OverlayElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * The `{@link PortalProjectionElement}` element.
@@ -8,6 +9,7 @@ declare const PortalProjectionElement_base: (abstract new (...args: Array<any>)
  * @public
  */
 export declare class PortalProjectionElement extends PortalProjectionElement_base implements IPortalProjectionElementProps, ISlottable {
+    private _portal;
     /**
      * @public
      */
@@ -21,11 +23,25 @@ export declare class PortalProjectionElement extends PortalProjectionElement_bas
      * @readonly
      */
     static get is(): string;
+    /**
+     * Returns the portal assigned to this projection.
+     *
+     * @public
+     * @readonly
+     */
+    get portal(): PortalElement;
     /**
      * @public
      * @override
      */
     connectedCallback(): void;
+    /**
+     * Assigns the portal to this projection.
+     *
+     * @public
+     * @param portal The portal element to assign.
+     */
+    assign(portal: PortalElement): void;
 }
 /**
  * @public

package/Controls/Components/Primitives/Portal/PortalProjectionElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProjectionElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAMrF,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;;AAKrE;;;;GAIG;AACH,qBAUa,uBACT,SAAQ,4BACR,YAAW,6BAA6B,EAAE,UAAU;IAIpD;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;CAS5C;AAED;;GAEG;AACH,yBAAiB,uBAAuB,CAAC;IACrC,KAAY,KAAK,GAAG,6BAA6B,CAAC;CACrD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,uBAAuB,CAAC;KACvD;CAEJ"}
+{"version":3,"file":"PortalProjectionElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAMrF,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAIrD;;;;GAIG;AACH,qBAUa,uBACT,SAAQ,4BACR,YAAW,6BAA6B,EAAE,UAAU;IAIpD,OAAO,CAAC,OAAO,CAAuB;IAMtC;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAAW,MAAM,IAAI,aAAa,CAMjC;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAOzC;;;;;OAKG;IACI,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;CAM7C;AAED;;GAEG;AACH,yBAAiB,uBAAuB,CAAC;IACrC,KAAY,KAAK,GAAG,6BAA6B,CAAC;CACrD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,uBAAuB,CAAC;KACvD;CACJ"}

package/Controls/Components/Primitives/Portal/PortalProjectionElement.js

@@ -24,12 +24,16 @@ import { LayerManager } from './Portal';
  * @public
  */
 let PortalProjectionElement = class PortalProjectionElement extends Themeable(Slottable(OverlayElement)) {
+    // #region Fields
+    _portal;
+    // #endregion
     // #region Ctor
     /**
      * @public
      */
     constructor() {
         super();
+        this._portal = null;
     }
     // #endregion
     // #region Properties
@@ -44,6 +48,18 @@ let PortalProjectionElement = class PortalProjectionElement extends Themeable(Sl
     static get is() {
         return 'mosaik-portal-projection';
     }
+    /**
+     * Returns the portal assigned to this projection.
+     *
+     * @public
+     * @readonly
+     */
+    get portal() {
+        if (!this._portal) {
+            throw new Error('[PortalProjectionElement] Portal is not assigned to this projection.');
+        }
+        return this._portal;
+    }
     // #endregion
     // #region Methods
     /**
@@ -55,6 +71,15 @@ let PortalProjectionElement = class PortalProjectionElement extends Themeable(Sl
         // this.style.zIndex = LayerManager.next().toString();
         this.style.setProperty('--portal-z-index', LayerManager.next().toString());
     }
+    /**
+     * Assigns the portal to this projection.
+     *
+     * @public
+     * @param portal The portal element to assign.
+     */
+    assign(portal) {
+        this._portal = portal;
+    }
 };
 PortalProjectionElement = __decorate([
     Component({

package/Controls/Components/Primitives/Portal/PortalProjectionElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProjectionElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wCAAwC,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,aAAa;AAEb;;;;GAIG;AAWI,IAAM,uBAAuB,GAA7B,MAAM,uBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAG5C,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,0BAA0B,CAAC;IACtC,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,sDAAsD;QACtD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,YAAY,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC/E,CAAC;CAIJ,CAAA;AA9CY,uBAAuB;IAVnC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,+BAA+B;QACzC,MAAM,EAAE;YACJ,GAAG,EAAE,+BAA+B;YACpC,KAAK,EAAE,iCAAiC;YACxC,YAAY,EAAE,wCAAwC;SACzD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,uBAAuB,CA8CnC"}
+{"version":3,"file":"PortalProjectionElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wCAAwC,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,aAAa;AAEb;;;;GAIG;AAWI,IAAM,uBAAuB,GAA7B,MAAM,uBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAG5C,iBAAiB;IAET,OAAO,CAAuB;IAEtC,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,0BAA0B,CAAC;IACtC,CAAC;IAED;;;;;OAKG;IACH,IAAW,MAAM;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;QAC5F,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,sDAAsD;QACtD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,YAAY,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC/E,CAAC;IAED;;;;;OAKG;IACI,MAAM,CAAC,MAAqB;QAC/B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IAC1B,CAAC;CAIJ,CAAA;AA9EY,uBAAuB;IAVnC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,+BAA+B;QACzC,MAAM,EAAE;YACJ,GAAG,EAAE,+BAA+B;YACpC,KAAK,EAAE,iCAAiC;YACxC,YAAY,EAAE,wCAAwC;SACzD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,uBAAuB,CA8EnC"}

package/Controls/Components/Primitives/Portal/ProjectionController.d.ts

@@ -14,6 +14,11 @@ export interface IProjectionControllerConfig {
      * This is where the projected content will be rendered.
      */
     targetSelector: string;
+    /**
+     * Optional callback that is called when elements are projected.
+     * It receives the array of projected elements.
+     */
+    projecting?: (element: HTMLElement) => void;
 }
 /**
  * A controller that observes content projected into a slot in the host,
@@ -27,7 +32,15 @@ export declare class ProjectionController extends ControllerBase {
     private readonly _slotName;
     private readonly _targetSelector;
     private readonly _observer;
+    private readonly _elements;
+    private readonly _projectingFn?;
     constructor(host: ControllerHost, options: IProjectionControllerConfig);
+    /**
+     * Returns projected elements.
+     *
+     * @public
+     */
+    get elements(): Array<HTMLElement>;
     /**
      * @public
      * @override

package/Controls/Components/Primitives/Portal/ProjectionController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectionController.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/ProjectionController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAMpG;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAExC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;CAE1B;AAED;;;;;;GAMG;AACH,qBAAa,oBACT,SAAQ,cAAc;IAItB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IACzC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmB;gBAM1B,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,2BAA2B;IAa7E;;;OAGG;IACa,gBAAgB,IAAI,IAAI;IAUxC;;;OAGG;IACa,gBAAgB,IAAI,IAAI;IAMxC;;OAEG;IACH,OAAO,CAAC,cAAc;CAsBzB"}
+{"version":3,"file":"ProjectionController.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/ProjectionController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAMpG;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAExC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAE/C;AAED;;;;;;GAMG;AACH,qBAAa,oBACT,SAAQ,cAAc;IAItB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IACjD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IACzC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmB;IAC7C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAqB;IAC/C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAiC;gBAM7C,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,2BAA2B;IAe7E;;;;OAIG;IACH,IAAW,QAAQ,IAAI,KAAK,CAAC,WAAW,CAAC,CAExC;IAID;;;OAGG;IACa,gBAAgB,IAAI,IAAI;IAUxC;;;OAGG;IACa,gBAAgB,IAAI,IAAI;IAMxC;;OAEG;IACH,OAAO,CAAC,cAAc;CAiCzB"}

package/Controls/Components/Primitives/Portal/ProjectionController.js

@@ -16,6 +16,8 @@ export class ProjectionController extends ControllerBase {
     _slotName;
     _targetSelector;
     _observer;
+    _elements;
+    _projectingFn;
     // #endregion
     // #region Ctor
     constructor(host, options) {
@@ -23,9 +25,20 @@ export class ProjectionController extends ControllerBase {
         this._slotController = new SlotController(host);
         this._slotName = options.slotName ?? '';
         this._targetSelector = options.targetSelector;
+        this._projectingFn = options.projecting;
         this._observer = new MutationObserver(() => this.projectContent());
+        this._elements = [];
     }
     // #endregion
+    // #region Properties
+    /**
+     * Returns projected elements.
+     *
+     * @public
+     */
+    get elements() {
+        return this._elements;
+    }
     // #region Methods
     /**
      * @public
@@ -52,19 +65,28 @@ export class ProjectionController extends ControllerBase {
      */
     projectContent() {
         const elements = this._slotController.getAssignedElements(this._slotName);
+        this._elements.length = 0; // clear previous elements
+        elements.forEach((element) => {
+            if (element instanceof HTMLElement) {
+                this._elements.push(element);
+            }
+        });
         // Remove from host DOM to prevent double rendering
         elements.forEach((n) => {
             if (n.parentNode) {
                 n.parentNode.removeChild(n);
             }
         });
+        if (this._projectingFn) {
+            this._elements.forEach((el) => this._projectingFn?.(el));
+        }
         if (this.host.shadowRoot) {
             const portal = DomServiceLocator.current.findDescendant(this.host.shadowRoot, PortalElement.is, { strict: true });
             const target = DomServiceLocator.current.findDescendant(portal, this._targetSelector, { strict: true });
             target.replaceChildren(...elements);
         }
         else {
-            console.warn('[ProjectionController] Host does not have a shadow root. Projection will not work.');
+            console.warn('[ProjectionController]: Host does not have a shadow root. Projection will not work.');
         }
     }
 }

package/Controls/Components/Primitives/Portal/ProjectionController.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectionController.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/ProjectionController.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAuB,MAAM,+CAA+C,CAAC;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAwBhD;;;;;;GAMG;AACH,MAAM,OAAO,oBACT,SAAQ,cAAc;IAEtB,iBAAiB;IAEA,eAAe,CAAiB;IAChC,SAAS,CAAS;IAClB,eAAe,CAAS;IACxB,SAAS,CAAmB;IAE7C,aAAa;IAEb,eAAe;IAEf,YAAmB,IAAoB,EAAE,OAAoC;QACzE,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;QACxC,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;IACvE,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,gBAAgB;QAC5B,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAEzB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;YAC9B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SAChB,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,gBAAgB;QAC5B,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAE5B,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACK,cAAc;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE1E,mDAAmD;QACnD,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;gBACf,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAChC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACvB,MAAM,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAgB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACjI,MAAM,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAExG,MAAM,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC;QACxC,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,oFAAoF,CAAC,CAAC;QACvG,CAAC;IACL,CAAC;CAIJ"}
+{"version":3,"file":"ProjectionController.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Portal/ProjectionController.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Cosmopolitan.d.ts

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

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA0D9D"}

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Cosmopolitan.js

@@ -0,0 +1,72 @@
+// ------------------------------------------------------------------------------
+// <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 portalHostElementCosmopolitanStyle() {
+    return css `
+:host {
+  --portal-projection-font-family: unset;
+  --portal-projection-font-letter-spacing: unset;
+  --portal-projection-font-line-height: unset;
+  --portal-projection-font-size: unset;
+  --portal-projection-font-text-decoration: unset;
+  --portal-projection-font-text-transform: unset;
+  --portal-projection-font-weight: unset;
+  --portal-projection-gap: unset;
+  --portal-projection-padding-bottom: unset;
+  --portal-projection-padding-left: unset;
+  --portal-projection-padding-right: unset;
+  --portal-projection-padding-top: unset;
+  --portal-projection-transition-duration: unset;
+  --portal-projection-transition-mode: unset;
+  --portal-projection-transition-property: unset;
+  --portal-projection-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 {
+  pointer-events: none;
+  z-index: var(--portal-z-index, 100);
+  inset: 0;
+}
+
+:host slot::slotted(*) {
+  pointer-events: auto;
+}
+
+    `;
+}
+//# sourceMappingURL=PortalHostElement.Cosmopolitan.js.map

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Joy.d.ts

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

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA0DrD"}

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Joy.js

@@ -0,0 +1,72 @@
+// ------------------------------------------------------------------------------
+// <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 portalHostElementJoyStyle() {
+    return css `
+:host {
+  --portal-projection-font-family: unset;
+  --portal-projection-font-letter-spacing: unset;
+  --portal-projection-font-line-height: unset;
+  --portal-projection-font-size: unset;
+  --portal-projection-font-text-decoration: unset;
+  --portal-projection-font-text-transform: unset;
+  --portal-projection-font-weight: unset;
+  --portal-projection-gap: unset;
+  --portal-projection-padding-bottom: unset;
+  --portal-projection-padding-left: unset;
+  --portal-projection-padding-right: unset;
+  --portal-projection-padding-top: unset;
+  --portal-projection-transition-duration: unset;
+  --portal-projection-transition-mode: unset;
+  --portal-projection-transition-property: unset;
+  --portal-projection-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 {
+  pointer-events: none;
+  z-index: var(--portal-z-index, 100);
+  inset: 0;
+}
+
+:host slot::slotted(*) {
+  pointer-events: auto;
+}
+
+    `;
+}
+//# sourceMappingURL=PortalHostElement.Joy.js.map

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Retro.d.ts

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

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Retro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CA0DvD"}

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Retro.js

@@ -0,0 +1,72 @@
+// ------------------------------------------------------------------------------
+// <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 portalHostElementRetroStyle() {
+    return css `
+:host {
+  --portal-projection-font-family: unset;
+  --portal-projection-font-letter-spacing: unset;
+  --portal-projection-font-line-height: unset;
+  --portal-projection-font-size: unset;
+  --portal-projection-font-text-decoration: unset;
+  --portal-projection-font-text-transform: unset;
+  --portal-projection-font-weight: unset;
+  --portal-projection-gap: unset;
+  --portal-projection-padding-bottom: unset;
+  --portal-projection-padding-left: unset;
+  --portal-projection-padding-right: unset;
+  --portal-projection-padding-top: unset;
+  --portal-projection-transition-duration: unset;
+  --portal-projection-transition-mode: unset;
+  --portal-projection-transition-property: unset;
+  --portal-projection-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 {
+  pointer-events: none;
+  z-index: var(--portal-z-index, 100);
+  inset: 0;
+}
+
+:host slot::slotted(*) {
+  pointer-events: auto;
+}
+
+    `;
+}
+//# sourceMappingURL=PortalHostElement.Retro.js.map

package/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Retro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHostElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalHostElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Portal/Themes/PortalProjectionElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProjectionElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalProjectionElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wCAAwC,IAAI,SAAS,CA2DpE"}
+{"version":3,"file":"PortalProjectionElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Portal/Themes/PortalProjectionElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wCAAwC,IAAI,SAAS,CA0DpE"}

package/Controls/Components/Primitives/Portal/Themes/PortalProjectionElement.Cosmopolitan.js

@@ -60,11 +60,10 @@ export function portalProjectionElementCosmopolitanStyle() {
 :host {
   pointer-events: none;
   z-index: var(--portal-z-index, 100);
-  position: fixed;
   inset: 0;
 }
 
-:host ::slotted(*) {
+:host slot::slotted(*) {
   pointer-events: auto;
 }