smoothly 1.0.0-alpha.99 → 1.0.0

package/dist/collection/components/filter/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/filter/field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAOzC,MAAM,OAAO,mBAAmB;;;;EAK/B,KAAK,CAAC,KAAK;;IACV,MAAM,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;EAC1B,CAAC;EACD,eAAe;;IACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;EAC1E,CAAC;EACD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE;MAChF,sBACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC9C,cAAc,EAAE,CAAC,CAAC,EAAE;UACnB,CAAC,CAAC,eAAe,EAAE,CAAA;UACnB,IAAI,CAAC,eAAe,EAAE,CAAA;QACvB,CAAC,EACD,qBAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC,CAAC,EAAE;UACpB,CAAC,CAAC,eAAe,EAAE,CAAA;QACpB,CAAC,aAEe,CACX,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement | undefined\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.input?.value ?? \"\"))\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host onKeyDown={(e: KeyboardEvent) => e.key == \"Enter\" && this.filterFieldEmit()}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyBlur={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/filter/field/style.css

@@ -0,0 +1,4 @@
+:host {
+	flex-grow: 5;
+}
+

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

@@ -1,46 +1,49 @@
-import { h } from "@stencil/core";
-import * as selectively from "selectively";
-import { create as selectivelyCreate } from "selectively";
-import { Clearable } from "./Clearable";
+import { h, Host } from "@stencil/core";
+import { selectively } from "selectively";
+import { Filter } from "./Filter";
 export class SmoothlyFilter {
   constructor() {
-    this.inputs = new Map();
-    this.placeholder = undefined;
+    this.updating = false;
+    this.filters = new Set();
+    this.detailChildren = undefined;
+    this.criteria = selectively.and();
     this.expanded = false;
-    this.freeSearchValue = undefined;
-    this.criteria = {};
-    this.inputValue = undefined;
   }
-  filterHandler(event) {
+  updateHandler(event) {
     event.stopPropagation();
-    if (Clearable.is(event.target)) {
-      const target = event.target;
-      Object.keys(event.detail).forEach(key => this.inputs.set(key, target));
+    if (Filter.Element.type.is(event.target))
+      this.filters.add(event.detail);
+  }
+  manipulateHandler(event) {
+    event.stopPropagation();
+    this.updating = true;
+    this.criteria = event.detail(this.criteria);
+    this.smoothlyFilter.emit(this.criteria);
+    this.filters.forEach(update => update(this.criteria));
+    this.updating = false;
+  }
+  filterFieldHandler(event) {
+    event.stopPropagation();
+    if (!this.updating) {
+      this.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)));
+      this.filters.forEach(update => update(this.criteria));
     }
-    !this.freeSearchValue
-      ? this.filters.emit((this.criteria = Object.assign(Object.assign({}, this.criteria), event.detail)))
-      : this.filters.emit(selectively.and(selectively.any(selectively.includes(this.freeSearchValue)), (this.criteria = Object.assign(Object.assign({}, this.criteria), event.detail))));
   }
-  onKeyDown() {
+  clear() {
     var _a;
-    this.freeSearchValue = (_a = this.freeSearchElement) === null || _a === void 0 ? void 0 : _a.value;
-    this.inputValue = selectively.includes(this.freeSearchValue);
-    this.filters.emit(selectively.any(this.inputValue));
-  }
-  async clear(event) {
-    new Set(this.inputs.values()).forEach(input => input.clear());
-    this.filters.emit((this.criteria = {}));
+    (_a = this.field) === null || _a === void 0 ? void 0 : _a.clear();
+    this.smoothlyFilter.emit((this.criteria = selectively.and()));
+    this.filters.forEach(update => update(this.criteria));
   }
   render() {
-    return [
-      h("smoothly-form", { looks: "border" }, h("smoothly-input", { name: "filter", ref: element => (this.freeSearchElement = element), value: selectivelyCreate(this.criteria).stringify(), onKeyDown: () => this.onKeyDown(), placeholder: this.placeholder }, h("section", { slot: "start" }, h("slot", { name: "start" })), h("slot", null), h("section", { slot: "end" }, h("smoothly-button", { size: "flexible", onClick: e => this.clear(e) }, h("smoothly-icon", { class: Object.keys(this.criteria).length >= 1 ? "btn clear" : "btn hidden", name: "close", size: "tiny" })), h("smoothly-button", { size: "flexible", class: "btn", onClick: () => {
-          this.expanded = !this.expanded;
-        } }, this.expanded ? (h("smoothly-icon", { name: "options", size: "small" })) : (h("smoothly-icon", { name: "options-outline", size: "small" })))))),
-      h("section", { hidden: !this.expanded, class: this.expanded ? "container arrow-top" : "hidden" }, h("div", { hidden: !this.expanded, class: this.expanded ? "container-wrapper" : "hidden" }, this.expanded && h("slot", { name: "filter" }))),
-    ];
+    return (h(Host, null, h("slot", { name: "bar" }), h("smoothly-filter-field", { criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (h("smoothly-icon", { name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
+        this.clear();
+      } })), h("div", { class: this.expanded ? "container arrow-top" : "hidden" }, h("slot", { name: "detail" })), h("smoothly-icon", { name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
+        this.expanded = !this.expanded;
+      } }), h("div", { class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
   }
   static get is() { return "smoothly-filter"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
     return {
       "$": ["style.css"]
@@ -51,83 +54,17 @@ export class SmoothlyFilter {
       "$": ["style.css"]
     };
   }
-  static get properties() {
-    return {
-      "placeholder": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string | undefined",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "placeholder",
-        "reflect": false
-      },
-      "criteria": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "Record<string, Criteria>",
-          "resolved": "{ [x: string]: Criteria; }",
-          "references": {
-            "Record": {
-              "location": "global"
-            },
-            "Criteria": {
-              "location": "import",
-              "path": "selectively"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
-      },
-      "inputValue": {
-        "type": "any",
-        "mutable": true,
-        "complexType": {
-          "original": "Criteria",
-          "resolved": "Helper[] | Rule | number | string | { [property: string]: Helper | Helper[]; }",
-          "references": {
-            "Criteria": {
-              "location": "import",
-              "path": "selectively"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "input-value",
-        "reflect": false
-      }
-    };
-  }
   static get states() {
     return {
-      "expanded": {},
-      "freeSearchValue": {}
+      "detailChildren": {},
+      "criteria": {},
+      "expanded": {}
     };
   }
   static get events() {
     return [{
-        "method": "filters",
-        "name": "filters",
+        "method": "smoothlyFilter",
+        "name": "smoothlyFilter",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
@@ -136,10 +73,10 @@ export class SmoothlyFilter {
           "text": ""
         },
         "complexType": {
-          "original": "Criteria",
+          "original": "selectively.Criteria",
           "resolved": "Helper[] | Rule | number | string | { [property: string]: Helper | Helper[]; }",
           "references": {
-            "Criteria": {
+            "selectively": {
               "location": "import",
               "path": "selectively"
             }
@@ -147,36 +84,22 @@ export class SmoothlyFilter {
         }
       }];
   }
-  static get methods() {
-    return {
-      "clear": {
-        "complexType": {
-          "signature": "(event: MouseEvent) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "MouseEvent": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
   static get listeners() {
     return [{
-        "name": "filter",
-        "method": "filterHandler",
+        "name": "smoothlyFilterUpdate",
+        "method": "updateHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "smoothlyFilterManipulate",
+        "method": "manipulateHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "smoothlyFilterField",
+        "method": "filterFieldHandler",
         "target": undefined,
         "capture": false,
         "passive": false

package/dist/collection/components/filter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/filter/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Method, Prop, State } from \"@stencil/core\"\nimport * as selectively from \"selectively\"\nimport { create as selectivelyCreate, Criteria } from \"selectively\"\nimport { Clearable } from \"./Clearable\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tshadow: true,\n})\nexport class SmoothlyFilter {\n\tprivate freeSearchElement?: HTMLSmoothlyInputElement\n\tprivate inputs = new Map<string, Clearable>()\n\t@Prop({ mutable: true }) placeholder: string | undefined\n\t@State() expanded = false\n\t@State() freeSearchValue: string\n\t@Prop({ mutable: true }) criteria: Record<string, Criteria> = {}\n\t@Prop({ mutable: true }) inputValue: Criteria\n\n\t@Listen(\"filter\")\n\tfilterHandler(event: CustomEvent<Record<string, Criteria>>) {\n\t\tevent.stopPropagation()\n\n\t\tif (Clearable.is(event.target)) {\n\t\t\tconst target = event.target\n\t\t\tObject.keys(event.detail).forEach(key => this.inputs.set(key, target))\n\t\t}\n\t\t!this.freeSearchValue\n\t\t\t? this.filters.emit((this.criteria = { ...this.criteria, ...event.detail }))\n\t\t\t: this.filters.emit(\n\t\t\t\t\tselectively.and(\n\t\t\t\t\t\tselectively.any(selectively.includes(this.freeSearchValue)),\n\t\t\t\t\t\t(this.criteria = { ...this.criteria, ...event.detail })\n\t\t\t\t\t)\n\t\t\t  )\n\t}\n\t@Event() filters: EventEmitter<Criteria>\n\tonKeyDown() {\n\t\tthis.freeSearchValue = this.freeSearchElement?.value\n\t\tthis.inputValue = selectively.includes(this.freeSearchValue)\n\t\tthis.filters.emit(selectively.any(this.inputValue))\n\t}\n\n\t@Method()\n\tasync clear(event: MouseEvent): Promise<void> {\n\t\tnew Set(this.inputs.values()).forEach(input => input.clear())\n\t\tthis.filters.emit((this.criteria = {}))\n\t}\n\n\trender() {\n\t\treturn [\n\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={element => (this.freeSearchElement = element)}\n\t\t\t\t\tvalue={selectivelyCreate(this.criteria).stringify()}\n\t\t\t\t\tonKeyDown={() => this.onKeyDown()}\n\t\t\t\t\tplaceholder={this.placeholder}>\n\t\t\t\t\t<section slot=\"start\">\n\t\t\t\t\t\t<slot name=\"start\" />\n\t\t\t\t\t</section>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<section slot=\"end\">\n\t\t\t\t\t\t<smoothly-button size=\"flexible\" onClick={e => this.clear(e)}>\n\t\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\t\tclass={Object.keys(this.criteria).length >= 1 ? \"btn clear\" : \"btn hidden\"}\n\t\t\t\t\t\t\t\tname=\"close\"\n\t\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tsize=\"flexible\"\n\t\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t{this.expanded ? (\n\t\t\t\t\t\t\t\t<smoothly-icon name=\"options\" size=\"small\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<smoothly-icon name=\"options-outline\" size=\"small\" />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</section>\n\t\t\t\t</smoothly-input>\n\t\t\t</smoothly-form>,\n\n\t\t\t<section hidden={!this.expanded} class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t<div hidden={!this.expanded} class={this.expanded ? \"container-wrapper\" : \"hidden\"}>\n\t\t\t\t\t{this.expanded && <slot name=\"filter\" />}\n\t\t\t\t</div>\n\t\t\t</section>,\n\t\t]\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/filter/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Filter } from \"./Filter\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilter {\n\tfield: HTMLSmoothlyFilterFieldElement | undefined\n\tupdating = false\n\tfilters: Set<Filter.Update> = new Set<Filter.Update>() // maybe set?\n\t@State() detailChildren?: boolean\n\t@State() criteria: selectively.Criteria = selectively.and()\n\t@State() expanded = false\n\t@Event() smoothlyFilter: EventEmitter<selectively.Criteria>\n\n\t@Listen(\"smoothlyFilterUpdate\")\n\tupdateHandler(event: CustomEvent<Filter.Update>) {\n\t\tevent.stopPropagation()\n\t\tif (Filter.Element.type.is(event.target))\n\t\t\tthis.filters.add(event.detail)\n\t}\n\t@Listen(\"smoothlyFilterManipulate\")\n\tmanipulateHandler(event: CustomEvent<Filter.Manipulate>) {\n\t\tevent.stopPropagation()\n\t\tthis.updating = true\n\t\tthis.criteria = event.detail(this.criteria)\n\t\tthis.smoothlyFilter.emit(this.criteria)\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t\tthis.updating = false\n\t}\n\t@Listen(\"smoothlyFilterField\")\n\tfilterFieldHandler(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)))\n\t\t\tthis.filters.forEach(update => update(this.criteria))\n\t\t}\n\t}\n\tclear(): void {\n\t\tthis.field?.clear()\n\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and()))\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"bar\" />\n\t\t\t\t<smoothly-filter-field criteria={this.criteria} ref={e => (this.field = e)} />\n\t\t\t\t{this.criteria.toString() != \"\" && (\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"close\"}\n\t\t\t\t\t\ttoolTip={\"Clear all filters\"}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.clear()\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={this.expanded ? \"options\" : \"options-outline\"}\n\t\t\t\t\ttoolTip={(this.expanded ? \"Hide\" : \"Show\") + \" additional filters\"}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div class={this.expanded ? \"close\" : \"hidden\"} onClick={() => (this.expanded = !this.expanded)} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}