@breadstone/mosaik-elements-foundation 0.0.12-beta.8 → 0.0.13

package/Theming/vNext/Theme2Element.js

@@ -1,304 +0,0 @@
-// #region Imports
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var Theme2Element_1;
-import { ITheme, IThemePalette } from '@breadstone/mosaik-themes';
-import { Component } from '../../Controls/Decorators/ComponentDecorator';
-import { CustomElement } from '../../Controls/Components/Abstracts/CustomElement';
-import { theme2ElementTemplate } from './Theme2ElementTemplate';
-import { theme2ElementStyle } from './Theme2ElementStyle';
-import { Property } from '../../Controls/Decorators/PropertyDecorator';
-import { Watch } from '../../Controls/Decorators/WatchDecorator';
-import { DomServiceLocator } from '../../Dom/Dom';
-import { RendererServiceLocator } from '../../Dom/Renderer';
-import { Equals } from '../../Equality/Equals';
-import { CssLength } from '../../Theming/Types';
-import { Theme2 } from './Theme2';
-// #endregion
-/**
- * The `{@link Theme2Element}` element.
- *
- * @public
- */
-let Theme2Element = Theme2Element_1 = class Theme2Element extends CustomElement {
-    // #region Fields
-    _theme;
-    _isInline;
-    // #endregion
-    // #region Ctor
-    /**
-     * @public
-     */
-    constructor() {
-        super();
-        Theme2.register(this);
-        this._theme = null;
-        this._isInline = false;
-    }
-    // #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-theme2';
-    }
-    // #endregion
-    // #region Properties
-    /**
-     * Gets or sets the `theme` property.
-     *
-     * @public
-     */
-    get theme() {
-        return this._theme;
-    }
-    set theme(value) {
-        if (!Equals.areObjectsEqual(this._theme, value)) {
-            // if (value) {
-            //     value = Observable.observe(value, (next) => {
-            //         this.applyTheme(next);
-            //     });
-            // }
-            this._theme = value;
-            this.requestUpdate('theme');
-        }
-    }
-    /**
-     * Gets or sets the `isInline` property.
-     *
-     * @public
-     */
-    get isInline() {
-        return this._isInline;
-    }
-    set isInline(value) {
-        if (this._isInline !== value) {
-            this._isInline = value;
-            this.requestUpdate('isInline');
-        }
-    }
-    // #endregion
-    // #region Methods
-    connectedCallback() {
-        super.connectedCallback();
-        this.applyTheme(this._theme);
-    }
-    disconnectedCallback() {
-        Theme2.unregister(this);
-    }
-    /**
-     * @internal
-     */
-    applyScheme(theme) {
-        const themeName = this._theme?.name ?? '';
-        const variables = new Map();
-        Object.entries(theme).forEach(([key, value]) => {
-            Object.entries(value).forEach(([k, v]) => {
-                k = k.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/\s+/g, '-')
-                    .toLowerCase();
-                variables.set(`--${themeName}-scheme-${key}-${k}`, v);
-            });
-        });
-        variables.forEach((v, k) => {
-            RendererServiceLocator.current.setStyle(this, k, v);
-        });
-        this.tryApplyRootTheme();
-    }
-    /**
-     * @internal
-     */
-    applyPalette(palette) {
-        const themeName = this._theme?.name ?? '';
-        const variables = new Map();
-        Object.entries(palette).forEach(([mode, modeValues]) => {
-            Object.entries(modeValues).forEach(([modePalette, modePaletteValues]) => {
-                if (!IThemePalette.isThemePalette(modePaletteValues)) {
-                    variables.set(`--${themeName}-color-${mode}-${modePalette}`, modePaletteValues);
-                    return;
-                }
-                Object.entries(modePaletteValues).forEach(([k, v]) => {
-                    k = k.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/\s+/g, '-')
-                        .toLowerCase();
-                    variables.set(`--${themeName}-color-${mode}-${modePalette}-${k}`, v);
-                });
-            });
-        });
-        variables.forEach((v, k) => {
-            RendererServiceLocator.current.setStyle(this, k, v);
-        });
-        this.tryApplyRootTheme();
-    }
-    /**
-     * @internal
-     */
-    applyFontFamily(fontFamily) {
-        const themeName = this._theme?.name ?? '';
-        const typos = Object.keys(this._theme?.typography ?? {});
-        RendererServiceLocator.current.setStyle(this, `--${themeName}-font-family`, fontFamily);
-        typos.forEach((x) => {
-            RendererServiceLocator.current.setStyle(this, `--${themeName}-typography-${x}-font-family`, fontFamily);
-        });
-        this.tryApplyRootTheme();
-    }
-    /**
-     * @internal
-     */
-    applyTypography(typography) {
-        const themeName = this._theme?.name ?? '';
-        const themeFontFamily = this._theme?.fontFamily ?? '';
-        Object.entries(typography).forEach(([name, value]) => {
-            Object.entries(value).forEach(([key, v]) => {
-                key = key.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/\s+/g, '-')
-                    .toLowerCase();
-                RendererServiceLocator.current.setStyle(this, `--${themeName}-typography-${name}-${key}`, v);
-            });
-            RendererServiceLocator.current.setStyle(this, `--${themeName}-typography-${name}`, `${value.fontWeight} ${value.fontSize}/${value.lineHeight} ${themeFontFamily}`);
-        });
-        this.tryApplyRootTheme();
-    }
-    /**
-     * @internal
-     */
-    applyLayout(layout) {
-        const themeName = this._theme?.name ?? '';
-        // Validate that each property in newValue is a px value.
-        Object.values(layout).forEach((x) => {
-            if (typeof x === 'number') {
-                x = `${x}px`;
-            }
-            else if (x === 'auto') {
-                throw new Error(`### MOSAIK: The layout property '${x}' must be a px value.`);
-            }
-            else if (CssLength.extracthUnit(x) !== 'px') {
-                throw new Error(`### MOSAIK: The layout property '${x}' must be a px value.`);
-            }
-        });
-        Object.entries(layout).forEach(([key, value]) => {
-            key = key.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/\s+/g, '-')
-                .toLowerCase();
-            value = typeof value === 'number' ? `${value}px` : value;
-            RendererServiceLocator.current.setStyle(this, `--${themeName}-layout-${key}`, value);
-        });
-        this.tryApplyRootTheme();
-    }
-    /**
-     * @internal
-     */
-    applyElevation(elevation) {
-        const themeName = this._theme?.name ?? '';
-        Object.entries(elevation).forEach(([key, value]) => {
-            Object.entries(value).forEach(([k, v]) => {
-                k = k.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/\s+/g, '-')
-                    .toLowerCase();
-                RendererServiceLocator.current.setStyle(this, `--${themeName}-elevation-${key}-${k}`, v);
-            });
-        });
-        this.tryApplyRootTheme();
-    }
-    onThemePropertyChanged(prev, next) {
-        if (prev !== next && next) {
-            this.applyTheme(next);
-        }
-    }
-    /**
-     * Applies the theme properties to the root element of the DOM.
-     *
-     * @private
-     */
-    tryApplyRootTheme() {
-        if (this._isInline) {
-            return;
-        }
-        const isRootTheme = DomServiceLocator.current.findAncestor(this, Theme2Element_1) === this;
-        const themeName = this._theme?.name ?? '';
-        if (isRootTheme) {
-            // Apply all theme properties to the root theme element
-            this.computedStyleMap().forEach((value, key) => {
-                // Only filter for '--' because css variables starts with '--'
-                if (key.startsWith('--')) {
-                    if (key.startsWith(`--${themeName}-`)) {
-                        this.setGlobalVariable(key.replace(`--${themeName}-`, ''), value.toString());
-                    }
-                    else {
-                        console.warn(`### MOSAIK: The property '${key}' is not a theme property.`);
-                    }
-                }
-            });
-        }
-    }
-    _style = null;
-    /**
-     * @private
-     */
-    setGlobalVariable(property, value) {
-        //     const sheet = new CSSStyleSheet();
-        //    // sheet.
-        //     // Apply the stylesheet to a document
-        //     document.adoptedStyleSheets = [sheet];
-        // this._style.sheet?.cssRules.item(0)?..setProperty(property, value.toString());
-        if (!this._style) {
-            this._style = document.createElement('style');
-            this._style.setAttribute('mosaik-global-style', '');
-            this._style.setAttribute('type', 'text/css');
-            this._style.sheet?.insertRule(':root { --xxx: red; } ', 0);
-            document.head.appendChild(this._style);
-        }
-        const rule = this._style.sheet?.cssRules.item(0);
-        const name = this._theme?.name ?? '';
-        document.documentElement.style.setProperty(`--${name}-${property}`, value);
-    }
-    /**
-     * @private
-     */
-    applyTheme(theme) {
-        if (!theme) {
-            return;
-        }
-        this.applyScheme(theme.scheme);
-        this.applyPalette(theme.palette);
-        this.applyFontFamily(theme.fontFamily);
-        this.applyTypography(theme.typography);
-        this.applyLayout(theme.layout);
-        this.applyElevation(theme.elevation);
-    }
-};
-__decorate([
-    Property({ type: Object }),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], Theme2Element.prototype, "theme", null);
-__decorate([
-    Property({ type: Boolean }),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], Theme2Element.prototype, "isInline", null);
-__decorate([
-    Watch('theme'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object, Object]),
-    __metadata("design:returntype", void 0)
-], Theme2Element.prototype, "onThemePropertyChanged", null);
-Theme2Element = Theme2Element_1 = __decorate([
-    Component({
-        selector: 'mosaik-theme2',
-        template: theme2ElementTemplate,
-        styles: theme2ElementStyle,
-        imports: []
-    }),
-    __metadata("design:paramtypes", [])
-], Theme2Element);
-export { Theme2Element };
-//# sourceMappingURL=Theme2Element.js.map

package/Theming/vNext/Theme2Element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2Element.js","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2Element.ts"],"names":[],"mappings":"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"}

package/Theming/vNext/Theme2ElementStyle.d.ts

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

package/Theming/vNext/Theme2ElementStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2ElementStyle.d.ts","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2ElementStyle.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAIpD;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,SAAS,CAiC9C"}

package/Theming/vNext/Theme2ElementStyle.js

@@ -1,47 +0,0 @@
-// ------------------------------------------------------------------------------
-// <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 theme2ElementStyle() {
-    return css `
-@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 {
-  display: contents;
-}
-
-    `;
-}
-//# sourceMappingURL=Theme2ElementStyle.js.map

package/Theming/vNext/Theme2ElementStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2ElementStyle.js","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2ElementStyle.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,eAAe,CAAC;AAEpD,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BT,CAAC;AACN,CAAC"}

package/Theming/vNext/Theme2ElementTemplate.d.ts

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

package/Theming/vNext/Theme2ElementTemplate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2ElementTemplate.d.ts","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2ElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAInF"}

package/Theming/vNext/Theme2ElementTemplate.js

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

package/Theming/vNext/Theme2ElementTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme2ElementTemplate.js","sourceRoot":"","sources":["../../../src/Theming/vNext/Theme2ElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,gBAAgB,CAAC;AAG3D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;;KAEV,CAAC;AACN,CAAC"}

package/Types/Disposable.d.ts

@@ -1,7 +0,0 @@
-export interface IDisposableLike {
-    dispose: () => void;
-}
-export declare namespace IDisposableLike {
-    function create(dispose: () => void): IDisposableLike;
-}
-//# sourceMappingURL=Disposable.d.ts.map

package/Types/Disposable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Disposable.d.ts","sourceRoot":"","sources":["../../src/Types/Disposable.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,yBAAiB,eAAe,CAAC;IAC7B,SAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,eAAe,CAK3D;CACJ"}

package/Types/Disposable.js

@@ -1,11 +0,0 @@
-export var IDisposableLike;
-(function (IDisposableLike) {
-    function create(dispose) {
-        return {
-            dispose
-            // [Symbol.dispose]: dispose
-        };
-    }
-    IDisposableLike.create = create;
-})(IDisposableLike || (IDisposableLike = {}));
-//# sourceMappingURL=Disposable.js.map

package/Types/Disposable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Disposable.js","sourceRoot":"","sources":["../../src/Types/Disposable.ts"],"names":[],"mappings":"AAIA,MAAM,KAAW,eAAe,CAO/B;AAPD,WAAiB,eAAe;IAC5B,SAAgB,MAAM,CAAC,OAAmB;QACtC,OAAO;YACH,OAAO;YACP,4BAA4B;SAC/B,CAAC;IACN,CAAC;IALe,sBAAM,SAKrB,CAAA;AACL,CAAC,EAPgB,eAAe,KAAf,eAAe,QAO/B"}