@tylertech/forge-core 2.4.0-dev.3 → 3.0.0-next.0

package/README.md

@@ -1,32 +1,29 @@
-# Forge Core
+# Tyler Forge™ Core
 
-This library contains the core building blocks and utilities that are used when building Forge Web Components.
-
-This package is intended to be used directly with projects built using the Forge CLI, but there are many useful
-generic utilities that can be used directly within any web application.
+This library contains the core building blocks and utilities that are used when building Tyler Forge™ based Web Component libraries.
 
 ## Usage 
 
-```shell
-$ npm install @tylertech/forge-core
+```bash
+npm i @tylertech/forge-core
 ```
 
 ## Development
 
 Install dependencies:
 
-```shell
-$ npm install
+```bash
+npm i
 ```
 
-Build npm package:
+Build library:
 
-```shell
-$ npm run build
+```bash
+npm run build
 ```
 
 Run tests:
 
-```shell
-$ npm test
+```bash
+npm test
 ```

package/{esm → dist}/a11y/a11y.js

@@ -15,3 +15,4 @@ export function hideElementVisually(element) {
     element.style.setProperty('-webkit-appearance', 'none');
     element.style.setProperty('-moz-appearance', 'none');
 }
+//# sourceMappingURL=a11y.js.map

package/dist/a11y/a11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.js","sourceRoot":"","sources":["../../src/a11y/a11y.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAoB;IACtD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAC3B,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,eAAe,CAAC;IACrC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IAC7B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;IAC5B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;IAC5B,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;IACxD,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AACvD,CAAC"}

package/dist/a11y/index.js

@@ -0,0 +1,2 @@
+export * from './a11y';
+//# sourceMappingURL=index.js.map

package/dist/a11y/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/a11y/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/{esm → dist}/constants/date-constants.js

@@ -11,7 +11,7 @@ const daysLong = [
     'Sunday',
     'Monday',
     'Tuesday',
-    'Wedensday',
+    'Wednesday',
     'Thursday',
     'Friday',
     'Saturday'
@@ -50,3 +50,4 @@ export const DATE_CONSTANTS = {
     months,
     monthsLong
 };
+//# sourceMappingURL=date-constants.js.map

package/dist/constants/date-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-constants.js","sourceRoot":"","sources":["../../src/constants/date-constants.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,WAAW;IACX,UAAU;IACV,QAAQ;IACR,UAAU;CACX,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACN,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,UAAU;CACX,CAAC"}

package/{esm → dist}/constants/index.js

@@ -1 +1,2 @@
 export * from './date-constants';
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/{typings → dist}/custom-elements/component-utils.d.ts

@@ -46,7 +46,7 @@ export declare function attachLightTemplate<T extends HTMLElement>(componentInst
  * @param {string} elementName The name of the element the shadow root is to be attached to.
  * @param {string} template The shadow root template HTML string.
  * @param {string | string[]} styles The shadow root styles string to be encapsulated by this shadow root.
- * @param {boolean} [delegatesFocus=false] Should the component delagate focus.
+ * @param {boolean} [delegatesFocus=false] Should the component delegate focus.
  */
 export declare function attachShadowTemplate<T extends HTMLElement>(componentInstance: T, template: string, styles?: string | string[], delegatesFocus?: boolean): void;
 /**
@@ -71,13 +71,22 @@ export declare function prepareShadowTemplate(template: string, styles?: string
  */
 export declare function setShadowTemplate<T extends HTMLElement>(componentInstance: T, templateElement: HTMLTemplateElement): void;
 /**
- * Copies style rules from the provided document stylesheets collection to the provided shadow root stylesheet.
- * @param {Document} fromDocument The document to find the style sheets in.
- * @param {ShadowRoot} shadowRoot The shadow root that contains the stylesheet to copy the rules to.
- * @param {IStyleSheetDescriptor[]} styleSheetDescriptors A collection of style sheet predicates.
- * @param {CSSStyleSheet} shadowStyleSheet The shadow root stylesheet to copy the style rules to.
+ * Applies styles to the shadow root of the provided element instance.
+ * @param {T} componentInstance A component instance.
+ * @param {string | string[]} styles The styles to be applied to the shadow root.
+ * @param options Options for setting the styles.
+ */
+export declare function setShadowStyles<T extends HTMLElement>(componentInstance: T, styles: string | string[], { force }?: {
+    force: boolean;
+}): void;
+/**
+ * Reapplies styles to the shadow root of the provided element instance. This function was
+ * intended to be called after an element has been adopted by a new document to reconstruct the
+ * adopted stylesheet instances within the context of the new document.
+ *
+ * @param componentInstance The component instance to reapply styles to.
  */
-export declare function provideDocumentStyles(fromDocument: Document, shadowRoot: ShadowRoot, documentStyleSheets: Array<string | IStyleSheetDescriptor>, shadowStyleSheet: CSSStyleSheet): void;
+export declare function readoptStyles<T extends HTMLElement>(componentInstance: T): void;
 /**
  * Gets an HTML element using a query selector from the provided components` shadow root.
  * @param {HTMLElement} componentInstance The component instance that contains a shadow root.
@@ -119,7 +128,3 @@ export declare function getClosestShadowRoot(node: Node): ShadowRoot | null;
  * @param startElement The element to start finding from.
  */
 export declare function closestElement(selector: string, startElement: Element): Element | null;
-export interface IStyleSheetDescriptor {
-    name: string;
-    selectorFilter?: string;
-}

package/{esm → dist}/custom-elements/component-utils.js

@@ -1,12 +1,13 @@
 import { replaceElement, isArray, removeAllChildren, walkUpUntil } from '../utils';
+import { CUSTOM_ELEMENT_CSS_PROPERTY, CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY, CUSTOM_ELEMENT_NAME_PROPERTY, CUSTOM_ELEMENT_STYLESHEETS_PROPERTY, supportsConstructableStyleSheets } from './constants';
 /**
  * Recursively defines a component as a custom elements and all of its dependencies.
  * @param component The component to import.
  */
 export function defineCustomElement(component) {
-    tryDefine(component._customElementName, component);
-    if (isArray(component._customElementDependencies)) {
-        defineCustomElements(component._customElementDependencies);
+    tryDefine(component[CUSTOM_ELEMENT_NAME_PROPERTY], component);
+    if (isArray(component[CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY])) {
+        defineCustomElements(component[CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY]);
     }
 }
 /**
@@ -22,8 +23,7 @@ export function defineCustomElements(components) {
  * @param ctor The custom element constructor.
  */
 export function tryDefine(name, ctor, options) {
-    var _a;
-    if ((_a = window === null || window === void 0 ? void 0 : window.customElements) === null || _a === void 0 ? void 0 : _a.get(name)) {
+    if (window?.customElements?.get(name)) {
         return;
     }
     window.customElements.define(name, ctor, options);
@@ -83,11 +83,14 @@ export function attachLightTemplate(componentInstance, template) {
  * @param {string} elementName The name of the element the shadow root is to be attached to.
  * @param {string} template The shadow root template HTML string.
  * @param {string | string[]} styles The shadow root styles string to be encapsulated by this shadow root.
- * @param {boolean} [delegatesFocus=false] Should the component delagate focus.
+ * @param {boolean} [delegatesFocus=false] Should the component delegate focus.
  */
 export function attachShadowTemplate(componentInstance, template, styles, delegatesFocus = false) {
-    const templateElement = prepareShadowTemplate(template, styles);
+    const templateElement = prepareShadowTemplate(template);
     componentInstance.attachShadow({ mode: 'open', delegatesFocus });
+    if (styles) {
+        setShadowStyles(componentInstance, styles);
+    }
     setShadowTemplate(componentInstance, templateElement);
 }
 /**
@@ -101,10 +104,13 @@ export function replaceShadowTemplate(componentInstance, template, styles) {
     if (!componentInstance.shadowRoot) {
         throw new Error('This element does not contain a shadow root. Did you mean to call `attachShadowTemplate`?');
     }
-    const templateElement = prepareShadowTemplate(template, styles);
+    const templateElement = prepareShadowTemplate(template);
     if (componentInstance.shadowRoot.children.length) {
         removeAllChildren(componentInstance.shadowRoot);
     }
+    if (styles) {
+        setShadowStyles(componentInstance, styles, { force: true });
+    }
     setShadowTemplate(componentInstance, templateElement);
 }
 /**
@@ -115,10 +121,16 @@ export function replaceShadowTemplate(componentInstance, template, styles) {
  */
 export function prepareShadowTemplate(template, styles) {
     const templateElement = parseTemplateString(template);
+    // Deprecated in favor of `setShadowStyles()`, leaving for backwards compatibility
+    // TODO: remove this in next major version, and remove `styles` argument above
     if (styles) {
         styles = styles instanceof Array ? styles : [styles];
         const styleElement = document.createElement('style');
-        styleElement.type = 'text/css';
+        // eslint-disable-next-line @typescript-eslint/dot-notation
+        const nonce = window['forgeNonce'];
+        if (nonce) {
+            styleElement.setAttribute('nonce', nonce);
+        }
         styleElement.textContent = styles.join(' ');
         templateElement.content.appendChild(styleElement);
     }
@@ -133,47 +145,65 @@ export function setShadowTemplate(componentInstance, templateElement) {
     componentInstance.shadowRoot.appendChild(templateElement.content.cloneNode(true));
 }
 /**
- * Copies style rules from the provided document stylesheets collection to the provided shadow root stylesheet.
- * @param {Document} fromDocument The document to find the style sheets in.
- * @param {ShadowRoot} shadowRoot The shadow root that contains the stylesheet to copy the rules to.
- * @param {IStyleSheetDescriptor[]} styleSheetDescriptors A collection of style sheet predicates.
- * @param {CSSStyleSheet} shadowStyleSheet The shadow root stylesheet to copy the style rules to.
+ * Applies styles to the shadow root of the provided element instance.
+ * @param {T} componentInstance A component instance.
+ * @param {string | string[]} styles The styles to be applied to the shadow root.
+ * @param options Options for setting the styles.
  */
-export function provideDocumentStyles(fromDocument, shadowRoot, documentStyleSheets, shadowStyleSheet) {
-    if (!shadowStyleSheet) {
+export function setShadowStyles(componentInstance, styles, { force } = { force: false }) {
+    const ctor = componentInstance.constructor;
+    if (!componentInstance.shadowRoot || !styles) {
+        if (supportsConstructableStyleSheets) {
+            if (ctor[CUSTOM_ELEMENT_STYLESHEETS_PROPERTY]) {
+                ctor[CUSTOM_ELEMENT_STYLESHEETS_PROPERTY] = [];
+            }
+            if (componentInstance.shadowRoot) {
+                componentInstance.shadowRoot.adoptedStyleSheets = [];
+            }
+        }
         return;
     }
-    const documentSheets = [];
-    documentStyleSheets.forEach(sheet => {
-        const sheetName = typeof sheet === 'string' ? sheet : sheet.name;
-        const sheetFilter = sheet.selectorFilter;
-        const matchingStyleSheet = _findMatchingStyleSheet(fromDocument.styleSheets, sheetName);
-        if (!matchingStyleSheet) {
-            throw new Error(`Could not find stylesheet: ${sheetName}`);
+    styles = styles instanceof Array ? styles : [styles];
+    if (supportsConstructableStyleSheets) {
+        if (force || !ctor[CUSTOM_ELEMENT_STYLESHEETS_PROPERTY]) {
+            const context = componentInstance.ownerDocument.defaultView ?? window;
+            const sheet = new context.CSSStyleSheet();
+            const cssText = styles.join(' ');
+            sheet.replaceSync(cssText);
+            ctor[CUSTOM_ELEMENT_CSS_PROPERTY] = cssText;
+            ctor[CUSTOM_ELEMENT_STYLESHEETS_PROPERTY] = [sheet];
         }
-        let startIndex = shadowStyleSheet.cssRules.length;
-        for (const rule in matchingStyleSheet.cssRules) {
-            if (matchingStyleSheet.cssRules.hasOwnProperty(rule) && matchingStyleSheet.cssRules[rule].cssText && (!sheetFilter || new RegExp(sheetFilter).test(matchingStyleSheet.cssRules[rule].selectorText))) {
-                shadowStyleSheet.insertRule(matchingStyleSheet.cssRules[rule].cssText, startIndex++);
-            }
+        componentInstance.shadowRoot.adoptedStyleSheets = ctor[CUSTOM_ELEMENT_STYLESHEETS_PROPERTY];
+    }
+    else {
+        const styleElement = document.createElement('style');
+        // eslint-disable-next-line @typescript-eslint/dot-notation
+        const nonce = window['forgeNonce'];
+        if (nonce) {
+            styleElement.setAttribute('nonce', nonce);
         }
-    });
+        styleElement.textContent = styles.join(' ');
+        componentInstance.shadowRoot.appendChild(styleElement);
+    }
 }
 /**
- * Finds a stylesheet by name in the provided stylesheet list.
- * @param styleSheetList The stylesheet list to search.
- * @param sheetName The stylesheet name to find.
- * @returns {CSSStyleSheet | undefined}
+ * Reapplies styles to the shadow root of the provided element instance. This function was
+ * intended to be called after an element has been adopted by a new document to reconstruct the
+ * adopted stylesheet instances within the context of the new document.
+ *
+ * @param componentInstance The component instance to reapply styles to.
  */
-function _findMatchingStyleSheet(styleSheetList, sheetName) {
-    for (const prop in styleSheetList) {
-        if (styleSheetList.hasOwnProperty(prop) && styleSheetList[prop].href) {
-            if (new RegExp(sheetName).test(styleSheetList[prop].href)) {
-                return styleSheetList[prop];
-            }
-        }
+export function readoptStyles(componentInstance) {
+    if (!supportsConstructableStyleSheets ||
+        !componentInstance.shadowRoot ||
+        !componentInstance.constructor[CUSTOM_ELEMENT_CSS_PROPERTY]) {
+        return;
     }
-    return undefined;
+    const cssText = componentInstance.constructor[CUSTOM_ELEMENT_CSS_PROPERTY];
+    const context = componentInstance.ownerDocument.defaultView ?? window;
+    const sheet = new context.CSSStyleSheet();
+    sheet.replaceSync(cssText);
+    componentInstance.shadowRoot.adoptedStyleSheets = [sheet];
 }
 /**
  * Gets an HTML element using a query selector from the provided components` shadow root.
@@ -260,3 +290,4 @@ export function closestElement(selector, startElement) {
     }
     return __closestFrom(startElement);
 }
+//# sourceMappingURL=component-utils.js.map

package/dist/custom-elements/component-utils.js.map

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

package/dist/custom-elements/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const CUSTOM_ELEMENT_NAME_PROPERTY: unique symbol;
+export declare const CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY: unique symbol;
+export declare const CUSTOM_ELEMENT_CSS_PROPERTY: unique symbol;
+export declare const CUSTOM_ELEMENT_STYLESHEETS_PROPERTY: unique symbol;
+/** Whether the browser supports constructable stylesheets */
+export declare const supportsConstructableStyleSheets: boolean;

package/dist/custom-elements/constants.js

@@ -0,0 +1,10 @@
+export const CUSTOM_ELEMENT_NAME_PROPERTY = Symbol('Forge custom element tag name');
+export const CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY = Symbol('Forge custom element dependencies');
+export const CUSTOM_ELEMENT_CSS_PROPERTY = Symbol('Forge custom element CSS text');
+export const CUSTOM_ELEMENT_STYLESHEETS_PROPERTY = Symbol('Forge custom element CSSStyleSheet instances');
+/** Whether the browser supports constructable stylesheets */
+export const supportsConstructableStyleSheets = window.__forgeFlags__useConstructableStyleSheets !== false &&
+    window.ShadowRoot &&
+    'adoptedStyleSheets' in Document.prototype &&
+    'replace' in CSSStyleSheet.prototype;
+//# sourceMappingURL=constants.js.map

package/dist/custom-elements/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/custom-elements/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,+BAA+B,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC,mCAAmC,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,+BAA+B,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC,8CAA8C,CAAC,CAAC;AAE1G,6DAA6D;AAC7D,MAAM,CAAC,MAAM,gCAAgC,GAAG,MAAM,CAAC,yCAAyC,KAAK,KAAK;IAC1D,MAAM,CAAC,UAAU;IACjB,oBAAoB,IAAI,QAAQ,CAAC,SAAS;IAC1C,SAAS,IAAI,aAAa,CAAC,SAAS,CAAC"}

package/dist/custom-elements/decorators/core-property.d.ts

@@ -0,0 +1,27 @@
+export interface ICorePropertyOptions {
+    /**
+     * Allow Binding to a different naming convention in the core
+     * @example coreProperty({name: '_foo'}) foo;
+     */
+    name?: string;
+    /**
+     * When false, skips calling the core property setter
+     * @default true
+     * @example coreProperty({set: true}) foo;
+     */
+    set?: boolean;
+    /**
+     * When false, skips calling the core property getter
+     * @default true
+     * @example coreProperty({get: true}) foo;
+     */
+    get?: boolean;
+}
+/**
+ * This decorator is intended to be used on properties of a class that extends `HTMLElement` to dynamically
+ * create getters and setters that interact with the `_core` member of the class.
+ *
+ * @param options The core property options.
+ * @returns
+ */
+export declare function coreProperty(options?: ICorePropertyOptions): any;

package/{esm/custom-elements/decorators/foundation-property.js → dist/custom-elements/decorators/core-property.js}

@@ -1,4 +1,4 @@
-class FoundationPropertyOptions {
+class CorePropertyOptions {
     constructor(options) {
         this.get = true;
         this.set = true;
@@ -7,30 +7,36 @@ class FoundationPropertyOptions {
         }
     }
 }
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-const foundationPropertyNotFoundMessage = (className, propertyName) => `${className}\'s foundation does not contain the property \"${propertyName}\"`;
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-const foundationNotFoundMessage = (className) => `${className} does not have a foundation`;
+const CORE_PROPERTY_NAME = '_core';
+const corePropertyNotFoundMessage = (className, propertyName) => `${className}\'s core does not contain the property \"${propertyName}\"`;
+const coreNotFoundMessage = (className) => `${className} does not have a core`;
 function runIfVerified(target, propertyName, action) {
-    if (target._foundation) {
-        if (propertyName in target._foundation) {
+    if (target[CORE_PROPERTY_NAME]) {
+        if (propertyName in target[CORE_PROPERTY_NAME]) {
             return action();
         }
         else {
-            throw new Error(foundationPropertyNotFoundMessage(target.localName, propertyName));
+            throw new Error(corePropertyNotFoundMessage(target.localName, propertyName));
         }
     }
     else {
-        throw new Error(foundationNotFoundMessage(target.localName));
+        throw new Error(coreNotFoundMessage(target.localName));
     }
 }
-export function FoundationProperty(options) {
-    const allOptions = new FoundationPropertyOptions(options);
+/**
+ * This decorator is intended to be used on properties of a class that extends `HTMLElement` to dynamically
+ * create getters and setters that interact with the `_core` member of the class.
+ *
+ * @param options The core property options.
+ * @returns
+ */
+export function coreProperty(options) {
+    const allOptions = new CorePropertyOptions(options);
     return (target, name, descriptor) => {
         let defaultGet;
         let defaultSet;
         const propertyName = name;
-        const foundationPropertyName = ((options && options.name) || name).toString();
+        const corePropertyName = ((options && options.name) || name).toString();
         if (descriptor) {
             defaultGet = descriptor.get;
             defaultSet = descriptor.set;
@@ -38,8 +44,8 @@ export function FoundationProperty(options) {
             descriptor.enumerable = true;
             if (allOptions.set) {
                 descriptor.set = function (value) {
-                    return wireDescriptorSet(this, foundationPropertyName, attributes => {
-                        const desc = Object.getOwnPropertyDescriptor(target, foundationPropertyName);
+                    return wireDescriptorSet(this, corePropertyName, attributes => {
+                        const desc = Object.getOwnPropertyDescriptor(target, corePropertyName);
                         desc.set = attributes.set;
                         Reflect.defineProperty(target, propertyName, desc);
                         attributes.set(value);
@@ -48,8 +54,8 @@ export function FoundationProperty(options) {
             }
             if (allOptions.get) {
                 descriptor.get = function () {
-                    return wireDescriptorGet(this, foundationPropertyName, attributes => {
-                        const desc = Object.getOwnPropertyDescriptor(target, foundationPropertyName);
+                    return wireDescriptorGet(this, corePropertyName, attributes => {
+                        const desc = Object.getOwnPropertyDescriptor(target, corePropertyName);
                         desc.get = attributes.get;
                         Reflect.defineProperty(target, propertyName, desc);
                         return attributes.get();
@@ -63,13 +69,12 @@ export function FoundationProperty(options) {
                 const get = {
                     get() {
                         const that = this;
-                        return wireDescriptorGet(that, foundationPropertyName, attrs => {
+                        return wireDescriptorGet(that, corePropertyName, attrs => {
                             let setter;
-                            // We have to wire the setter here as well
                             if (allOptions.set) {
-                                setter = Object.assign({}, set);
+                                setter = { ...set };
                             }
-                            Reflect.defineProperty(that, foundationPropertyName, Object.assign(Object.assign({ configurable: true, enumerable: true }, attrs), setter));
+                            Reflect.defineProperty(that, corePropertyName, { configurable: true, enumerable: true, ...attrs, ...setter });
                             return attrs.get();
                         });
                     }
@@ -77,35 +82,34 @@ export function FoundationProperty(options) {
                 const set = {
                     set(value) {
                         const that = this;
-                        return wireDescriptorSet(that, foundationPropertyName, attrs => {
+                        return wireDescriptorSet(that, corePropertyName, attrs => {
                             let getter;
-                            // We have to wire the getter here as well
                             if (allOptions.get) {
-                                getter = Object.assign({}, get);
+                                getter = { ...get };
                             }
-                            Reflect.defineProperty(that, foundationPropertyName, Object.assign(Object.assign({ configurable: true, enumerable: true }, attrs), getter));
+                            Reflect.defineProperty(that, corePropertyName, { configurable: true, enumerable: true, ...attrs, ...getter });
                             attrs.set(value);
                         });
                     }
                 };
                 if (allOptions.get) {
-                    Object.assign(attributes, Object.assign({}, get));
+                    Object.assign(attributes, { ...get });
                 }
                 if (allOptions.set) {
-                    Object.assign(attributes, Object.assign({}, set));
+                    Object.assign(attributes, { ...set });
                 }
                 Reflect.defineProperty(target, propertyName, attributes);
             }
         }
     };
 }
-function setFoundation(target, value, propertyName) {
+function setCoreProperty(target, value, propertyName) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    target._foundation[propertyName] = value;
+    target[CORE_PROPERTY_NAME][propertyName] = value;
 }
-function getFoundation(target, propertyName) {
+function getCoreProperty(target, propertyName) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return target._foundation[propertyName];
+    return target[CORE_PROPERTY_NAME][propertyName];
 }
 function wireDescriptorSet(target, propertyName, wireAction, defaultSet) {
     let attributes;
@@ -113,14 +117,14 @@ function wireDescriptorSet(target, propertyName, wireAction, defaultSet) {
         attributes = {
             set(value) {
                 defaultSet.call(target, value);
-                setFoundation(target, value, propertyName);
+                setCoreProperty(target, value, propertyName);
             }
         };
     }
     else {
         attributes = {
             set(value) {
-                setFoundation(target, value, propertyName);
+                setCoreProperty(target, value, propertyName);
             }
         };
     }
@@ -132,16 +136,17 @@ function wireDescriptorGet(target, propertyName, wireAction, defaultGet) {
         attributes = {
             get() {
                 defaultGet.call(target);
-                return getFoundation(target, propertyName);
+                return getCoreProperty(target, propertyName);
             }
         };
     }
     else {
         attributes = {
             get() {
-                return getFoundation(target, propertyName);
+                return getCoreProperty(target, propertyName);
             }
         };
     }
     return runIfVerified(target, propertyName, () => wireAction(attributes));
 }
+//# sourceMappingURL=core-property.js.map

package/dist/custom-elements/decorators/core-property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-property.js","sourceRoot":"","sources":["../../../src/custom-elements/decorators/core-property.ts"],"names":[],"mappings":"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"}

package/{typings → dist}/custom-elements/decorators/custom-element.d.ts

@@ -1,6 +1,13 @@
 declare global {
     interface Window {
-        __forgeFlags__autoDefine: any;
+        __forgeFlags__autoDefine: boolean | undefined;
+        __forgeFlags__useConstructableStyleSheets: boolean | undefined;
+    }
+    interface ShadowRoot {
+        adoptedStyleSheets: CSSStyleSheet[];
+    }
+    interface CSSStyleSheet {
+        replaceSync(cssText: string): void;
     }
 }
 export interface ICustomElementConfig {
@@ -11,11 +18,9 @@ export interface ICustomElementConfig {
     /** Configures if the element will be automatically defined in the custom element registry. Default is `true` */
     define?: boolean;
 }
-export declare const CUSTOM_ELEMENT_NAME_PROPERTY = "_customElementName";
-export declare const CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY = "_customElementDependencies";
 /**
  * This decorator is intended to be used on classes that extend `HTMLElement` to
  * extend/modify the behavior of a custom element.
  * @param {ICustomElementConfig} [config={}] The custom element configuration.
  */
-export declare function CustomElement({ name, dependencies, define }: ICustomElementConfig): any;
+export declare function customElement({ name, dependencies, define }: ICustomElementConfig): any;