smoothly 1.0.0-alpha.21 → 1.0.0-alpha.211

package/dist/cjs/smoothly-radio-group.cjs.entry.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-8adc5c1b.js');
-
-const styleCss = "smoothly-radio-group{display:flex;position:relative;color:none !important;background:none !important;margin:0.5em 0}smoothly-radio-group[hidden]{display:none}smoothly-radio-group[orientation=vertical] *:not(:first-of-type)>input[type=radio]~label{border-top:none}smoothly-radio-group:not([orientation=vertical]) *:not(:first-of-type)>input[type=radio]~label{border-left:none}smoothly-radio-group[orientation=vertical]{flex-direction:column}smoothly-radio-group[orientation=vertical] :first-of-type>input[type=radio]~label{border-radius:4px 4px 0 0}smoothly-radio-group[orientation=vertical] :last-of-type>input[type=radio]~label{border-radius:0 0 4px 4px}smoothly-radio-group:not([orientation=vertical]){flex-direction:row}smoothly-radio-group:not([orientation=vertical]) :first-of-type>input[type=radio]~label{border-radius:4px 0 0 4px}smoothly-radio-group:not([orientation=vertical]) :last-of-type>input[type=radio]~label{border-radius:0 4px 4px 0}";
-
-const SmoothlyToggleGroup = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.orientation = "horizontal";
-  }
-  render() {
-    return index.h("slot", null);
-  }
-};
-SmoothlyToggleGroup.style = styleCss;
-
-exports.smoothly_radio_group = SmoothlyToggleGroup;
-
-//# sourceMappingURL=smoothly-radio-group.cjs.entry.js.map

package/dist/cjs/smoothly-radio-group.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"smoothly-radio-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,w7BAAw7B;;MCM57B,mBAAmB;;;uBACoC,YAAY;;EAC/E,MAAM;IACL,OAAOA,qBAAa,CAAA;GACpB;;;;;;","names":["h"],"sources":["./src/components/radio-group/style.css?tag=smoothly-radio-group","./src/components/radio-group/index.tsx"],"sourcesContent":["smoothly-radio-group {\n\tdisplay: flex;\n\tposition: relative;\n\t/* stylelint-disable-next-line declaration-no-important */\n\tcolor: none !important;\n\t/* stylelint-disable-next-line declaration-no-important */\n\tbackground: none !important;\n\tmargin: 0.5em 0;\n}\nsmoothly-radio-group[hidden] {\n\tdisplay: none;\n}\nsmoothly-radio-group[orientation=vertical] *:not(:first-of-type) > input[type=radio] ~ label {\n\tborder-top: none;\n}\nsmoothly-radio-group:not([orientation=vertical]) *:not(:first-of-type) > input[type=radio] ~ label {\n\tborder-left: none;\n}\nsmoothly-radio-group[orientation=vertical] {\n\tflex-direction: column;\n}\nsmoothly-radio-group[orientation=vertical] :first-of-type > input[type=radio] ~ label {\n\tborder-radius: 4px 4px 0 0;\n}\nsmoothly-radio-group[orientation=vertical] :last-of-type > input[type=radio] ~ label {\n\tborder-radius: 0 0 4px 4px;\n}\nsmoothly-radio-group:not([orientation=vertical]) {\n\tflex-direction: row;\n}\nsmoothly-radio-group:not([orientation=vertical]) :first-of-type > input[type=radio] ~ label {\n\tborder-radius: 4px 0 0 4px;\n}\nsmoothly-radio-group:not([orientation=vertical]) :last-of-type > input[type=radio] ~ label {\n\tborder-radius: 0 4px 4px 0;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-radio-group\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyToggleGroup {\n\t@Prop({ reflect: true }) orientation?: \"horizontal\" | \"vertical\" = \"horizontal\"\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Clearable.js","sourceRoot":"","sources":["../../../src/components/filter/Clearable.ts"],"names":[],"mappings":"AAGA,MAAM,KAAW,SAAS,CAIzB;AAJD,WAAiB,SAAS;EACzB,SAAgB,EAAE,CAAC,KAAsB;IACxC,OAAO,KAAK,IAAI,OAAO,KAAK,IAAI,QAAQ,IAAI,OAAO,KAAK,CAAC,KAAK,IAAI,UAAU,CAAA;EAC7E,CAAC;EAFe,YAAE,KAEjB,CAAA;AACF,CAAC,EAJgB,SAAS,KAAT,SAAS,QAIzB","sourcesContent":["export interface Clearable {\n\tclear(): Promise<void>\n}\nexport namespace Clearable {\n\texport function is(value: Clearable | any): value is Clearable {\n\t\treturn value && typeof value == \"object\" && typeof value.clear == \"function\"\n\t}\n}\n"]}

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

@@ -1,8 +0,0 @@
-export var Clearable;
-(function (Clearable) {
-  function is(value) {
-    return value && typeof value == "object" && typeof value.clear == "function";
-  }
-  Clearable.is = is;
-})(Clearable || (Clearable = {}));
-//# sourceMappingURL=Clearable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Clearable.js","sourceRoot":"","sources":["../../../src/components/form/Clearable.ts"],"names":[],"mappings":"AAGA,MAAM,KAAW,SAAS,CAIzB;AAJD,WAAiB,SAAS;EACzB,SAAgB,EAAE,CAAC,KAAsB;IACxC,OAAO,KAAK,IAAI,OAAO,KAAK,IAAI,QAAQ,IAAI,OAAO,KAAK,CAAC,KAAK,IAAI,UAAU,CAAA;EAC7E,CAAC;EAFe,YAAE,KAEjB,CAAA;AACF,CAAC,EAJgB,SAAS,KAAT,SAAS,QAIzB","sourcesContent":["export interface Clearable {\n\tclear(): Promise<void>\n}\nexport namespace Clearable {\n\texport function is(value: Clearable | any): value is Clearable {\n\t\treturn value && typeof value == \"object\" && typeof value.clear == \"function\"\n\t}\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Data.js","sourceRoot":"","sources":["../../../src/components/form/Data.ts"],"names":[],"mappings":"AAGA,MAAM,KAAW,IAAI,CAapB;AAbD,WAAiB,IAAI;EACpB,SAAgB,GAAG,CAAC,IAAU,EAAE,CAAC,IAAI,EAAE,GAAG,IAAI,CAAW,EAAE,KAAY;IACtE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAA;IAChC,uCACI,IAAI,KACP,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM;QACzB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,GAAG,CAAC,OAAO,OAAO,IAAI,QAAQ,IAAI,CAAC,CAAC,OAAO,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAC5F;EACF,CAAC;EARe,QAAG,MAQlB,CAAA;EACD,SAAgB,MAAM,CAAC,IAA2B;IACjD,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;EACvG,CAAC;EAFe,WAAM,SAErB,CAAA;AACF,CAAC,EAbgB,IAAI,KAAJ,IAAI,QAapB","sourcesContent":["type Value = string | number | boolean | Blob | undefined\nexport type Data = { [name: string]: Data | Value }\n\nexport namespace Data {\n\texport function set(data: Data, [head, ...tail]: string[], value: Value): Data {\n\t\tconst current = data[head ?? \"\"]\n\t\treturn {\n\t\t\t...data,\n\t\t\t[head ?? \"\"]: !tail.length\n\t\t\t\t? value\n\t\t\t\t: set(typeof current == \"object\" && !(current instanceof Blob) ? current : {}, tail, value),\n\t\t}\n\t}\n\texport function deepen(data: Record<string, Value>): Data {\n\t\treturn Object.entries(data).reduce((result, [name, value]) => set(result, name.split(\".\"), value), {})\n\t}\n}\n"]}

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

@@ -1,206 +0,0 @@
-import { h } from "@stencil/core";
-import { Date } from "isoly";
-export class InputDate {
-  constructor() {
-    this.name = undefined;
-    this.value = undefined;
-    this.open = undefined;
-    this.max = undefined;
-    this.min = undefined;
-    this.disabled = undefined;
-  }
-  onStart(next) {
-    this.valueChanged.emit(next);
-  }
-  dateSetHandler(e) {
-    this.open = false;
-    e.stopPropagation();
-  }
-  render() {
-    var _a;
-    return [
-      h("smoothly-input", { name: this.name, onFocus: () => (this.open = !this.open), onClick: () => (this.open = !this.open), disabled: this.disabled, type: "date", value: this.value, onSmoothlyInput: e => (this.value = e.detail.value) }, h("slot", null)),
-      this.open && !this.disabled
-        ? [
-          h("div", { onClick: () => (this.open = false) }),
-          h("nav", null, h("div", { class: "arrow" }), h("smoothly-calendar", { doubleInput: false, value: (_a = this.value) !== null && _a !== void 0 ? _a : Date.now(), onValueChanged: event => {
-              this.value = event.detail;
-              event.stopPropagation();
-            }, max: this.max, min: this.min })),
-        ]
-        : [],
-    ];
-  }
-  static get is() { return "smoothly-input-date"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": true
-      },
-      "value": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "Date",
-          "resolved": "string | undefined",
-          "references": {
-            "Date": {
-              "location": "import",
-              "path": "isoly"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "open": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "open",
-        "reflect": false
-      },
-      "max": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "Date",
-          "resolved": "string",
-          "references": {
-            "Date": {
-              "location": "import",
-              "path": "isoly"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "max",
-        "reflect": false
-      },
-      "min": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "Date",
-          "resolved": "string",
-          "references": {
-            "Date": {
-              "location": "import",
-              "path": "isoly"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "min",
-        "reflect": false
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "valueChanged",
-        "name": "valueChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "Date",
-          "resolved": "string",
-          "references": {
-            "Date": {
-              "location": "import",
-              "path": "isoly"
-            }
-          }
-        }
-      }];
-  }
-  static get watchers() {
-    return [{
-        "propName": "value",
-        "methodName": "onStart"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "dateSet",
-        "method": "dateSetHandler",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/input-date/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input-date/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACtF,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAO5B,MAAM,OAAO,SAAS;;;;;;;;;EASrB,OAAO,CAAC,IAAU;IACjB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EAED,cAAc,CAAC,CAAoB;IAClC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;IACjB,CAAC,CAAC,eAAe,EAAE,CAAA;EACpB,CAAC;EACD,MAAM;;IACL,OAAO;MACN,sBACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACnD,eAAa,CACG;MACjB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ;QAC1B,CAAC,CAAC;UACA,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAQ;UAC/C;YACC,WAAK,KAAK,EAAC,OAAO,GAAO;YACzB,yBACC,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,EAC/B,cAAc,EAAE,KAAK,CAAC,EAAE;gBACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAA;gBACzB,KAAK,CAAC,eAAe,EAAE,CAAA;cACxB,CAAC,EACD,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,GAAsB,CAC/B;SACL;QACH,CAAC,CAAC,EAAE;KACL,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop, Watch } from \"@stencil/core\"\nimport { Date } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class InputDate {\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value?: Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: Date\n\t@Prop({ mutable: true }) min: Date\n\t@Prop({ mutable: true }) disabled: boolean\n\t@Event() valueChanged: EventEmitter<Date>\n\t@Watch(\"value\")\n\tonStart(next: Date) {\n\t\tthis.valueChanged.emit(next)\n\t}\n\t@Listen(\"dateSet\")\n\tdateSetHandler(e: CustomEvent<Date>) {\n\t\tthis.open = false\n\t\te.stopPropagation()\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<smoothly-input\n\t\t\t\tname={this.name}\n\t\t\t\tonFocus={() => (this.open = !this.open)}\n\t\t\t\tonClick={() => (this.open = !this.open)}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\ttype=\"date\"\n\t\t\t\tvalue={this.value}\n\t\t\t\tonSmoothlyInput={e => (this.value = e.detail.value)}>\n\t\t\t\t<slot></slot>\n\t\t\t</smoothly-input>,\n\t\t\tthis.open && !this.disabled\n\t\t\t\t? [\n\t\t\t\t\t\t<div onClick={() => (this.open = false)}></div>,\n\t\t\t\t\t\t<nav>\n\t\t\t\t\t\t\t<div class=\"arrow\"></div>\n\t\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\t\t\tvalue={this.value ?? Date.now()}\n\t\t\t\t\t\t\t\tonValueChanged={event => {\n\t\t\t\t\t\t\t\t\tthis.value = event.detail\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\t\tmin={this.min}></smoothly-calendar>\n\t\t\t\t\t\t</nav>,\n\t\t\t\t  ]\n\t\t\t\t: [],\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/input-date/style.css

@@ -1,40 +0,0 @@
-:host {
-	position: relative;
-	max-width: 100vw;
-}
-nav {
-	position: absolute;
-	z-index: 10;
-	top: 3.5em;
-	background-color: rgb(var(--smoothly-default-shade));
-	min-width: 18em;
-}
-:host > div {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	width: 100vw;
-	height: 100vh;
-	z-index: 2;
-}
-:host > nav > .arrow {
-	position: absolute;
-	z-index: 9;
-	transform: translate(2em, -0.55em) rotate(45deg);
-	width: 1em;
-	height: 1em;
-	background-color: rgb(var(--smoothly-default-shade));
-}
-
-@media screen and (min-width: 400px){
-	nav {
-		position: absolute;
-		z-index: 10;
-		top: 3.5em;
-		background-color: rgb(var(--smoothly-default-shade));
-		max-width: 22em;
-		
-	}
-}

package/dist/collection/components/input-date-range/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input-date-range/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACtF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOvC,MAAM,OAAO,cAAc;;;;;;;;qBAOW,IAAI;sBACpB,MAAM;oBACR,IAAI;;EAKvB,OAAO,CAAC,IAAU;IACjB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EAED,cAAc,CAAC,KAAwB;IACtC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAA;EAC1B,CAAC;EAED,YAAY,CAAC,KAAwB;IACpC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAA;EACxB,CAAC;EAED,cAAc,CAAC,KAA6B;IAC3C,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACzC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;IACjB,KAAK,CAAC,eAAe,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;EACxE,CAAC;EACD,MAAM;;IACL,OAAO;MACN,eAAS,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C,sBACC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAClD,GAAG,IAAI,CAAC,UAAU,EAAE,CACL;QACjB,yBAAc;QACd,sBACC,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,GAAG,EACf,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAChD,GAAG,IAAI,CAAC,QAAQ,EAAE,CACH,CACR;MACV,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAQ,CAAC,CAAC,CAAC,EAAE;MAChE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX;QACC,WAAK,KAAK,EAAC,OAAO,GAAO;QACzB,yBACC,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,EAC/B,cAAc,EAAE,KAAK,CAAC,EAAE;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAA;YACzB,KAAK,CAAC,eAAe,EAAE,CAAA;UACxB,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,GAAsB,CAC/B,CACN,CAAC,CAAC,CAAC,CACH,EAAE,CACF;KACD,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop, Watch } from \"@stencil/core\"\nimport { Date, DateRange } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class InputDateRange {\n\t@Prop({ mutable: true }) value?: Date\n\t@Prop({ mutable: true }) start?: Date\n\t@Prop({ mutable: true }) end?: Date\n\t@Prop({ mutable: true }) max: Date\n\t@Prop({ mutable: true }) min: Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() labelStart = \"from\"\n\t@Prop() labelEnd = \"to\"\n\t@Event() valueChanged: EventEmitter<Date>\n\t@Event() dateRangeSelected: EventEmitter<{ start: Date; end: Date }>\n\n\t@Watch(\"value\")\n\tonValue(next: Date) {\n\t\tthis.valueChanged.emit(next)\n\t}\n\t@Listen(\"startChanged\")\n\tonStartChanged(event: CustomEvent<Date>) {\n\t\tthis.start = event.detail\n\t}\n\t@Listen(\"endChanged\")\n\tonEndChanged(event: CustomEvent<Date>) {\n\t\tthis.end = event.detail\n\t}\n\t@Listen(\"dateRangeSet\")\n\tonDateRangeSet(event: CustomEvent<DateRange>) {\n\t\tconsole.log(\"dateRangeSet\", event.detail)\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t\tDateRange.is(event.detail) && this.dateRangeSelected.emit(event.detail)\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<section onClick={() => (this.open = !this.open)}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.start}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => (this.start = e.detail.value)}>\n\t\t\t\t\t{`${this.labelStart}`}\n\t\t\t\t</smoothly-input>\n\t\t\t\t<span>–</span>\n\t\t\t\t<smoothly-input\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tvalue={this.end}\n\t\t\t\t\tonSmoothlyInput={e => (this.end = e.detail.value)}>\n\t\t\t\t\t{`${this.labelEnd}`}\n\t\t\t\t</smoothly-input>\n\t\t\t</section>,\n\t\t\tthis.open ? <div onClick={() => (this.open = false)}></div> : [],\n\t\t\tthis.open ? (\n\t\t\t\t<nav>\n\t\t\t\t\t<div class=\"arrow\"></div>\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\tvalue={this.value ?? Date.now()}\n\t\t\t\t\t\tonValueChanged={event => {\n\t\t\t\t\t\t\tthis.value = event.detail\n\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}></smoothly-calendar>\n\t\t\t\t</nav>\n\t\t\t) : (\n\t\t\t\t[]\n\t\t\t),\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/input-date-range/style.css

@@ -1,51 +0,0 @@
-:host {
-  position: relative;
-  display: block;
-  width: fit-content;
-}
-
-:host > nav {
-  position: absolute;
-  z-index: 10;
-  top: 3.5em;
-  background-color: rgb(var(--smoothly-default-shade));
-  max-width: 22em;
-}
-
-:host > div {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
-  width: 100vw;
-  height: 100vh;
-  z-index: 2;
-}
-
-:host > nav > .arrow {
-  position: absolute;
-  z-index: 9;
-  transform: translate(10em, -0.55em) rotate(45deg);
-  width: 1em;
-  height: 1em;
-  background-color: rgb(var(--smoothly-default-shade));
-}
-
-:host > section {
-  display: flex;
-  background-color: var(--background, transparent);
-  border-radius: 0.25rem;
-  cursor: pointer;
-}
-
-smoothly-input {
-  border-radius: var(--border-radius, none);
-  background-color: transparent;
-  width: var(--input-width);
-}
-
-span {
-  padding: 0.5em 0.2em 0.5em 0.2em;
-  align-self: center;
-}

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

@@ -1,45 +0,0 @@
-import { h } from "@stencil/core";
-export class SmoothlyInputDemo {
-  render() {
-    return [
-      h("h2", null, "Border"),
-      h("smoothly-form", { looks: "border" }, h("smoothly-input", { type: "email", name: "email" }, "Email"), h("smoothly-input", { type: "password", name: "password" }, "Password"), h("smoothly-submit", { onSubmit: (e) => alert(e), color: "success", fill: "solid" }, "Send")),
-      h("h2", null, "Grid"),
-      h("h4", null, "Contact"),
-      h("smoothly-form", { looks: "grid", method: "GET", action: "https://webhook.site/85bb78f6-b450-4a74-81ac-d7cac6e94bbe" }, h("smoothly-input", { type: "text", name: "name.last" }, "First Name"), h("smoothly-input", { type: "text", name: "name.first" }, "Last Name"), h("smoothly-input", { type: "text", name: "street", value: "Torgny Segerstedts All\u00E9 87" }, "Street"), h("smoothly-input", { type: "postal-code", name: "zip" }, "ZipCode"), h("smoothly-input", { type: "text", name: "city" }, "City"), h("smoothly-input", { type: "text", name: "countryCode" }, "CountryCode"), h("smoothly-input", { type: "phone", name: "phone" }, "Phone"), h("smoothly-input", { type: "email", name: "email" }, "Email"), h("smoothly-submit", { slot: "submit", color: "success", fill: "solid" }, h("smoothly-icon", { name: "checkmark-circle", slot: "start" }), "Submit")),
-      h("h4", null, "Card"),
-      h("smoothly-form", { looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { type: "card-number", name: "card" }, "Card #"), h("smoothly-submit", { size: "icon", slot: "submit", color: "success", fill: "solid" }, h("smoothly-icon", { name: "checkmark-circle" })), h("smoothly-input", { type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { type: "text", name: "name.last" }, "Last Name")),
-      h("h4", null, "Contact"),
-      h("smoothly-form", { looks: "grid" }, h("smoothly-input", { type: "email", name: "email" }, "Email"), h("smoothly-input", { type: "password", name: "password" }, "Password"), h("smoothly-input", { type: "price", currency: "SEK", name: "price" }, "Price"), h("smoothly-input", { type: "percent", name: "percent" }, "Percent"), h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, h("smoothly-icon", { name: "checkmark-circle" }))),
-      h("h4", null, "Random"),
-      h("smoothly-form", { looks: "grid" }, h("smoothly-input", { type: "text", name: "name", readonly: true, value: "Readonly", onSmoothlyBlur: () => console.log("smoothly blur"), style: { width: "100%" } }, "Readonly"), h("smoothly-input", { type: "text", name: "testing" }, "TextTest"), h("smoothly-input", { type: "date-time", name: "date-time" }, "Date-Time"), h("smoothly-input", { type: "divisor", name: "divisor" }, "Divisor"), h("smoothly-input", { type: "date", name: "date" }, "Date"), h("smoothly-input-date", { name: "some-date" }, "Calendar")),
-      h("h2", null, "Line"),
-      h("smoothly-form", { looks: "line" }, h("smoothly-input", { type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, "First Name"), h("smoothly-input", { type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name"), h("smoothly-submit", { slot: "submit", onSubmit: (e) => alert(e), color: "success" }, "Send")),
-      h("h2", null, "Input Alternatives"),
-      h("smoothly-form", { looks: "border" }, h("smoothly-input", { type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { name: "checkmark-circle", slot: "end" })), h("smoothly-input", { type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { name: "checkmark-circle", slot: "end" })), h("smoothly-input", { placeholder: "test" }), h("smoothly-submit", { slot: "submit", onSubmit: (e) => alert(e), color: "success" }, "Send")),
-      h("h4", null, "Smoothly checkboxes"),
-      h("smoothly-form", null, h("div", null, h("smoothly-checkbox", null, "Check me", h("div", { slot: "expansion" }, "Some context")), h("smoothly-checkbox", null, "Label"), h("smoothly-checkbox", { disabled: true }))),
-      h("h4", null, "Smoothly Radio Buttons"),
-      h("smoothly-form", null, h("smoothly-radio-button", { deselectable: true, decoration: "button" }, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" } }, "Option 1", h("div", { slot: "expansion" }, "Some description.")), h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" } }, "Option 2", h("div", { slot: "expansion" }, "Some other description.")), h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" } }, "Option 3", h("div", { slot: "expansion" }, "Some third description."))), h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, h("smoothly-icon", { name: "checkmark-circle" }))),
-      h("h4", null, "Radio List without button 1"),
-      h("smoothly-form", null, h("smoothly-radio-button", null, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" }, selected: true, color: "light" }, h("span", null, "Option 1"), h("span", { slot: "expansion" }, "Some description.")), h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" }, color: "light" }, h("span", null, "Option 2"), h("span", { slot: "expansion" }, "Some other description.")), h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" }, color: "light" }, h("span", null, "Option 3"), h("span", { slot: "expansion" }, "Some third description."))), h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, h("smoothly-icon", { name: "checkmark-circle" }))),
-      h("h4", null, "Radio List without button 2"),
-      h("smoothly-form", null, h("smoothly-radio", { name: "option", value: "1", style: { width: "100%" } }, "option 1"), h("smoothly-radio", { name: "option", value: "2", checked: true, style: { width: "100%" } }, "option 2"), h("smoothly-radio", { name: "option", value: "3", style: { width: "100%" } }, "option 3")),
-      h("h4", null, "Smoothly Accordion"),
-      h("smoothly-form", null, h("smoothly-accordion", null, h("smoothly-accordion-item", { name: "A", open: true }, h("smoothly-radio", { name: "a", value: "1" }, "a 1"), h("smoothly-radio", { name: "a", value: "2", checked: true }, "a 2"), h("smoothly-radio", { name: "a", value: "3" }, "a 3")), h("smoothly-accordion-item", { name: "B" }, h("smoothly-radio", { name: "b", value: "1" }, "b 1"), h("smoothly-radio", { name: "b", value: "2" }, "b 2"), h("smoothly-radio", { name: "b", value: "3" }, "b 3"))), h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, h("smoothly-icon", { name: "checkmark-circle" }))),
-      h("smoothly-backtotop", null),
-    ];
-  }
-  static get is() { return "smoothly-input-demo"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/input-demo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input-demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-input-demo\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyInputDemo {\n\trender() {\n\t\treturn [\n\t\t\t<h2>Border</h2>,\n\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t<smoothly-input type=\"email\" name=\"email\">\n\t\t\t\t\tEmail\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\tPassword\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-submit onSubmit={(e: Event) => alert(e)} color=\"success\" fill=\"solid\">\n\t\t\t\t\tSend\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<h2>Grid</h2>,\n\t\t\t<h4>Contact</h4>,\n\t\t\t<smoothly-form looks=\"grid\" method=\"GET\" action=\"https://webhook.site/85bb78f6-b450-4a74-81ac-d7cac6e94bbe\">\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\tFirst Name\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\tLast Name\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"street\" value=\"Torgny Segerstedts Allé 87\">\n\t\t\t\t\tStreet\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"postal-code\" name=\"zip\">\n\t\t\t\t\tZipCode\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"city\">\n\t\t\t\t\tCity\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"countryCode\">\n\t\t\t\t\tCountryCode\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"phone\" name=\"phone\">\n\t\t\t\t\tPhone\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"email\" name=\"email\">\n\t\t\t\t\tEmail\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-submit slot=\"submit\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\"></smoothly-icon>\n\t\t\t\t\tSubmit\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Card</h4>,\n\t\t\t<smoothly-form looks=\"grid\" onSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}>\n\t\t\t\t<smoothly-input type=\"card-number\" name=\"card\">\n\t\t\t\t\tCard #\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\"></smoothly-icon>\n\t\t\t\t</smoothly-submit>\n\t\t\t\t<smoothly-input type=\"card-expires\" name=\"expires\">\n\t\t\t\t\tExpires\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"card-csc\" name=\"csc\">\n\t\t\t\t\tCVV/CVC\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\tFirst Name\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\tLast Name\n\t\t\t\t</smoothly-input>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Contact</h4>,\n\t\t\t<smoothly-form looks=\"grid\">\n\t\t\t\t<smoothly-input type=\"email\" name=\"email\">\n\t\t\t\t\tEmail\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\tPassword\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"price\" currency=\"SEK\" name=\"price\">\n\t\t\t\t\tPrice\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"percent\" name=\"percent\">\n\t\t\t\t\tPercent\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-submit slot=\"submit\" color=\"success\" fill=\"solid\" size=\"icon\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\"></smoothly-icon>\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Random</h4>,\n\t\t\t<smoothly-form looks=\"grid\">\n\t\t\t\t<smoothly-input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tname=\"name\"\n\t\t\t\t\treadonly={true}\n\t\t\t\t\tvalue={\"Readonly\"}\n\t\t\t\t\tonSmoothlyBlur={() => console.log(\"smoothly blur\")}\n\t\t\t\t\tstyle={{ width: \"100%\" }}>\n\t\t\t\t\tReadonly\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"testing\">\n\t\t\t\t\tTextTest\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"date-time\" name=\"date-time\">\n\t\t\t\t\tDate-Time\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"divisor\" name=\"divisor\">\n\t\t\t\t\tDivisor\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"date\" name=\"date\">\n\t\t\t\t\tDate\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input-date name=\"some-date\">Calendar</smoothly-input-date>\n\t\t\t</smoothly-form>,\n\t\t\t<h2>Line</h2>,\n\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\tFirst Name\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\tLast Name\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-submit slot=\"submit\" onSubmit={(e: Event) => alert(e)} color=\"success\">\n\t\t\t\t\tSend\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<h2>Input Alternatives</h2>,\n\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\"></smoothly-icon>\n\t\t\t\t\tFirst Name\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\tLast Name\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\"></smoothly-icon>\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tname=\"name.first\"\n\t\t\t\t\tplaceholder=\"Smith\"\n\t\t\t\t\tonSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\tLast Name\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\"></smoothly-icon>\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input placeholder=\"test\"></smoothly-input>\n\t\t\t\t<smoothly-submit slot=\"submit\" onSubmit={(e: Event) => alert(e)} color=\"success\">\n\t\t\t\t\tSend\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Smoothly checkboxes</h4>,\n\t\t\t<smoothly-form>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-checkbox>\n\t\t\t\t\t\tCheck me\n\t\t\t\t\t\t<div slot=\"expansion\">Some context</div>\n\t\t\t\t\t</smoothly-checkbox>\n\t\t\t\t\t<smoothly-checkbox>Label</smoothly-checkbox>\n\t\t\t\t\t<smoothly-checkbox disabled={true} />\n\t\t\t\t</div>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Smoothly Radio Buttons</h4>,\n\t\t\t<smoothly-form>\n\t\t\t\t<smoothly-radio-button deselectable decoration=\"button\">\n\t\t\t\t\t<smoothly-radio-button-item value={{ some: \"content\", yes: \"sir\" }}>\n\t\t\t\t\t\tOption 1<div slot=\"expansion\">Some description.</div>\n\t\t\t\t\t</smoothly-radio-button-item>\n\t\t\t\t\t<smoothly-radio-button-item value={{ some: \"thing\", yes: \"miss\" }}>\n\t\t\t\t\t\tOption 2<div slot=\"expansion\">Some other description.</div>\n\t\t\t\t\t</smoothly-radio-button-item>\n\t\t\t\t\t<smoothly-radio-button-item value={{ some: \"one\", yes: \"kid\" }}>\n\t\t\t\t\t\tOption 3<div slot=\"expansion\">Some third description.</div>\n\t\t\t\t\t</smoothly-radio-button-item>\n\t\t\t\t</smoothly-radio-button>\n\t\t\t\t<smoothly-submit slot=\"submit\" color=\"success\" fill=\"solid\" size=\"icon\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\"></smoothly-icon>\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Radio List without button 1</h4>,\n\t\t\t<smoothly-form>\n\t\t\t\t<smoothly-radio-button>\n\t\t\t\t\t<smoothly-radio-button-item value={{ some: \"content\", yes: \"sir\" }} selected color=\"light\">\n\t\t\t\t\t\t<span>Option 1</span>\n\t\t\t\t\t\t<span slot=\"expansion\">Some description.</span>\n\t\t\t\t\t</smoothly-radio-button-item>\n\t\t\t\t\t<smoothly-radio-button-item value={{ some: \"thing\", yes: \"miss\" }} color=\"light\">\n\t\t\t\t\t\t<span>Option 2</span>\n\t\t\t\t\t\t<span slot=\"expansion\">Some other description.</span>\n\t\t\t\t\t</smoothly-radio-button-item>\n\t\t\t\t\t<smoothly-radio-button-item value={{ some: \"one\", yes: \"kid\" }} color=\"light\">\n\t\t\t\t\t\t<span>Option 3</span>\n\t\t\t\t\t\t<span slot=\"expansion\">Some third description.</span>\n\t\t\t\t\t</smoothly-radio-button-item>\n\t\t\t\t</smoothly-radio-button>\n\t\t\t\t<smoothly-submit slot=\"submit\" color=\"success\" fill=\"solid\" size=\"icon\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\"></smoothly-icon>\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Radio List without button 2</h4>,\n\t\t\t<smoothly-form>\n\t\t\t\t<smoothly-radio name=\"option\" value=\"1\" style={{ width: \"100%\" }}>\n\t\t\t\t\toption 1\n\t\t\t\t</smoothly-radio>\n\t\t\t\t<smoothly-radio name=\"option\" value=\"2\" checked style={{ width: \"100%\" }}>\n\t\t\t\t\toption 2\n\t\t\t\t</smoothly-radio>\n\t\t\t\t<smoothly-radio name=\"option\" value=\"3\" style={{ width: \"100%\" }}>\n\t\t\t\t\toption 3\n\t\t\t\t</smoothly-radio>\n\t\t\t</smoothly-form>,\n\t\t\t<h4>Smoothly Accordion</h4>,\n\t\t\t<smoothly-form>\n\t\t\t\t<smoothly-accordion>\n\t\t\t\t\t<smoothly-accordion-item name=\"A\" open>\n\t\t\t\t\t\t<smoothly-radio name=\"a\" value=\"1\">\n\t\t\t\t\t\t\ta 1\n\t\t\t\t\t\t</smoothly-radio>\n\t\t\t\t\t\t<smoothly-radio name=\"a\" value=\"2\" checked>\n\t\t\t\t\t\t\ta 2\n\t\t\t\t\t\t</smoothly-radio>\n\t\t\t\t\t\t<smoothly-radio name=\"a\" value=\"3\">\n\t\t\t\t\t\t\ta 3\n\t\t\t\t\t\t</smoothly-radio>\n\t\t\t\t\t</smoothly-accordion-item>\n\t\t\t\t\t<smoothly-accordion-item name=\"B\">\n\t\t\t\t\t\t<smoothly-radio name=\"b\" value=\"1\">\n\t\t\t\t\t\t\tb 1\n\t\t\t\t\t\t</smoothly-radio>\n\t\t\t\t\t\t<smoothly-radio name=\"b\" value=\"2\">\n\t\t\t\t\t\t\tb 2\n\t\t\t\t\t\t</smoothly-radio>\n\t\t\t\t\t\t<smoothly-radio name=\"b\" value=\"3\">\n\t\t\t\t\t\t\tb 3\n\t\t\t\t\t\t</smoothly-radio>\n\t\t\t\t\t</smoothly-accordion-item>\n\t\t\t\t</smoothly-accordion>\n\t\t\t\t<smoothly-submit slot=\"submit\" color=\"success\" fill=\"solid\" size=\"icon\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\"></smoothly-icon>\n\t\t\t\t</smoothly-submit>\n\t\t\t</smoothly-form>,\n\t\t\t<smoothly-backtotop></smoothly-backtotop>,\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/input-demo/style.css

@@ -1,4 +0,0 @@
-smoothly-input-demo {
-	display: block;
-	margin: 2em;
-}

package/dist/collection/components/input-month/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input-month/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAA;AAOhD,MAAM,OAAO,aAAa;;;;EAIzB,cAAc,CAAC,IAAU;IACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EACO,WAAW,CAAC,KAAa;;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACjD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAA;IACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;EAC/B,CAAC;EACD,MAAM;;IACL,OAAO;MACN,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACvC,qBAAe,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,OAAO,GAAiB,CACnE;MACN,yBAAmB,UAAU,EAAE,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IACxE,QAAQ,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACrD,qBAAe,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACtD,IAAI,CAAC,IAAI,CACK,CAChB,CAAC,CACiB;MACpB,yBAAmB,UAAU,EAAE,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IACxE,QAAQ,CAAC,MAAM,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACvD,qBAAe,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IACxD,KAAK,CAAC,IAAI,CACI,CAChB,CAAC,CACiB;MACpB,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QACtC,qBAAe,IAAI,EAAC,yBAAyB,EAAC,IAAI,EAAC,OAAO,GAAiB,CACtE;KACN,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Watch } from \"@stencil/core\"\nimport { Date } from \"isoly\"\nimport * as generate from \"../calendar/generate\"\n\n@Component({\n\ttag: \"smoothly-input-month\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class MonthSelector {\n\t@Prop({ mutable: true }) value?: Date\n\t@Event() valueChanged: EventEmitter<Date>\n\t@Watch(\"value\")\n\tonValueChanged(next: Date) {\n\t\tthis.valueChanged.emit(next)\n\t}\n\tprivate adjustMonth(delta: number) {\n\t\tconst date = Date.parse(this.value ?? Date.now())\n\t\tdate.setMonth(date.getMonth() + delta)\n\t\tthis.value = Date.create(date)\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<div onClick={() => this.adjustMonth(-1)}>\n\t\t\t\t<smoothly-icon name=\"chevron-back-outline\" size=\"small\"></smoothly-icon>\n\t\t\t</div>,\n\t\t\t<smoothly-selector onSelected={(e: CustomEvent) => (this.value = e.detail)}>\n\t\t\t\t{generate.years(this.value ?? Date.now()).map(year => (\n\t\t\t\t\t<smoothly-item value={year.date} selected={year.selected}>\n\t\t\t\t\t\t{year.name}\n\t\t\t\t\t</smoothly-item>\n\t\t\t\t))}\n\t\t\t</smoothly-selector>,\n\t\t\t<smoothly-selector onSelected={(e: CustomEvent) => (this.value = e.detail)}>\n\t\t\t\t{generate.months(this.value ?? Date.now()).map(month => (\n\t\t\t\t\t<smoothly-item value={month.date} selected={month.selected}>\n\t\t\t\t\t\t{month.name}\n\t\t\t\t\t</smoothly-item>\n\t\t\t\t))}\n\t\t\t</smoothly-selector>,\n\t\t\t<div onClick={() => this.adjustMonth(1)}>\n\t\t\t\t<smoothly-icon name=\"chevron-forward-outline\" size=\"small\"></smoothly-icon>\n\t\t\t</div>,\n\t\t]\n\t}\n}\n"]}