smoothly 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_63.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32]},[[0,"filters","onFilterUpdate"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[2,"smoothly-addresses",{"value":[16],"editable":[16]}],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[6,"smoothly-table-cell"],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[1,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[4,"smoothly-form",{"looks":[513]}],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-address",{"value":[16],"editable":[4]}],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[1,"smoothly-filter",{"criteria":[1040],"inputValue":[1032,"input-value"],"isExpanded":[32],"freeSearchValue":[32]},[[0,"filter","filterHandler"]]],[1,"smoothly-filter-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[2,"min-length"],"showLabel":[516,"show-label"],"maxLength":[2,"max-length"],"autocomplete":[4],"pattern":[16],"placeholder":[1],"disabled":[4],"readonly":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[2,"smoothly-address-display",{"value":[16],"editable":[4]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32],"reset":[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"filter":[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"showLabel":[516,"show-label"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
+  return index.bootstrapLazy([["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_63.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32]},[[0,"filters","onFilterUpdate"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[2,"smoothly-addresses",{"value":[16],"editable":[16]}],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[6,"smoothly-table-cell"],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[1,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[4,"smoothly-form",{"looks":[513],"name":[1],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-address",{"value":[16],"editable":[4]}],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[1,"smoothly-filter",{"criteria":[1040],"inputValue":[1032,"input-value"],"isExpanded":[32],"freeSearchValue":[32]},[[0,"filter","filterHandler"]]],[1,"smoothly-filter-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[2,"min-length"],"showLabel":[516,"show-label"],"maxLength":[2,"max-length"],"autocomplete":[4],"pattern":[16],"placeholder":[1],"disabled":[4],"readonly":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[2,"smoothly-address-display",{"value":[16],"editable":[4]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32],"reset":[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"filter":[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"showLabel":[516,"show-label"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
   });
 };
 

package/dist/cjs/smoothly-accordion_63.cjs.entry.js

@@ -20978,6 +20978,25 @@ exports.and = and;
 //# sourceMappingURL=And.js.map
 });
 
+var Criteria_1 = createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCriteria = exports.Criteria = void 0;
+(function (Criteria) {
+    Criteria.is = isCriteria;
+})(exports.Criteria || (exports.Criteria = {}));
+function isCriteria(value, recursive = false) {
+    return (typeof value == "number" ||
+        typeof value == "string" ||
+        value instanceof Rule_1.Rule ||
+        (recursive &&
+            typeof value == "object" &&
+            value &&
+            Object.values(value).every(value => Array.isArray(value) ? value.every(value => isCriteria(value, true)) : isCriteria(value, true))));
+}
+exports.isCriteria = isCriteria;
+//# sourceMappingURL=Criteria.js.map
+});
+
 var Level_1 = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 (function (Level) {
@@ -23229,17 +23248,6 @@ Type_1.Type.String.add(complete);
 //# sourceMappingURL=Includes.js.map
 });
 
-var Criteria = createCommonjsModule(function (module, exports) {
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isCriteria = void 0;
-
-function isCriteria(value) {
-    return typeof value == "number" || typeof value == "string" || value.class instanceof Rule_1.Rule;
-}
-exports.isCriteria = isCriteria;
-//# sourceMappingURL=Criteria.js.map
-});
-
 var Some_1 = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.some = exports.Some = void 0;
@@ -23301,9 +23309,10 @@ class Is extends Rule_1.Rule {
         this.symbol = ":";
     }
     is(value, object) {
-        return Array.isArray(value) && (0, Criteria.isCriteria)(this.value)
+        return Array.isArray(value) && (0, Criteria_1.isCriteria)(this.value)
             ? (0, Some_1.some)(this.value, value)
-            : (isNaN(+value) ? value : +value) == (typeof this.value == "object" ? this.value.evaluate(object) : this.value);
+            : (typeof value == "boolean" ? value.toString() : isNaN(+value) ? value : +value) ==
+                (typeof this.value == "object" ? this.value.evaluate(object) : this.value);
     }
     toString() {
         return this.value.toString();
@@ -24024,6 +24033,12 @@ exports.InfixOperator = void 0;
 
 
 class InfixOperator extends Expression_1.Expression {
+    toString() {
+        const symbol = this.symbol;
+        return (this.left.stringify(InfixOperator.getPrecedence(symbol)) +
+            ` ${symbol} ` +
+            this.right.stringify(InfixOperator.getPrecedence(symbol)));
+    }
     constructor(symbol, precedence, left, right) {
         super();
         this.precedence = precedence;
@@ -24032,12 +24047,6 @@ class InfixOperator extends Expression_1.Expression {
         this.class = "InfixOperator";
         this.symbol = symbol.replace(/ /g, "");
     }
-    toString() {
-        const symbol = this.symbol;
-        return (this.left.stringify(InfixOperator.getPrecedence(symbol)) +
-            ` ${symbol} ` +
-            this.right.stringify(InfixOperator.getPrecedence(symbol)));
-    }
     evaluate(criteria) {
         let result;
         switch (this.getSymbol()) {
@@ -24519,9 +24528,97 @@ exports.Tuple = Tuple;
 //# sourceMappingURL=Tuple.js.map
 });
 
+var selectively = createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.within = exports.startsWith = exports.some = exports.resolve = exports.property = exports.parseExpression = exports.parse = exports.or = exports.not = exports.match = exports.is = exports.includes = exports.lesserThanOrEqual = exports.lesserThan = exports.greaterThanOrEqual = exports.greaterThan = exports.filter = exports.has = exports.every = exports.endsWith = exports.create = exports.and = exports.any = exports.Within = exports.Value = exports.Type = exports.Tuple = exports.StartsWith = exports.Some = exports.Rule = exports.Property = exports.Or = exports.Not = exports.Match = exports.Is = exports.Includes = exports.LesserThanOrEqual = exports.LesserThan = exports.GreaterThanOrEqual = exports.GreaterThan = exports.Has = exports.FunctionCall = exports.Every = exports.EndsWith = exports.Criteria = exports.Any = exports.And = void 0;
+
+
+Object.defineProperty(exports, "And", { enumerable: true, get: function () { return And_1.And; } });
+Object.defineProperty(exports, "and", { enumerable: true, get: function () { return And_1.and; } });
+
+Object.defineProperty(exports, "Any", { enumerable: true, get: function () { return Any_1.Any; } });
+Object.defineProperty(exports, "any", { enumerable: true, get: function () { return Any_1.any; } });
+
+Object.defineProperty(exports, "Criteria", { enumerable: true, get: function () { return Criteria_1.Criteria; } });
+
+Object.defineProperty(exports, "EndsWith", { enumerable: true, get: function () { return EndsWith_1.EndsWith; } });
+Object.defineProperty(exports, "endsWith", { enumerable: true, get: function () { return EndsWith_1.endsWith; } });
+
+Object.defineProperty(exports, "Every", { enumerable: true, get: function () { return Every_1.Every; } });
+Object.defineProperty(exports, "every", { enumerable: true, get: function () { return Every_1.every; } });
+
+Object.defineProperty(exports, "FunctionCall", { enumerable: true, get: function () { return FunctionCall_1.FunctionCall; } });
+
+Object.defineProperty(exports, "GreaterThan", { enumerable: true, get: function () { return GreaterThan_1.GreaterThan; } });
+Object.defineProperty(exports, "greaterThan", { enumerable: true, get: function () { return GreaterThan_1.greaterThan; } });
+
+Object.defineProperty(exports, "GreaterThanOrEqual", { enumerable: true, get: function () { return GreaterThanOrEqual_1.GreaterThanOrEqual; } });
+Object.defineProperty(exports, "greaterThanOrEqual", { enumerable: true, get: function () { return GreaterThanOrEqual_1.greaterThanOrEqual; } });
+
+Object.defineProperty(exports, "Has", { enumerable: true, get: function () { return Has_1.Has; } });
+Object.defineProperty(exports, "has", { enumerable: true, get: function () { return Has_1.has; } });
+
+Object.defineProperty(exports, "Includes", { enumerable: true, get: function () { return Includes_1.Includes; } });
+Object.defineProperty(exports, "includes", { enumerable: true, get: function () { return Includes_1.includes; } });
+
+Object.defineProperty(exports, "Is", { enumerable: true, get: function () { return Is_1.Is; } });
+
+Object.defineProperty(exports, "LesserThan", { enumerable: true, get: function () { return LesserThan_1.LesserThan; } });
+Object.defineProperty(exports, "lesserThan", { enumerable: true, get: function () { return LesserThan_1.lesserThan; } });
+
+Object.defineProperty(exports, "LesserThanOrEqual", { enumerable: true, get: function () { return LesserThanOrEqual_1.LesserThanOrEqual; } });
+Object.defineProperty(exports, "lesserThanOrEqual", { enumerable: true, get: function () { return LesserThanOrEqual_1.lesserThanOrEqual; } });
+
+Object.defineProperty(exports, "Match", { enumerable: true, get: function () { return Match_1.Match; } });
+Object.defineProperty(exports, "match", { enumerable: true, get: function () { return Match_1.match; } });
+
+Object.defineProperty(exports, "Not", { enumerable: true, get: function () { return Not_1.Not; } });
+Object.defineProperty(exports, "not", { enumerable: true, get: function () { return Not_1.not; } });
+
+Object.defineProperty(exports, "Or", { enumerable: true, get: function () { return Or_1.Or; } });
+Object.defineProperty(exports, "or", { enumerable: true, get: function () { return Or_1.or; } });
+
+Object.defineProperty(exports, "parse", { enumerable: true, get: function () { return parse$2.parse; } });
+Object.defineProperty(exports, "parseExpression", { enumerable: true, get: function () { return parse$2.parseExpression; } });
+
+Object.defineProperty(exports, "Property", { enumerable: true, get: function () { return Property_1.Property; } });
+Object.defineProperty(exports, "property", { enumerable: true, get: function () { return Property_1.property; } });
+
+Object.defineProperty(exports, "resolve", { enumerable: true, get: function () { return resolve.resolve; } });
+
+Object.defineProperty(exports, "create", { enumerable: true, get: function () { return Rule_1.create; } });
+Object.defineProperty(exports, "Rule", { enumerable: true, get: function () { return Rule_1.Rule; } });
+
+Object.defineProperty(exports, "Some", { enumerable: true, get: function () { return Some_1.Some; } });
+Object.defineProperty(exports, "some", { enumerable: true, get: function () { return Some_1.some; } });
+
+Object.defineProperty(exports, "StartsWith", { enumerable: true, get: function () { return StartsWith_1.StartsWith; } });
+Object.defineProperty(exports, "startsWith", { enumerable: true, get: function () { return StartsWith_1.startsWith; } });
+
+Object.defineProperty(exports, "Tuple", { enumerable: true, get: function () { return Tuple_1.Tuple; } });
+
+Object.defineProperty(exports, "Type", { enumerable: true, get: function () { return Type_1.Type; } });
+
+Object.defineProperty(exports, "Value", { enumerable: true, get: function () { return Value_1.Value; } });
+
+Object.defineProperty(exports, "Within", { enumerable: true, get: function () { return Within_1.Within; } });
+Object.defineProperty(exports, "within", { enumerable: true, get: function () { return Within_1.within; } });
+function is(criteria, value) {
+    const result = (0, Rule_1.create)(criteria);
+    return value ? result.is(value) : result;
+}
+exports.is = is;
+function filter(criteria, value) {
+    const c = (0, Rule_1.create)(criteria);
+    return c.filter(value);
+}
+exports.filter = filter;
+//# sourceMappingURL=selectively.js.map
+});
+
 var dist = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.within = exports.startsWith = exports.some = exports.resolve = exports.property = exports.parseExpression = exports.parse = exports.or = exports.not = exports.match = exports.is = exports.includes = exports.lesserThanOrEqual = exports.lesserThan = exports.greaterThanOrEqual = exports.greaterThan = exports.filter = exports.has = exports.every = exports.endsWith = exports.create = exports.and = exports.any = exports.Within = exports.Value = exports.Type = exports.Tuple = exports.StartsWith = exports.Some = exports.Rule = exports.Property = exports.Or = exports.Not = exports.Match = exports.Is = exports.Includes = exports.LesserThanOrEqual = exports.LesserThan = exports.GreaterThanOrEqual = exports.GreaterThan = exports.Has = exports.FunctionCall = exports.Every = exports.EndsWith = exports.Any = exports.And = void 0;
+exports.within = exports.startsWith = exports.some = exports.resolve = exports.property = exports.parseExpression = exports.parse = exports.or = exports.not = exports.match = exports.is = exports.includes = exports.lesserThanOrEqual = exports.lesserThan = exports.greaterThanOrEqual = exports.greaterThan = exports.filter = exports.has = exports.every = exports.endsWith = exports.create = exports.and = exports.any = exports.Within = exports.Value = exports.Type = exports.Tuple = exports.StartsWith = exports.Some = exports.Rule = exports.Property = exports.Or = exports.Not = exports.Match = exports.Is = exports.Includes = exports.LesserThanOrEqual = exports.LesserThan = exports.GreaterThanOrEqual = exports.GreaterThan = exports.Has = exports.FunctionCall = exports.Every = exports.EndsWith = exports.Criteria = exports.Any = exports.And = exports.selectively = void 0;
 
 
 Object.defineProperty(exports, "And", { enumerable: true, get: function () { return And_1.And; } });
@@ -24530,6 +24627,8 @@ Object.defineProperty(exports, "and", { enumerable: true, get: function () { ret
 Object.defineProperty(exports, "Any", { enumerable: true, get: function () { return Any_1.Any; } });
 Object.defineProperty(exports, "any", { enumerable: true, get: function () { return Any_1.any; } });
 
+Object.defineProperty(exports, "Criteria", { enumerable: true, get: function () { return Criteria_1.Criteria; } });
+
 Object.defineProperty(exports, "EndsWith", { enumerable: true, get: function () { return EndsWith_1.EndsWith; } });
 Object.defineProperty(exports, "endsWith", { enumerable: true, get: function () { return EndsWith_1.endsWith; } });
 
@@ -24602,6 +24701,7 @@ function filter(criteria, value) {
     return c.filter(value);
 }
 exports.filter = filter;
+exports.selectively = selectively;
 //# sourceMappingURL=index.js.map
 });
 
@@ -24705,17 +24805,53 @@ const SmoothlyFilterInput = class {
 };
 SmoothlyFilterInput.style = styleCss$F;
 
-const styleCss$E = "smoothly-form{display:block}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:10em;width:40%}smoothly-form[looks=\"border\"]>form>fieldset>*,smoothly-form[looks=\"grid\"]>form>fieldset>*{border:rgb(var(--smoothly-default-contrast)) solid 1px}smoothly-form[looks=\"line\"]>form>fieldset>*{border-bottom:rgb(var(--smoothly-default-contrast)) solid 1px}smoothly-form[looks=\"grid\"]>form>fieldset{border:rgba(var(--smoothly-default-contrast), .5) solid .5px}smoothly-form[looks=\"grid\"]>form>fieldset>*{border:rgba(var(--smoothly-default-contrast), .5) solid .5px}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset{gap:2em}smoothly-form>form>[slot=submit]{margin:.5em auto;max-width:10em}";
+var Clearable;
+(function (Clearable) {
+  function is(value) {
+    return value && typeof value == "object" && typeof value.clear == "function";
+  }
+  Clearable.is = is;
+})(Clearable || (Clearable = {}));
+
+var Data$1;
+(function (Data) {
+  function set(data, [head, ...tail], value) {
+    const current = data[head !== null && head !== void 0 ? head : ""];
+    return Object.assign(Object.assign({}, data), { [head !== null && head !== void 0 ? head : ""]: !tail.length
+        ? value
+        : set(typeof current == "object" && !(current instanceof Blob) ? current : {}, tail, value) });
+  }
+  Data.set = set;
+  function deepen(data) {
+    return Object.entries(data).reduce((result, [name, value]) => set(result, name.split("."), value), {});
+  }
+  Data.deepen = deepen;
+})(Data$1 || (Data$1 = {}));
+
+const styleCss$E = "smoothly-form{display:block}smoothly-form>form{position:\"relative\"}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:10em;width:40%}smoothly-form[looks=\"border\"]>form>fieldset>*,smoothly-form[looks=\"grid\"]>form>fieldset>*{border:rgb(var(--smoothly-default-contrast)) solid 1px}smoothly-form[looks=\"line\"]>form>fieldset>*{border-bottom:rgb(var(--smoothly-default-contrast)) solid 1px}smoothly-form[looks=\"grid\"]>form>fieldset{border:rgba(var(--smoothly-default-contrast), .5) solid .5px}smoothly-form[looks=\"grid\"]>form>fieldset>*{border:rgba(var(--smoothly-default-contrast), .5) solid .5px}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset{gap:2em}smoothly-form>form>[slot=submit]{margin:.5em auto;max-width:10em}";
 
 const SmoothlyForm = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.smoothlyInput = index.createEvent(this, "smoothlyInput", 7);
+    this.value = {};
+    this.clearables = new Map();
     this.looks = "plain";
+    this.name = undefined;
+  }
+  async smoothlyInputHandler(event) {
+    event.stopPropagation();
+    this.value = Object.entries(event.detail).reduce((r, [name, value]) => Data$1.set(r, name.split("."), value), this.value);
+    if (Clearable.is(event.target)) {
+      const clearable = event.target;
+      Object.keys(event.detail).forEach(key => this.clearables.set(key, clearable));
+    }
+  }
+  async clear() {
+    new Set(this.clearables.values()).forEach(clearable => clearable.clear());
   }
   render() {
-    return (index.h("form", { action: "done", style: {
-        position: "relative",
-      } }, index.h("fieldset", null, index.h("slot", null)), index.h("slot", { name: "submit" })));
+    return (index.h("form", null, index.h("fieldset", null, index.h("slot", null)), index.h("slot", { name: "submit" })));
   }
 };
 SmoothlyForm.style = styleCss$E;
@@ -25348,7 +25484,7 @@ const SmoothlyInput = class {
     if (value != before) {
       if (typeof value == "string")
         value = value.trim();
-      this.smoothlyInput.emit({ name: this.name, value });
+      this.smoothlyInput.emit({ [this.name]: value });
     }
   }
   onCurrency() {
@@ -25368,6 +25504,9 @@ const SmoothlyInput = class {
       this.keepFocusOnReRender = false;
     }
   }
+  async clear() {
+    this.value = undefined;
+  }
   async getFormData(name) {
     const result = {};
     const form = document.forms.namedItem(name);
@@ -25401,7 +25540,7 @@ const SmoothlyInput = class {
   onBlur(event) {
     this.smoothlyBlur.emit();
     if (this.initialValue != this.value)
-      this.smoothlyChange.emit({ name: this.name, value: this.value });
+      this.smoothlyChange.emit({ [this.name]: this.value });
     this.initialValue = undefined;
   }
   onFocus(event) {

package/dist/cjs/smoothly.cjs.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_63.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32]},[[0,"filters","onFilterUpdate"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[2,"smoothly-addresses",{"value":[16],"editable":[16]}],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[6,"smoothly-table-cell"],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[1,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[4,"smoothly-form",{"looks":[513]}],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-address",{"value":[16],"editable":[4]}],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[1,"smoothly-filter",{"criteria":[1040],"inputValue":[1032,"input-value"],"isExpanded":[32],"freeSearchValue":[32]},[[0,"filter","filterHandler"]]],[1,"smoothly-filter-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[2,"min-length"],"showLabel":[516,"show-label"],"maxLength":[2,"max-length"],"autocomplete":[4],"pattern":[16],"placeholder":[1],"disabled":[4],"readonly":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[2,"smoothly-address-display",{"value":[16],"editable":[4]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32],"reset":[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"filter":[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"showLabel":[516,"show-label"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
+  return index.bootstrapLazy([["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_63.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32]},[[0,"filters","onFilterUpdate"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[2,"smoothly-addresses",{"value":[16],"editable":[16]}],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[6,"smoothly-table-cell"],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[1,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[4,"smoothly-form",{"looks":[513],"name":[1],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-address",{"value":[16],"editable":[4]}],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[1,"smoothly-filter",{"criteria":[1040],"inputValue":[1032,"input-value"],"isExpanded":[32],"freeSearchValue":[32]},[[0,"filter","filterHandler"]]],[1,"smoothly-filter-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[2,"min-length"],"showLabel":[516,"show-label"],"maxLength":[2,"max-length"],"autocomplete":[4],"pattern":[16],"placeholder":[1],"disabled":[4],"readonly":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[2,"smoothly-address-display",{"value":[16],"editable":[4]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32],"reset":[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"filter":[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"showLabel":[516,"show-label"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/form/Clearable.js

@@ -0,0 +1,7 @@
+export var Clearable;
+(function (Clearable) {
+  function is(value) {
+    return value && typeof value == "object" && typeof value.clear == "function";
+  }
+  Clearable.is = is;
+})(Clearable || (Clearable = {}));

package/dist/collection/components/form/Data.js

@@ -0,0 +1,14 @@
+export var Data;
+(function (Data) {
+  function set(data, [head, ...tail], value) {
+    const current = data[head !== null && head !== void 0 ? head : ""];
+    return Object.assign(Object.assign({}, data), { [head !== null && head !== void 0 ? head : ""]: !tail.length
+        ? value
+        : set(typeof current == "object" && !(current instanceof Blob) ? current : {}, tail, value) });
+  }
+  Data.set = set;
+  function deepen(data) {
+    return Object.entries(data).reduce((result, [name, value]) => set(result, name.split("."), value), {});
+  }
+  Data.deepen = deepen;
+})(Data || (Data = {}));

package/dist/collection/components/form/index.js

@@ -1,12 +1,26 @@
 import { h } from "@stencil/core";
+import { Clearable } from "./Clearable";
+import { Data } from "./Data";
 export class SmoothlyForm {
   constructor() {
+    this.value = {};
+    this.clearables = new Map();
     this.looks = "plain";
+    this.name = undefined;
+  }
+  async smoothlyInputHandler(event) {
+    event.stopPropagation();
+    this.value = Object.entries(event.detail).reduce((r, [name, value]) => Data.set(r, name.split("."), value), this.value);
+    if (Clearable.is(event.target)) {
+      const clearable = event.target;
+      Object.keys(event.detail).forEach(key => this.clearables.set(key, clearable));
+    }
+  }
+  async clear() {
+    new Set(this.clearables.values()).forEach(clearable => clearable.clear());
   }
   render() {
-    return (h("form", { action: "done", style: {
-        position: "relative",
-      } }, h("fieldset", null, h("slot", null)), h("slot", { name: "submit" })));
+    return (h("form", null, h("fieldset", null, h("slot", null)), h("slot", { name: "submit" })));
   }
   static get is() { return "smoothly-form"; }
   static get originalStyleUrls() {
@@ -38,7 +52,76 @@ export class SmoothlyForm {
         "attribute": "looks",
         "reflect": true,
         "defaultValue": "\"plain\""
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "smoothlyInput",
+        "name": "smoothlyInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ name: string; value: Data }",
+          "resolved": "{ name: string; value: Data; }",
+          "references": {
+            "Data": {
+              "location": "import",
+              "path": "./Data"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "clear": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
     };
   }
+  static get listeners() {
+    return [{
+        "name": "smoothlyInput",
+        "method": "smoothlyInputHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/form/style.css

@@ -1,6 +1,9 @@
 smoothly-form {
 	display: block;
 }
+smoothly-form > form {
+	position: "relative";
+}
 smoothly-form > form > fieldset {
 	display: flex;
 	flex-flow: row wrap;

package/dist/collection/components/input/index.js

@@ -43,7 +43,7 @@ export class SmoothlyInput {
     if (value != before) {
       if (typeof value == "string")
         value = value.trim();
-      this.smoothlyInput.emit({ name: this.name, value });
+      this.smoothlyInput.emit({ [this.name]: value });
     }
   }
   onCurrency() {
@@ -63,6 +63,9 @@ export class SmoothlyInput {
       this.keepFocusOnReRender = false;
     }
   }
+  async clear() {
+    this.value = undefined;
+  }
   async getFormData(name) {
     const result = {};
     const form = document.forms.namedItem(name);
@@ -96,7 +99,7 @@ export class SmoothlyInput {
   onBlur(event) {
     this.smoothlyBlur.emit();
     if (this.initialValue != this.value)
-      this.smoothlyChange.emit({ name: this.name, value: this.value });
+      this.smoothlyChange.emit({ [this.name]: this.value });
     this.initialValue = undefined;
   }
   onFocus(event) {
@@ -481,9 +484,13 @@ export class SmoothlyInput {
           "text": ""
         },
         "complexType": {
-          "original": "{ name: string; value: any }",
-          "resolved": "{ name: string; value: any; }",
-          "references": {}
+          "original": "Record<string, any>",
+          "resolved": "{ [x: string]: any; }",
+          "references": {
+            "Record": {
+              "location": "global"
+            }
+          }
         }
       }, {
         "method": "smoothlyInput",
@@ -496,14 +503,34 @@ export class SmoothlyInput {
           "text": ""
         },
         "complexType": {
-          "original": "{ name: string; value: any }",
-          "resolved": "{ name: string; value: any; }",
-          "references": {}
+          "original": "Record<string, any>",
+          "resolved": "{ [x: string]: any; }",
+          "references": {
+            "Record": {
+              "location": "global"
+            }
+          }
         }
       }];
   }
   static get methods() {
     return {
+      "clear": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "getFormData": {
         "complexType": {
           "signature": "(name: string) => Promise<Record<string, any>>",