@breadstone/mosaik-elements-foundation 0.0.32 → 0.0.34

package/Controls/Components/Layouts/Grid/Themes/GridItemElement.Joy.js

@@ -14,17 +14,17 @@ export function gridItemElementJoyStyle() {
     return css `
 :host {
   --grid-item-font-family: unset;
-  --grid-item-font-size: unset;
-  --grid-item-font-line-height: unset;
-  --grid-item-font-weight: unset;
   --grid-item-font-letter-spacing: unset;
+  --grid-item-font-line-height: unset;
+  --grid-item-font-size: unset;
   --grid-item-font-text-decoration: unset;
   --grid-item-font-text-transform: unset;
-  --grid-item-padding-top: unset;
-  --grid-item-padding-right: unset;
+  --grid-item-font-weight: unset;
+  --grid-item-gap: unset;
   --grid-item-padding-bottom: unset;
   --grid-item-padding-left: unset;
-  --grid-item-gap: unset;
+  --grid-item-padding-right: unset;
+  --grid-item-padding-top: unset;
   --grid-item-transition-duration: unset;
   --grid-item-transition-mode: unset;
   --grid-item-transition-property: unset;

package/Controls/Components/Layouts/Grid/Themes/GridItemElement.Retro.js

@@ -14,17 +14,17 @@ export function gridItemElementRetroStyle() {
     return css `
 :host {
   --grid-item-font-family: unset;
-  --grid-item-font-size: unset;
-  --grid-item-font-line-height: unset;
-  --grid-item-font-weight: unset;
   --grid-item-font-letter-spacing: unset;
+  --grid-item-font-line-height: unset;
+  --grid-item-font-size: unset;
   --grid-item-font-text-decoration: unset;
   --grid-item-font-text-transform: unset;
-  --grid-item-padding-top: unset;
-  --grid-item-padding-right: unset;
+  --grid-item-font-weight: unset;
+  --grid-item-gap: unset;
   --grid-item-padding-bottom: unset;
   --grid-item-padding-left: unset;
-  --grid-item-gap: unset;
+  --grid-item-padding-right: unset;
+  --grid-item-padding-top: unset;
   --grid-item-transition-duration: unset;
   --grid-item-transition-mode: unset;
   --grid-item-transition-property: unset;

package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts

@@ -49,14 +49,6 @@ export declare class MasonryElement extends MasonryElement_base implements IMaso
      */
     get columns(): number;
     set columns(value: number);
-    /**
-     * @protected
-     */
-    protected onColumnsPropertyChanged(_?: number, next?: number): void;
-    /**
-     * @protected
-     */
-    protected onGapPropertyChanged(_?: CssLength, next?: CssLength): void;
 }
 /**
  * @public

package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE;;;;;;;;;;;;;;;GAeG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,QAAQ,CAAS;IAMzB;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAMW,GAAG,IAAI,SAAS,CAE1B;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,SAAS,EAS9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAMD;;OAEG;IAEH,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAInE;;OAEG;IAEH,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;CAOxE;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
+{"version":3,"file":"MasonryElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE;;;;;;;;;;;;;;;GAeG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,QAAQ,CAAS;IAMzB;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAMW,GAAG,IAAI,SAAS,CAE1B;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,SAAS,EAY9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}

package/Controls/Components/Layouts/Masonry/MasonryElement.js

@@ -9,13 +9,11 @@ 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 { RendererServiceLocator } from '../../../../Dom/Renderer';
 import { CssLength } from '@breadstone/mosaik-themes';
 import { Fitable } from '../../../Behaviors/Fitable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { Property } from '../../../Decorators/PropertyDecorator';
-import { Watch } from '../../../Decorators/WatchDecorator';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { masonryElementTemplate } from './MasonryElementTemplate';
 import { masonryElementJoyStyle } from './Themes/MasonryElement.Joy';
@@ -51,7 +49,6 @@ let MasonryElement = class MasonryElement extends Themeable(Fitable(CustomElemen
         super();
         this._gap = 0;
         this._columns = 1;
-        this._columns = 1;
     }
     // #endregion
     // #region Properties
@@ -76,13 +73,17 @@ let MasonryElement = class MasonryElement extends Themeable(Fitable(CustomElemen
         return this._gap;
     }
     set gap(value) {
-        const v = CssLength.parse(value);
+        const v = CssLength.tryParse(value);
         if (v) {
             if (this._gap !== v) {
                 this._gap = v;
                 this.requestUpdate('gap');
             }
         }
+        else {
+            this._gap = 0;
+            this.requestUpdate('gap');
+        }
     }
     /**
      * Gets or sets the `columns` property.
@@ -98,27 +99,12 @@ let MasonryElement = class MasonryElement extends Themeable(Fitable(CustomElemen
             this.requestUpdate('columns');
         }
     }
-    // #endregion
-    // #region Methods
-    /**
-     * @protected
-     */
-    onColumnsPropertyChanged(_, next) {
-        RendererServiceLocator.current.setStyle(this, '--masonry-columns', (next ?? 0).toString());
-    }
-    /**
-     * @protected
-     */
-    onGapPropertyChanged(_, next) {
-        // TODO: check if new value has a prefix like px or not, if not add px.
-        RendererServiceLocator.current.setStyle(this, '--masonry-gap', `${next ?? 0}`);
-    }
 };
 __decorate([
     Attribute({
         type: String,
         converter: {
-            fromAttribute: (value) => CssLength.parse(value)
+            fromAttribute: (value) => CssLength.tryParse(value)
         }
     }),
     __metadata("design:type", Object),
@@ -129,18 +115,6 @@ __decorate([
     __metadata("design:type", Number),
     __metadata("design:paramtypes", [Number])
 ], MasonryElement.prototype, "columns", null);
-__decorate([
-    Watch('columns'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Number, Number]),
-    __metadata("design:returntype", void 0)
-], MasonryElement.prototype, "onColumnsPropertyChanged", null);
-__decorate([
-    Watch('gap'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object, Object]),
-    __metadata("design:returntype", void 0)
-], MasonryElement.prototype, "onGapPropertyChanged", null);
 MasonryElement = __decorate([
     Component({
         selector: 'mosaik-masonry',

package/Controls/Components/Layouts/Masonry/MasonryElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MasonryElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,aAAa;AAEb;;;;;;;;;;;;;;;GAeG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAGzC,iBAAiB;IAET,IAAI,CAAY;IAChB,QAAQ,CAAS;IAEzB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,IAMW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IACD,IAAW,GAAG,CAAC,KAAgB;QAC3B,MAAM,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAI,CAAC,EAAE,CAAC;YACJ,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBAClB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;gBACd,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACd,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;CAIJ,CAAA;AAzCG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE;YACP,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;SACrE;KACJ,CAAC;;;yCAGD;AAoBD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AA5EQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,KAAK,EAAE,wBAAwB;YAC/B,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CAsF1B"}

package/Controls/Components/Layouts/Masonry/MasonryElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAIrF"}
+{"version":3,"file":"MasonryElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAUrF"}

package/Controls/Components/Layouts/Masonry/MasonryElementTemplate.js

@@ -1,3 +1,4 @@
+/* eslint-disable lit/prefer-static-styles */
 // #region Imports
 import { html } from '../../../../Dom/Html';
 // #endregion
@@ -8,6 +9,12 @@ import { html } from '../../../../Dom/Html';
  */
 export function masonryElementTemplate(e) {
     return html `
+        <style>
+            :host {
+                --masonry-gap: ${e.gap};
+                --masonry-columns: ${e.columns};
+            }
+        </style>
         <slot></slot>
     `;
 }

package/Controls/Components/Layouts/Masonry/MasonryElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IACjE,OAAO,IAAI,CAAA;;KAEV,CAAC;AACN,CAAC"}
+{"version":3,"file":"MasonryElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Masonry/MasonryElementTemplate.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IACjE,OAAO,IAAI,CAAA;;;iCAGkB,CAAC,CAAC,GAAG;qCACD,CAAC,CAAC,OAAO;;;;KAIzC,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CA4E3D"}
+{"version":3,"file":"MasonryElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CA0E3D"}

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Cosmopolitan.js

@@ -14,22 +14,20 @@ export function masonryElementCosmopolitanStyle() {
     return css `
 :host {
   --masonry-font-family: unset;
-  --masonry-font-size: unset;
-  --masonry-font-line-height: unset;
-  --masonry-font-weight: unset;
   --masonry-font-letter-spacing: unset;
+  --masonry-font-line-height: unset;
+  --masonry-font-size: unset;
   --masonry-font-text-decoration: unset;
   --masonry-font-text-transform: unset;
-  --masonry-padding-top: unset;
-  --masonry-padding-right: unset;
+  --masonry-font-weight: unset;
   --masonry-padding-bottom: unset;
   --masonry-padding-left: unset;
-  --masonry-gap: 0px;
+  --masonry-padding-right: unset;
+  --masonry-padding-top: unset;
   --masonry-transition-duration: unset;
   --masonry-transition-mode: unset;
   --masonry-transition-property: unset;
   --masonry-translate: unset;
-  --masonry-columns: 1;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0ET,CAAC;AACN,CAAC"}
+{"version":3,"file":"MasonryElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwET,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA4ElD"}
+{"version":3,"file":"MasonryElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA0ElD"}

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Joy.js

@@ -14,22 +14,20 @@ export function masonryElementJoyStyle() {
     return css `
 :host {
   --masonry-font-family: unset;
-  --masonry-font-size: unset;
-  --masonry-font-line-height: unset;
-  --masonry-font-weight: unset;
   --masonry-font-letter-spacing: unset;
+  --masonry-font-line-height: unset;
+  --masonry-font-size: unset;
   --masonry-font-text-decoration: unset;
   --masonry-font-text-transform: unset;
-  --masonry-padding-top: unset;
-  --masonry-padding-right: unset;
+  --masonry-font-weight: unset;
   --masonry-padding-bottom: unset;
   --masonry-padding-left: unset;
-  --masonry-gap: 0px;
+  --masonry-padding-right: unset;
+  --masonry-padding-top: unset;
   --masonry-transition-duration: unset;
   --masonry-transition-mode: unset;
   --masonry-transition-property: unset;
   --masonry-translate: unset;
-  --masonry-columns: 1;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0ET,CAAC;AACN,CAAC"}
+{"version":3,"file":"MasonryElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwET,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA4EpD"}
+{"version":3,"file":"MasonryElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA0EpD"}

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Retro.js

@@ -14,22 +14,20 @@ export function masonryElementRetroStyle() {
     return css `
 :host {
   --masonry-font-family: unset;
-  --masonry-font-size: unset;
-  --masonry-font-line-height: unset;
-  --masonry-font-weight: unset;
   --masonry-font-letter-spacing: unset;
+  --masonry-font-line-height: unset;
+  --masonry-font-size: unset;
   --masonry-font-text-decoration: unset;
   --masonry-font-text-transform: unset;
-  --masonry-padding-top: unset;
-  --masonry-padding-right: unset;
+  --masonry-font-weight: unset;
   --masonry-padding-bottom: unset;
   --masonry-padding-left: unset;
-  --masonry-gap: unset;
+  --masonry-padding-right: unset;
+  --masonry-padding-top: unset;
   --masonry-transition-duration: unset;
   --masonry-transition-mode: unset;
   --masonry-transition-property: unset;
   --masonry-translate: unset;
-  --masonry-columns: unset;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Masonry/Themes/MasonryElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0ET,CAAC;AACN,CAAC"}
+{"version":3,"file":"MasonryElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Masonry/Themes/MasonryElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwET,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Page/PageContentElement.d.ts

@@ -14,6 +14,7 @@ export declare class PageContentElement extends PageContentElement_base implemen
     private _fullWidthScreenWidth;
     private _fullWidth;
     private readonly _resizeController;
+    private readonly _intersectionController;
     /**
      * @public
      */
@@ -40,6 +41,9 @@ export declare class PageContentElement extends PageContentElement_base implemen
      * @override
      */
     protected onApplyTemplate(): void;
+    /**
+     * @protected
+     */
     protected onFullWidthPropertyChanged(_prev?: boolean, next?: boolean): void;
     /**
      * @protected

package/Controls/Components/Layouts/Page/PageContentElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageContentElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAS3E;;;;;;;;GAQG;AACH,qBAea,kBACT,SAAQ,uBACR,YAAW,wBAAwB;IAInC,OAAO,CAAC,qBAAqB,CAAS;IACtC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAMrD;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;;OAKG;IACH,IACW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,EAKlC;IAMD;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAW1C,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAY3E;;OAEG;IAEH,SAAS,CAAC,cAAc,IAAI,IAAI;IAIhC;;OAEG;IACH,OAAO,CAAC,QAAQ;CAyBnB;AAED;;GAEG;AACH,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CAEJ"}
+{"version":3,"file":"PageContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageContentElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAU3E;;;;;;;;GAQG;AACH,qBAea,kBACT,SAAQ,uBACR,YAAW,wBAAwB;IAInC,OAAO,CAAC,qBAAqB,CAAS;IACtC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IACrD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IAMjE;;OAEG;;IAgCH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;;OAKG;IACH,IAIW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,EAKlC;IAMD;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAU1C;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAc3E;;OAEG;IAEH,SAAS,CAAC,cAAc,IAAI,IAAI;IAMhC;;OAEG;IACH,OAAO,CAAC,QAAQ;CAyBnB;AAED;;GAEG;AACH,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CAEJ"}

package/Controls/Components/Layouts/Page/PageContentElement.js

@@ -23,6 +23,7 @@ import { pageContentElementJoyStyle } from './Themes/PageContentElement.Joy';
 import { pageContentElementRetroStyle } from './Themes/PageContentElement.Retro';
 import { pageContentElementCosmopolitanStyle } from './Themes/PageContentElement.Cosmopolitan';
 import { Themeable } from '../../../Behaviors/Themeable';
+import { IntersectionController } from '../../../Controllers/IntersectionController';
 // #endregion
 /**
  * Page Content - The main content area of a page where the primary information or functionality is presented.
@@ -38,6 +39,7 @@ let PageContentElement = class PageContentElement extends Themeable(Insetable(Al
     _fullWidthScreenWidth;
     _fullWidth;
     _resizeController;
+    _intersectionController;
     // #endregion
     // #region Ctor
     /**
@@ -49,7 +51,23 @@ let PageContentElement = class PageContentElement extends Themeable(Insetable(Al
         this._fullWidthScreenWidth = window.innerWidth;
         this._resizeController = new ResizeController(this, {
             skipInitial: true,
-            callback: () => this.onResize()
+            callback: () => {
+                if (this._fullWidth) {
+                    void this.updateComplete.then(() => {
+                        this.onResize();
+                    });
+                }
+            }
+        });
+        this._intersectionController = new IntersectionController(this, {
+            skipInitial: true,
+            callback: () => {
+                if (this._fullWidth) {
+                    void this.updateComplete.then(() => {
+                        this.onResize();
+                    });
+                }
+            }
         });
     }
     // #endregion
@@ -96,15 +114,20 @@ let PageContentElement = class PageContentElement extends Themeable(Insetable(Al
             });
         }
     }
+    /**
+     * @protected
+     */
     onFullWidthPropertyChanged(_prev, next) {
         if (next) {
             void this.updateComplete.then(() => {
                 this._resizeController.observe(this);
+                this._intersectionController.observe(this);
             });
         }
         else {
             void this.updateComplete.then(() => {
                 this._resizeController.unobserve(this);
+                this._intersectionController.unobserve(this);
             });
         }
     }
@@ -112,7 +135,9 @@ let PageContentElement = class PageContentElement extends Themeable(Insetable(Al
      * @protected
      */
     onWindowResize() {
-        this.onResize();
+        if (this._fullWidth) {
+            this.onResize();
+        }
     }
     /**
      * @private
@@ -139,7 +164,10 @@ let PageContentElement = class PageContentElement extends Themeable(Insetable(Al
     }
 };
 __decorate([
-    Attribute({ type: Boolean, useDefault: true }),
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], PageContentElement.prototype, "fullWidth", null);

package/Controls/Components/Layouts/Page/PageContentElement.js.map

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

package/Controls/Components/Layouts/Page/Themes/PageContentElement.Cosmopolitan.js

@@ -14,24 +14,24 @@ export function pageContentElementCosmopolitanStyle() {
     return css `
 :host {
   --page-content-font-family: unset;
-  --page-content-font-size: unset;
-  --page-content-font-line-height: unset;
-  --page-content-font-weight: unset;
   --page-content-font-letter-spacing: unset;
+  --page-content-font-line-height: unset;
+  --page-content-font-size: unset;
   --page-content-font-text-decoration: unset;
   --page-content-font-text-transform: unset;
-  --page-content-padding-top: unset;
-  --page-content-padding-right: unset;
+  --page-content-font-weight: unset;
+  --page-content-gap: unset;
+  --page-content-inset: unset;
+  --page-content-left: unset;
+  --page-content-max-width: unset;
   --page-content-padding-bottom: unset;
   --page-content-padding-left: unset;
-  --page-content-gap: unset;
+  --page-content-padding-right: unset;
+  --page-content-padding-top: unset;
   --page-content-transition-duration: unset;
   --page-content-transition-mode: unset;
   --page-content-transition-property: unset;
   --page-content-translate: unset;
-  --page-content-inset: unset;
-  --page-content-left: unset;
-  --page-content-max-width: unset;
   --page-content-width: unset;
 }
 

package/Controls/Components/Layouts/Page/Themes/PageContentElement.Joy.js

@@ -14,24 +14,24 @@ export function pageContentElementJoyStyle() {
     return css `
 :host {
   --page-content-font-family: unset;
-  --page-content-font-size: unset;
-  --page-content-font-line-height: unset;
-  --page-content-font-weight: unset;
   --page-content-font-letter-spacing: unset;
+  --page-content-font-line-height: unset;
+  --page-content-font-size: unset;
   --page-content-font-text-decoration: unset;
   --page-content-font-text-transform: unset;
-  --page-content-padding-top: unset;
-  --page-content-padding-right: unset;
+  --page-content-font-weight: unset;
+  --page-content-gap: unset;
+  --page-content-inset: calc(var(--joy-layout-space) * 2);
+  --page-content-left: unset;
+  --page-content-max-width: unset;
   --page-content-padding-bottom: unset;
   --page-content-padding-left: unset;
-  --page-content-gap: unset;
+  --page-content-padding-right: unset;
+  --page-content-padding-top: unset;
   --page-content-transition-duration: unset;
   --page-content-transition-mode: unset;
   --page-content-transition-property: unset;
   --page-content-translate: unset;
-  --page-content-inset: calc(var(--joy-layout-space) * 2);
-  --page-content-left: unset;
-  --page-content-max-width: unset;
   --page-content-width: unset;
 }
 

package/Controls/Components/Layouts/Page/Themes/PageContentElement.Retro.js

@@ -14,24 +14,24 @@ export function pageContentElementRetroStyle() {
     return css `
 :host {
   --page-content-font-family: unset;
-  --page-content-font-size: unset;
-  --page-content-font-line-height: unset;
-  --page-content-font-weight: unset;
   --page-content-font-letter-spacing: unset;
+  --page-content-font-line-height: unset;
+  --page-content-font-size: unset;
   --page-content-font-text-decoration: unset;
   --page-content-font-text-transform: unset;
-  --page-content-padding-top: unset;
-  --page-content-padding-right: unset;
+  --page-content-font-weight: unset;
+  --page-content-gap: unset;
+  --page-content-inset: calc(var(--retro-layout-space) * 2);
+  --page-content-left: unset;
+  --page-content-max-width: unset;
   --page-content-padding-bottom: unset;
   --page-content-padding-left: unset;
-  --page-content-gap: unset;
+  --page-content-padding-right: unset;
+  --page-content-padding-top: unset;
   --page-content-transition-duration: unset;
   --page-content-transition-mode: unset;
   --page-content-transition-property: unset;
   --page-content-translate: unset;
-  --page-content-inset: calc(var(--retro-layout-space) * 2);
-  --page-content-left: unset;
-  --page-content-max-width: unset;
   --page-content-width: unset;
 }
 

package/Controls/Components/Layouts/Page/Themes/PageElement.Cosmopolitan.js

@@ -14,17 +14,17 @@ export function pageElementCosmopolitanStyle() {
     return css `
 :host {
   --page-font-family: unset;
-  --page-font-size: unset;
-  --page-font-line-height: unset;
-  --page-font-weight: unset;
   --page-font-letter-spacing: unset;
+  --page-font-line-height: unset;
+  --page-font-size: unset;
   --page-font-text-decoration: unset;
   --page-font-text-transform: unset;
-  --page-padding-top: unset;
-  --page-padding-right: unset;
+  --page-font-weight: unset;
+  --page-gap: unset;
   --page-padding-bottom: unset;
   --page-padding-left: unset;
-  --page-gap: unset;
+  --page-padding-right: unset;
+  --page-padding-top: unset;
   --page-transition-duration: unset;
   --page-transition-mode: unset;
   --page-transition-property: unset;

package/Controls/Components/Layouts/Page/Themes/PageElement.Joy.js

@@ -14,17 +14,17 @@ export function pageElementJoyStyle() {
     return css `
 :host {
   --page-font-family: unset;
-  --page-font-size: unset;
-  --page-font-line-height: unset;
-  --page-font-weight: unset;
   --page-font-letter-spacing: unset;
+  --page-font-line-height: unset;
+  --page-font-size: unset;
   --page-font-text-decoration: unset;
   --page-font-text-transform: unset;
-  --page-padding-top: unset;
-  --page-padding-right: unset;
+  --page-font-weight: unset;
+  --page-gap: unset;
   --page-padding-bottom: unset;
   --page-padding-left: unset;
-  --page-gap: unset;
+  --page-padding-right: unset;
+  --page-padding-top: unset;
   --page-transition-duration: unset;
   --page-transition-mode: unset;
   --page-transition-property: unset;

package/Controls/Components/Layouts/Page/Themes/PageElement.Retro.js

@@ -14,17 +14,17 @@ export function pageElementRetroStyle() {
     return css `
 :host {
   --page-font-family: unset;
-  --page-font-size: unset;
-  --page-font-line-height: unset;
-  --page-font-weight: unset;
   --page-font-letter-spacing: unset;
+  --page-font-line-height: unset;
+  --page-font-size: unset;
   --page-font-text-decoration: unset;
   --page-font-text-transform: unset;
-  --page-padding-top: unset;
-  --page-padding-right: unset;
+  --page-font-weight: unset;
+  --page-gap: unset;
   --page-padding-bottom: unset;
   --page-padding-left: unset;
-  --page-gap: unset;
+  --page-padding-right: unset;
+  --page-padding-top: unset;
   --page-transition-duration: unset;
   --page-transition-mode: unset;
   --page-transition-property: unset;