@genesislcap/web-core 14.302.1-alpha-945e484.0 → 14.302.1-alpha-ecc0cfb.0

package/dist/cjs/FAST/fast-colors.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseColorHexRGB = exports.ComponentStateColorPalette = exports.ColorRGBA64 = void 0;
+var fast_colors_1 = require("@microsoft/fast-colors");
+Object.defineProperty(exports, "ColorRGBA64", { enumerable: true, get: function () { return fast_colors_1.ColorRGBA64; } });
+Object.defineProperty(exports, "ComponentStateColorPalette", { enumerable: true, get: function () { return fast_colors_1.ComponentStateColorPalette; } });
+Object.defineProperty(exports, "parseColorHexRGB", { enumerable: true, get: function () { return fast_colors_1.parseColorHexRGB; } });

package/dist/cjs/FAST/fast-components.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("@microsoft/fast-components"), exports);

package/dist/cjs/FAST/fast-element.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenesisElementDefinition = exports.GenesisElement = exports.when = exports.volatile = exports.ViewTemplate = exports.slotted = exports.repeat = exports.ref = exports.observable = exports.Observable = exports.nullableNumberConverter = exports.HTMLView = exports.HTMLBindingDirective = exports.html = exports.FASTElementDefinition = exports.FASTElement = exports.ExecutionContext = exports.ElementStyles = exports.elements = exports.DOM = exports.defaultExecutionContext = exports.customElement = exports.cssPartial = exports.CSSDirective = exports.css = exports.children = exports.BindingBehavior = exports.attr = exports.AttachedBehaviorHTMLDirective = void 0;
+const fast_element_1 = require("@microsoft/fast-element");
+Object.defineProperty(exports, "GenesisElement", { enumerable: true, get: function () { return fast_element_1.FASTElement; } });
+Object.defineProperty(exports, "GenesisElementDefinition", { enumerable: true, get: function () { return fast_element_1.FASTElementDefinition; } });
+var fast_element_2 = require("@microsoft/fast-element");
+Object.defineProperty(exports, "AttachedBehaviorHTMLDirective", { enumerable: true, get: function () { return fast_element_2.AttachedBehaviorHTMLDirective; } });
+Object.defineProperty(exports, "attr", { enumerable: true, get: function () { return fast_element_2.attr; } });
+Object.defineProperty(exports, "BindingBehavior", { enumerable: true, get: function () { return fast_element_2.BindingBehavior; } });
+Object.defineProperty(exports, "children", { enumerable: true, get: function () { return fast_element_2.children; } });
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return fast_element_2.css; } });
+Object.defineProperty(exports, "CSSDirective", { enumerable: true, get: function () { return fast_element_2.CSSDirective; } });
+Object.defineProperty(exports, "cssPartial", { enumerable: true, get: function () { return fast_element_2.cssPartial; } });
+Object.defineProperty(exports, "customElement", { enumerable: true, get: function () { return fast_element_2.customElement; } });
+Object.defineProperty(exports, "defaultExecutionContext", { enumerable: true, get: function () { return fast_element_2.defaultExecutionContext; } });
+Object.defineProperty(exports, "DOM", { enumerable: true, get: function () { return fast_element_2.DOM; } });
+Object.defineProperty(exports, "elements", { enumerable: true, get: function () { return fast_element_2.elements; } });
+Object.defineProperty(exports, "ElementStyles", { enumerable: true, get: function () { return fast_element_2.ElementStyles; } });
+Object.defineProperty(exports, "ExecutionContext", { enumerable: true, get: function () { return fast_element_2.ExecutionContext; } });
+Object.defineProperty(exports, "FASTElement", { enumerable: true, get: function () { return fast_element_2.FASTElement; } });
+Object.defineProperty(exports, "FASTElementDefinition", { enumerable: true, get: function () { return fast_element_2.FASTElementDefinition; } });
+Object.defineProperty(exports, "html", { enumerable: true, get: function () { return fast_element_2.html; } });
+Object.defineProperty(exports, "HTMLBindingDirective", { enumerable: true, get: function () { return fast_element_2.HTMLBindingDirective; } });
+Object.defineProperty(exports, "HTMLView", { enumerable: true, get: function () { return fast_element_2.HTMLView; } });
+Object.defineProperty(exports, "nullableNumberConverter", { enumerable: true, get: function () { return fast_element_2.nullableNumberConverter; } });
+Object.defineProperty(exports, "Observable", { enumerable: true, get: function () { return fast_element_2.Observable; } });
+Object.defineProperty(exports, "observable", { enumerable: true, get: function () { return fast_element_2.observable; } });
+Object.defineProperty(exports, "ref", { enumerable: true, get: function () { return fast_element_2.ref; } });
+Object.defineProperty(exports, "repeat", { enumerable: true, get: function () { return fast_element_2.repeat; } });
+Object.defineProperty(exports, "slotted", { enumerable: true, get: function () { return fast_element_2.slotted; } });
+Object.defineProperty(exports, "ViewTemplate", { enumerable: true, get: function () { return fast_element_2.ViewTemplate; } });
+Object.defineProperty(exports, "volatile", { enumerable: true, get: function () { return fast_element_2.volatile; } });
+Object.defineProperty(exports, "when", { enumerable: true, get: function () { return fast_element_2.when; } });

package/dist/cjs/FAST/fast-foundation.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabPanelTemplate = exports.tabTemplate = exports.switchTemplate = exports.startSlotTemplate = exports.sliderLabelTemplate = exports.skeletonTemplate = exports.selectTemplate = exports.radioGroupTemplate = exports.radioTemplate = exports.Registration = exports.PropertyStyleSheetBehavior = exports.progressRingTemplate = exports.progressTemplate = exports.optional = exports.menuItemTemplate = exports.menuTemplate = exports.listboxOptionTemplate = exports.listboxTemplate = exports.inject = exports.horizontalScrollTemplate = exports.FormAssociated = exports.forcedColorsStylesheetBehavior = exports.FoundationElementRegistry = exports.FoundationElement = exports.flipperTemplate = exports.endSlotTemplate = exports.dividerTemplate = exports.display = exports.disclosureTemplate = exports.DI = exports.DesignToken = exports.DesignSystem = exports.dataGridRowTemplate = exports.dataGridCellTemplate = exports.dataGridTemplate = exports.Container = exports.ComboboxAutocomplete = exports.composedParent = exports.checkboxTemplate = exports.cardTemplate = exports.calendarTemplate = exports.buttonTemplate = exports.breadcrumbTemplate = exports.breadcrumbItemTemplate = exports.badgeTemplate = exports.avatarTemplate = exports.anchoredRegionTemplate = exports.anchorTemplate = exports.accordionTemplate = exports.accordionItemTemplate = void 0;
+exports.whitespaceFilter = exports.treeViewTemplate = exports.treeItemTemplate = exports.tooltipTemplate = exports.TooltipPosition = exports.toolbarTemplate = exports.textAreaTemplate = exports.TabsOrientation = exports.tabsTemplate = void 0;
+var fast_foundation_1 = require("@microsoft/fast-foundation");
+Object.defineProperty(exports, "accordionItemTemplate", { enumerable: true, get: function () { return fast_foundation_1.accordionItemTemplate; } });
+Object.defineProperty(exports, "accordionTemplate", { enumerable: true, get: function () { return fast_foundation_1.accordionTemplate; } });
+Object.defineProperty(exports, "anchorTemplate", { enumerable: true, get: function () { return fast_foundation_1.anchorTemplate; } });
+Object.defineProperty(exports, "anchoredRegionTemplate", { enumerable: true, get: function () { return fast_foundation_1.anchoredRegionTemplate; } });
+Object.defineProperty(exports, "avatarTemplate", { enumerable: true, get: function () { return fast_foundation_1.avatarTemplate; } });
+Object.defineProperty(exports, "badgeTemplate", { enumerable: true, get: function () { return fast_foundation_1.badgeTemplate; } });
+Object.defineProperty(exports, "breadcrumbItemTemplate", { enumerable: true, get: function () { return fast_foundation_1.breadcrumbItemTemplate; } });
+Object.defineProperty(exports, "breadcrumbTemplate", { enumerable: true, get: function () { return fast_foundation_1.breadcrumbTemplate; } });
+Object.defineProperty(exports, "buttonTemplate", { enumerable: true, get: function () { return fast_foundation_1.buttonTemplate; } });
+Object.defineProperty(exports, "calendarTemplate", { enumerable: true, get: function () { return fast_foundation_1.calendarTemplate; } });
+Object.defineProperty(exports, "cardTemplate", { enumerable: true, get: function () { return fast_foundation_1.cardTemplate; } });
+Object.defineProperty(exports, "checkboxTemplate", { enumerable: true, get: function () { return fast_foundation_1.checkboxTemplate; } });
+Object.defineProperty(exports, "composedParent", { enumerable: true, get: function () { return fast_foundation_1.composedParent; } });
+Object.defineProperty(exports, "ComboboxAutocomplete", { enumerable: true, get: function () { return fast_foundation_1.ComboboxAutocomplete; } });
+Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return fast_foundation_1.Container; } });
+Object.defineProperty(exports, "dataGridTemplate", { enumerable: true, get: function () { return fast_foundation_1.dataGridTemplate; } });
+Object.defineProperty(exports, "dataGridCellTemplate", { enumerable: true, get: function () { return fast_foundation_1.dataGridCellTemplate; } });
+Object.defineProperty(exports, "dataGridRowTemplate", { enumerable: true, get: function () { return fast_foundation_1.dataGridRowTemplate; } });
+Object.defineProperty(exports, "DesignSystem", { enumerable: true, get: function () { return fast_foundation_1.DesignSystem; } });
+Object.defineProperty(exports, "DesignToken", { enumerable: true, get: function () { return fast_foundation_1.DesignToken; } });
+Object.defineProperty(exports, "DI", { enumerable: true, get: function () { return fast_foundation_1.DI; } });
+Object.defineProperty(exports, "disclosureTemplate", { enumerable: true, get: function () { return fast_foundation_1.disclosureTemplate; } });
+Object.defineProperty(exports, "display", { enumerable: true, get: function () { return fast_foundation_1.display; } });
+Object.defineProperty(exports, "dividerTemplate", { enumerable: true, get: function () { return fast_foundation_1.dividerTemplate; } });
+Object.defineProperty(exports, "endSlotTemplate", { enumerable: true, get: function () { return fast_foundation_1.endSlotTemplate; } });
+Object.defineProperty(exports, "flipperTemplate", { enumerable: true, get: function () { return fast_foundation_1.flipperTemplate; } });
+Object.defineProperty(exports, "FoundationElement", { enumerable: true, get: function () { return fast_foundation_1.FoundationElement; } });
+Object.defineProperty(exports, "FoundationElementRegistry", { enumerable: true, get: function () { return fast_foundation_1.FoundationElementRegistry; } });
+Object.defineProperty(exports, "forcedColorsStylesheetBehavior", { enumerable: true, get: function () { return fast_foundation_1.forcedColorsStylesheetBehavior; } });
+Object.defineProperty(exports, "FormAssociated", { enumerable: true, get: function () { return fast_foundation_1.FormAssociated; } });
+Object.defineProperty(exports, "horizontalScrollTemplate", { enumerable: true, get: function () { return fast_foundation_1.horizontalScrollTemplate; } });
+Object.defineProperty(exports, "inject", { enumerable: true, get: function () { return fast_foundation_1.inject; } });
+Object.defineProperty(exports, "listboxTemplate", { enumerable: true, get: function () { return fast_foundation_1.listboxTemplate; } });
+Object.defineProperty(exports, "listboxOptionTemplate", { enumerable: true, get: function () { return fast_foundation_1.listboxOptionTemplate; } });
+Object.defineProperty(exports, "menuTemplate", { enumerable: true, get: function () { return fast_foundation_1.menuTemplate; } });
+Object.defineProperty(exports, "menuItemTemplate", { enumerable: true, get: function () { return fast_foundation_1.menuItemTemplate; } });
+Object.defineProperty(exports, "optional", { enumerable: true, get: function () { return fast_foundation_1.optional; } });
+Object.defineProperty(exports, "progressTemplate", { enumerable: true, get: function () { return fast_foundation_1.progressTemplate; } });
+Object.defineProperty(exports, "progressRingTemplate", { enumerable: true, get: function () { return fast_foundation_1.progressRingTemplate; } });
+Object.defineProperty(exports, "PropertyStyleSheetBehavior", { enumerable: true, get: function () { return fast_foundation_1.PropertyStyleSheetBehavior; } });
+Object.defineProperty(exports, "Registration", { enumerable: true, get: function () { return fast_foundation_1.Registration; } });
+Object.defineProperty(exports, "radioTemplate", { enumerable: true, get: function () { return fast_foundation_1.radioTemplate; } });
+Object.defineProperty(exports, "radioGroupTemplate", { enumerable: true, get: function () { return fast_foundation_1.radioGroupTemplate; } });
+Object.defineProperty(exports, "selectTemplate", { enumerable: true, get: function () { return fast_foundation_1.selectTemplate; } });
+Object.defineProperty(exports, "skeletonTemplate", { enumerable: true, get: function () { return fast_foundation_1.skeletonTemplate; } });
+Object.defineProperty(exports, "sliderLabelTemplate", { enumerable: true, get: function () { return fast_foundation_1.sliderLabelTemplate; } });
+Object.defineProperty(exports, "startSlotTemplate", { enumerable: true, get: function () { return fast_foundation_1.startSlotTemplate; } });
+Object.defineProperty(exports, "switchTemplate", { enumerable: true, get: function () { return fast_foundation_1.switchTemplate; } });
+Object.defineProperty(exports, "tabTemplate", { enumerable: true, get: function () { return fast_foundation_1.tabTemplate; } });
+Object.defineProperty(exports, "tabPanelTemplate", { enumerable: true, get: function () { return fast_foundation_1.tabPanelTemplate; } });
+Object.defineProperty(exports, "tabsTemplate", { enumerable: true, get: function () { return fast_foundation_1.tabsTemplate; } });
+Object.defineProperty(exports, "TabsOrientation", { enumerable: true, get: function () { return fast_foundation_1.TabsOrientation; } });
+Object.defineProperty(exports, "textAreaTemplate", { enumerable: true, get: function () { return fast_foundation_1.textAreaTemplate; } });
+Object.defineProperty(exports, "toolbarTemplate", { enumerable: true, get: function () { return fast_foundation_1.toolbarTemplate; } });
+Object.defineProperty(exports, "TooltipPosition", { enumerable: true, get: function () { return fast_foundation_1.TooltipPosition; } });
+Object.defineProperty(exports, "tooltipTemplate", { enumerable: true, get: function () { return fast_foundation_1.tooltipTemplate; } });
+Object.defineProperty(exports, "treeItemTemplate", { enumerable: true, get: function () { return fast_foundation_1.treeItemTemplate; } });
+Object.defineProperty(exports, "treeViewTemplate", { enumerable: true, get: function () { return fast_foundation_1.treeViewTemplate; } });
+Object.defineProperty(exports, "whitespaceFilter", { enumerable: true, get: function () { return fast_foundation_1.whitespaceFilter; } });

package/dist/cjs/FAST/fast-router.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenesisRouter = exports.GenesisElementLayout = exports.RouterConfiguration = exports.Router = exports.RouteCollection = exports.Route = exports.FASTRouter = exports.FASTElementLayout = exports.DefaultRouteRecognizer = void 0;
+const fast_router_1 = require("@microsoft/fast-router");
+Object.defineProperty(exports, "GenesisElementLayout", { enumerable: true, get: function () { return fast_router_1.FASTElementLayout; } });
+Object.defineProperty(exports, "GenesisRouter", { enumerable: true, get: function () { return fast_router_1.FASTRouter; } });
+var fast_router_2 = require("@microsoft/fast-router");
+Object.defineProperty(exports, "DefaultRouteRecognizer", { enumerable: true, get: function () { return fast_router_2.DefaultRouteRecognizer; } });
+Object.defineProperty(exports, "FASTElementLayout", { enumerable: true, get: function () { return fast_router_2.FASTElementLayout; } });
+Object.defineProperty(exports, "FASTRouter", { enumerable: true, get: function () { return fast_router_2.FASTRouter; } });
+Object.defineProperty(exports, "Route", { enumerable: true, get: function () { return fast_router_2.Route; } });
+Object.defineProperty(exports, "RouteCollection", { enumerable: true, get: function () { return fast_router_2.RouteCollection; } });
+Object.defineProperty(exports, "Router", { enumerable: true, get: function () { return fast_router_2.Router; } });
+Object.defineProperty(exports, "RouterConfiguration", { enumerable: true, get: function () { return fast_router_2.RouterConfiguration; } });

package/dist/cjs/FAST/fast-web-utilities.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNullOrWhiteSpace = exports.uniqueId = exports.SystemColors = exports.pascalCase = exports.Orientation = exports.limit = exports.Direction = exports.classNames = void 0;
+var fast_web_utilities_1 = require("@microsoft/fast-web-utilities");
+Object.defineProperty(exports, "classNames", { enumerable: true, get: function () { return fast_web_utilities_1.classNames; } });
+Object.defineProperty(exports, "Direction", { enumerable: true, get: function () { return fast_web_utilities_1.Direction; } });
+Object.defineProperty(exports, "limit", { enumerable: true, get: function () { return fast_web_utilities_1.limit; } });
+Object.defineProperty(exports, "Orientation", { enumerable: true, get: function () { return fast_web_utilities_1.Orientation; } });
+Object.defineProperty(exports, "pascalCase", { enumerable: true, get: function () { return fast_web_utilities_1.pascalCase; } });
+Object.defineProperty(exports, "SystemColors", { enumerable: true, get: function () { return fast_web_utilities_1.SystemColors; } });
+Object.defineProperty(exports, "uniqueId", { enumerable: true, get: function () { return fast_web_utilities_1.uniqueId; } });
+Object.defineProperty(exports, "isNullOrWhiteSpace", { enumerable: true, get: function () { return fast_web_utilities_1.isNullOrWhiteSpace; } });

package/dist/cjs/FAST/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./fast-colors"), exports);
+tslib_1.__exportStar(require("./fast-components"), exports);
+tslib_1.__exportStar(require("./fast-element"), exports);
+tslib_1.__exportStar(require("./fast-foundation"), exports);
+tslib_1.__exportStar(require("./fast-router"), exports);
+tslib_1.__exportStar(require("./fast-web-utilities"), exports);

package/dist/cjs/decorators/deprecated-attr.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deprecatedAttr = void 0;
+const fast_element_1 = require("@microsoft/fast-element");
+const warningQueue = [];
+const logTimeout = 5000;
+setTimeout(() => {
+    if (warningQueue.length) {
+        console.warn(`${warningQueue.length} attribute deprecation notice(s):\n ${warningQueue.join('\n')}`);
+    }
+}, logTimeout);
+/**
+ * Value converter is an interface from FAST which lets you convert types. An example
+ * of this usage is the number converter when using `mode: number` which converts to and from
+ * the string attribute on the DOM, to the number property on the class.
+ *
+ * Instead of doing a conversion we sit in the middle and if a value is set from the attribute
+ * we know that the deprecatedName is used, hence we queue a deprecation warning. We only emit one warning
+ * per attribute per class, to stop repeat emits on change.
+ *
+ * this function needs to take all the variables in separately to capture them in the closure rather
+ * than pulling them from the `deprecatedConfig` object, as that is modified which causes issues such
+ * as infinite loops
+ */
+const deprecationLogger = (className, deprecatedName, attributeName, converter) => ({
+    hasEmitLog: false,
+    toView(value) {
+        return converter ? converter.toView(value) : value;
+    },
+    fromView(value) {
+        if (value && !this.hasEmitLog) {
+            this.hasEmitLog = true;
+            warningQueue.push(`Deprecation warning: attribute name "${deprecatedName}" on component "${className}" is deprecated. Please use "${attributeName}" instead.`);
+        }
+        return converter ? converter.fromView(value) : value;
+    },
+});
+function deprecatedAttr(configOrTarget, prop) {
+    let config;
+    function decorator($target, $prop) {
+        if (arguments.length > 1) {
+            // Non invocation:
+            // - @attr
+            // Invocation with or w/o opts:
+            // - @attr()
+            // - @attr({...opts})
+            config.property = $prop;
+        }
+        fast_element_1.AttributeConfiguration.locate($target.constructor).push(config);
+        if ('deprecatedName' in config) {
+            const deprecatedConfig = structuredClone(config);
+            deprecatedConfig.converter = deprecationLogger($target.constructor.name, deprecatedConfig.deprecatedName, deprecatedConfig.attribute, deprecatedConfig.converter);
+            deprecatedConfig.attribute = config.deprecatedName.toLowerCase();
+            fast_element_1.AttributeConfiguration.locate($target.constructor).push(deprecatedConfig);
+        }
+    }
+    if (arguments.length > 1) {
+        // Non invocation:
+        // - @attr
+        config = {};
+        decorator(configOrTarget, prop);
+        return;
+    }
+    // Invocation with or w/o opts:
+    // - @attr()
+    // - @attr({...opts})
+    config = configOrTarget === void 0 ? {} : configOrTarget;
+    return decorator;
+}
+exports.deprecatedAttr = deprecatedAttr;

package/dist/cjs/decorators/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./deprecated-attr"), exports);

package/dist/cjs/directives/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./sync"), exports);
+tslib_1.__exportStar(require("./when-else"), exports);

package/dist/cjs/directives/sync.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sync = exports.defaultEventMap = void 0;
+const fast_element_1 = require("@microsoft/fast-element");
+/**
+ * A map that associates specific HTML element tags with their corresponding default event names.
+ * @public
+ */
+exports.defaultEventMap = new Map([
+    ['FAST-TEXT-AREA', 'input'],
+    ['FAST-TEXT-FIELD', 'input'],
+    ['FOUNDATION-TEXT-AREA', 'input'],
+    ['FOUNDATION-TEXT-FIELD', 'input'],
+    ['INPUT', 'input'],
+    ['ZERO-TEXT-FIELD', 'input'],
+]);
+function customUpdateTarget(value) {
+    if (this['keyAttr']) {
+        // FUI-389: set initial state based on keyAttr
+    }
+    else {
+        this.target[this.targetName] = value;
+    }
+}
+function bind(source, context) {
+    if (this['keyAttr']) {
+        // overwrite internal update method called by originalBind
+        this.updateTarget = customUpdateTarget;
+    }
+    this.originalBind.call(this, source, context);
+    this.target.addEventListener(this.changeEvent, this.changeHandler);
+}
+function unbind() {
+    this.originalUnbind.call(this);
+    this.target.removeEventListener(this.changeEvent, this.changeHandler);
+}
+function determineChangeEvent(target, eventName) {
+    var _a;
+    const tag = target.tagName;
+    if (eventName === 'default') {
+        return (_a = exports.defaultEventMap.get(tag)) !== null && _a !== void 0 ? _a : 'change';
+    }
+    return eventName;
+}
+class SyncDirective extends fast_element_1.HTMLBindingDirective {
+    constructor(binding, convert, eventName, keyAttr) {
+        super(binding);
+        this.keyAttr = keyAttr;
+        this.conversionType = convert;
+        this.eventName = eventName;
+    }
+    createBehavior(target) {
+        const behavior = super.createBehavior(target);
+        behavior.originalBind = behavior.bind;
+        behavior.originalUnbind = behavior.unbind;
+        behavior.keyAttr = this.keyAttr;
+        behavior.bind = bind;
+        behavior.unbind = unbind;
+        behavior.changeEvent = determineChangeEvent(target, this.eventName);
+        behavior.changeHandler = () => {
+            // for checkbox, which is currently the only component converting to boolean, will have to change if boolean conversion is used anywhere else
+            const value = this.conversionType === 'boolean' ? behavior.target.checked : behavior.target.value;
+            if (this.keyAttr) {
+                const last = behavior.bindingObserver.last;
+                const key = behavior.target[this.keyAttr];
+                last.propertySource[last.propertyName][key] = this.convert(value);
+            }
+            else {
+                // Wait for an official setValue API
+                const last = behavior.bindingObserver.last;
+                last.propertySource[last.propertyName] = this.convert(value);
+            }
+        };
+        return behavior;
+    }
+    convert(value) {
+        if (value === undefined || value === null)
+            return value;
+        switch (this.conversionType) {
+            case 'time':
+                const msSinceEpoch = new Date(value).getTime();
+                return isNaN(msSinceEpoch) ? undefined : msSinceEpoch;
+            case 'number':
+                return value.length ? Number(value) : undefined; // Number('') returns 0
+            case 'string':
+                return String(value);
+            case 'boolean':
+                return Boolean(value);
+            default:
+                return value;
+        }
+    }
+}
+/**
+ * Creates a synchronization directive that binds a data source to an HTML element,
+ * @public
+ */
+function sync(binding, conversionType = 'string', eventName = 'default', keyAttr) {
+    return new SyncDirective(binding, conversionType, eventName, keyAttr);
+}
+exports.sync = sync;

package/dist/cjs/directives/when-else.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.whenElse = void 0;
+/**
+ * Directive that allows supplying an "else" template to the traditional {@link https://www.fast.design/docs/api/fast-element.when/#when-function} directive
+ *
+ * @param binding - The condition to test for rendering.
+ * @param trueTemplateOrTemplateBinding - The template or a binding that gets the template to render when the condition is true.
+ * @param falseTemplateOrTemplateBinding - The template or a binding that gets the template to render when the condition is false.
+ * @public
+ */
+function whenElse(binding, trueTemplateOrTemplateBinding, falseTemplateOrTemplateBinding) {
+    const getTemplate = (template) => typeof template === 'function' ? template : () => template;
+    const trueTemplate = getTemplate(trueTemplateOrTemplateBinding);
+    const falseTemplate = getTemplate(falseTemplateOrTemplateBinding);
+    return (source, context) => binding(source, context) ? trueTemplate(source, context) : falseTemplate(source, context);
+}
+exports.whenElse = whenElse;

package/dist/cjs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./directives"), exports);
+tslib_1.__exportStar(require("./FAST"), exports);
+tslib_1.__exportStar(require("./patterns"), exports);
+tslib_1.__exportStar(require("./decorators"), exports);

package/dist/cjs/patterns/define.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineFactory = void 0;
+const FAST_1 = require("../FAST");
+const defaultDefinitionOverrider = (base) => (override) => (Object.assign(Object.assign({}, base), override));
+/**
+ * Defines a platform custom element based on the provided type and definition.
+ *
+ * @example
+ * An example using custom definition merge logic, useful if you need to impose hard restrictions.
+ * ```ts
+ * const definitionOverrider = (definition) => ({
+ *    ...baseDefinition,
+ *    ...definition,
+ *    styles: baseDefinition.styles,
+ *    shadowOptions: {
+ *      mode: 'closed,
+ *    },
+ * });
+ * export const define = defineFactory(LoginForm, definitionOverrider);
+ * ```
+ *
+ * @example
+ * You can provide the base definition if you're happy with the default spread operator merge logic.
+ * ```ts
+ * export const define = defineFactory(LoginForm, baseDefinition);
+ * ```
+ *
+ * @param Type - The custom element Type / Class to define.
+ * @param overriderOrBase - A function that merges definitions, or the base definition if custom merging is not needed.
+ * @returns The type class.
+ * @beta
+ */
+const defineFactory = (Type, overriderOrBase) => (definition) => {
+    const overrider = typeof overriderOrBase === 'function'
+        ? overriderOrBase
+        : defaultDefinitionOverrider(overriderOrBase);
+    return FAST_1.GenesisElement.define(class extends Type {
+    }, overrider(definition));
+};
+exports.defineFactory = defineFactory;

package/dist/cjs/patterns/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./define"), exports);
+tslib_1.__exportStar(require("./tag-for"), exports);

package/dist/cjs/patterns/tag-for.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tagFor = void 0;
+const FAST_1 = require("../FAST");
+/**
+ * Determines what HTML tag name to use for the dependency.
+ * @param dependency - The dependency the template is dependent on.
+ * @returns The tag name to use in markup.
+ * @beta
+ */
+function tagFor(dependency) {
+    if (typeof dependency === 'string') {
+        return dependency;
+    }
+    if (typeof dependency === 'function') {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        dependency = FAST_1.GenesisElementDefinition.forType(dependency); // < using forType instead of getByType for now...
+        if (!dependency) {
+            throw new Error('Missing GenesisElement definition.');
+        }
+    }
+    return dependency.name;
+}
+exports.tagFor = tagFor;

package/dist/dts/patterns/define.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/patterns/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAEzF;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE,+BAA+B,KAAK,KAAK,CAAC;AAE3F;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAChC,QAAQ,EAAE,+BAA+B,KACtC,+BAA+B,CAAC;AASrC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,aAAa,GACvB,KAAK,SAAS,aAAa,CAAC,cAAc,CAAC,EAC1C,MAAM,KAAK,EACX,iBAAiB,mBAAmB,GAAG,+BAA+B,KACrE,cAAc,CAAC,KAAK,CAOtB,CAAC"}
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/patterns/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAEzF;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE,+BAA+B,KAAK,KAAK,CAAC;AAE3F;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAChC,QAAQ,EAAE,+BAA+B,KACtC,+BAA+B,CAAC;AASrC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,aAAa,8EAGL,mBAAmB,GAAG,+BAA+B,0BAQvE,CAAC"}

package/dist/dts/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.52.10"
+      "packageVersion": "7.34.9"
     }
   ]
 }

package/dist/web-core.api.json

@@ -1,7 +1,7 @@
 {
   "metadata": {
     "toolPackage": "@microsoft/api-extractor",
-    "toolVersion": "7.52.10",
+    "toolVersion": "7.34.9",
     "schemaVersion": 1011,
     "oldestForwardsCompatibleVersion": 1001,
     "tsdocConfig": {
@@ -260,13 +260,17 @@
           }
         },
         {
-          "kind": "Function",
-          "canonicalReference": "@genesislcap/web-core!defineFactory:function(1)",
+          "kind": "Variable",
+          "canonicalReference": "@genesislcap/web-core!defineFactory:var",
           "docComment": "/**\n * Defines a platform custom element based on the provided type and definition.\n *\n * @param Type - The custom element Type / Class to define.\n *\n * @param overriderOrBase - A function that merges definitions, or the base definition if custom merging is not needed.\n *\n * @returns The type class.\n *\n * @example\n *\n * An example using custom definition merge logic, useful if you need to impose hard restrictions.\n * ```ts\n * const definitionOverrider = (definition) => ({\n *    ...baseDefinition,\n *    ...definition,\n *    styles: baseDefinition.styles,\n *    shadowOptions: {\n *      mode: 'closed,\n *    },\n * });\n * export const define = defineFactory(LoginForm, definitionOverrider);\n * ```\n *\n * @example\n *\n * You can provide the base definition if you're happy with the default spread operator merge logic.\n * ```ts\n * export const define = defineFactory(LoginForm, baseDefinition);\n * ```\n *\n * @beta\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "defineFactory: <TType extends "
+              "text": "defineFactory: "
+            },
+            {
+              "kind": "Content",
+              "text": "<TType extends "
             },
             {
               "kind": "Reference",
@@ -284,19 +288,7 @@
             },
             {
               "kind": "Content",
-              "text": ">"
-            },
-            {
-              "kind": "Content",
-              "text": ">(Type: "
-            },
-            {
-              "kind": "Content",
-              "text": "TType"
-            },
-            {
-              "kind": "Content",
-              "text": ", overriderOrBase: "
+              "text": ">>(Type: TType, overriderOrBase: "
             },
             {
               "kind": "Reference",
@@ -327,44 +319,13 @@
             }
           ],
           "fileUrlPath": "src/patterns/define.ts",
-          "returnTypeTokenRange": {
-            "startIndex": 12,
-            "endIndex": 14
-          },
+          "isReadonly": true,
           "releaseTag": "Beta",
-          "overloadIndex": 1,
-          "parameters": [
-            {
-              "parameterName": "Type",
-              "parameterTypeTokenRange": {
-                "startIndex": 6,
-                "endIndex": 7
-              },
-              "isOptional": false
-            },
-            {
-              "parameterName": "overriderOrBase",
-              "parameterTypeTokenRange": {
-                "startIndex": 8,
-                "endIndex": 11
-              },
-              "isOptional": false
-            }
-          ],
-          "typeParameters": [
-            {
-              "typeParameterName": "TType",
-              "constraintTokenRange": {
-                "startIndex": 1,
-                "endIndex": 5
-              },
-              "defaultTypeTokenRange": {
-                "startIndex": 0,
-                "endIndex": 0
-              }
-            }
-          ],
-          "name": "defineFactory"
+          "name": "defineFactory",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 12
+          }
         },
         {
           "kind": "TypeAlias",

package/docs/api/index.md

@@ -6,25 +6,7 @@
 
 ## Packages
 
-<table><thead><tr><th>
-
-Package
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[@genesislcap/web-core](./web-core.md)
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
+|  Package | Description |
+|  --- | --- |
+|  [@genesislcap/web-core](./web-core.md) |  |