smoothly 1.0.0-alpha.13 → 1.0.0-alpha.130

package/dist/collection/components/App.js

@@ -1,71 +0,0 @@
-import { h } from "@stencil/core";
-import { createRouter, href, Route } from "stencil-router-v2";
-const Router = createRouter();
-export function redirect(url) {
-  const destination = resolve(url);
-  destination ? Router.push(destination) : (window.location.href = url);
-}
-export const App = (attributes, nodes, utils) => {
-  var _a;
-  const emptyNode = Object.entries(nodes[0]).reduce((r, entry) => {
-    r[entry[0]] = null;
-    return r;
-  }, {});
-  const emptyChild = nodeToChild(emptyNode);
-  function nodeToChild(node) {
-    let result;
-    utils.forEach([node], child => (result = child));
-    return result !== null && result !== void 0 ? result : emptyChild;
-  }
-  function childToNode(child) {
-    return utils.map([emptyNode], c => (Object.assign(Object.assign({}, c), child)))[0];
-  }
-  const children = nodes.map(node => (Object.assign(Object.assign({}, nodeToChild(node)), { node })));
-  return (h("smoothly-app", null, h("header", null, h("h1", null, h("a", Object.assign({}, href((_a = resolve("")) !== null && _a !== void 0 ? _a : "/")), attributes.label)), h("nav", null, h("ul", null, utils
-    .map([
-    ...children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "nav-start"; }),
-    ...children.filter(child => { var _a, _b, _c; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.label) && ((_b = child.vattrs) === null || _b === void 0 ? void 0 : _b.path) && typeof ((_c = child.vattrs) === null || _c === void 0 ? void 0 : _c.path) == "string"; }),
-    ...children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "nav-end"; }),
-  ].map(child => child.node), child => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    if (((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.label) && ((_b = child.vattrs) === null || _b === void 0 ? void 0 : _b.path))
-      child = Object.assign(Object.assign({}, emptyChild), { vtag: "a", vattrs: { href: (_c = child.vattrs) === null || _c === void 0 ? void 0 : _c.path }, vchildren: [
-          ((_d = child.vattrs) === null || _d === void 0 ? void 0 : _d.icon)
-            ? childToNode({
-              vtag: "smoothly-icon",
-              vattrs: {
-                toolTip: (_e = child.vattrs) === null || _e === void 0 ? void 0 : _e.label,
-                name: (_f = child.vattrs) === null || _f === void 0 ? void 0 : _f.icon,
-                size: "medium",
-              },
-            })
-            : childToNode({ vtext: (_g = child.vattrs) === null || _g === void 0 ? void 0 : _g.label }),
-        ] });
-    const url = resolve((_h = child.vattrs) === null || _h === void 0 ? void 0 : _h.href);
-    return child.vtag != "a"
-      ? child
-      : url
-        ? Object.assign(Object.assign({}, child), { vattrs: Object.assign(Object.assign({}, child.vattrs), { class: [(_j = child.vattrs) === null || _j === void 0 ? void 0 : _j.class, Router.activePath == url ? "active" : ""].join(" ") || undefined, href: url }) }) : Object.assign(Object.assign({}, child), { vattrs: Object.assign(Object.assign({}, child.vattrs), { target: "new" }) });
-  })
-    .map(node => {
-    var _a, _b;
-    const child = nodeToChild(node);
-    return child.vtag == "a" && !((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.target) ? (h("a", Object.assign({}, child.vattrs, href((_b = child.vattrs) === null || _b === void 0 ? void 0 : _b.href)), child.vchildren)) : (node);
-  })
-    .map(child => (h("li", null, child))))), children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "header"; }).map(child => child.node)), h("main", null, h(Router.Switch, null, children
-    .filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.path) != undefined; })
-    .map(child => {
-    var _a, _b, _c, _d, _e;
-    const path = typeof ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.path) == "string" ? resolve((_b = child.vattrs) === null || _b === void 0 ? void 0 : _b.path) : (_c = child.vattrs) === null || _c === void 0 ? void 0 : _c.path;
-    return ((_d = child.vattrs) === null || _d === void 0 ? void 0 : _d.to) ? (h(Route, { path: path, to: (_e = child.vattrs) === null || _e === void 0 ? void 0 : _e.to })) : (h(Route, { path: path }, child.node));
-  })))));
-};
-function resolve(url) {
-  const u = new URL(url, document.baseURI);
-  return url == ""
-    ? new URL(document.baseURI).pathname
-    : u.toString().startsWith(document.baseURI)
-      ? u.pathname
-      : undefined;
-}
-//# sourceMappingURL=App.js.map

package/dist/collection/components/App.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChildNode, FunctionalComponent, h, VNode } from \"@stencil/core\"\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { createRouter, href, Route } from \"stencil-router-v2\"\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst Router = createRouter()\nexport function redirect(url: string) {\n\tconst destination = resolve(url)\n\tdestination ? Router.push(destination) : (window.location.href = url)\n}\nexport const App: FunctionalComponent<{ label: string }> = (attributes, nodes, utils) => {\n\tconst emptyNode = Object.entries(nodes[0]).reduce<{ [property: string]: any }>((r, entry) => {\n\t\tr[entry[0]] = null\n\t\treturn r\n\t}, {}) as VNode\n\tconst emptyChild = nodeToChild(emptyNode)\n\tfunction nodeToChild(node: VNode): ChildNode {\n\t\tlet result: ChildNode | undefined\n\t\tutils.forEach([node], child => (result = child))\n\t\treturn result ?? emptyChild\n\t}\n\tfunction childToNode(child: ChildNode): VNode {\n\t\treturn utils.map([emptyNode], c => ({ ...c, ...child }))[0]\n\t}\n\tconst children = nodes.map(node => ({ ...nodeToChild(node), node }))\n\treturn (\n\t\t<smoothly-app>\n\t\t\t<header>\n\t\t\t\t<h1>\n\t\t\t\t\t<a {...href(resolve(\"\") ?? \"/\")}>{attributes.label}</a>\n\t\t\t\t</h1>\n\t\t\t\t<nav>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{utils\n\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t...children.filter(child => child.vattrs?.slot == \"nav-start\"),\n\t\t\t\t\t\t\t\t\t...children.filter(\n\t\t\t\t\t\t\t\t\t\tchild => child.vattrs?.label && child.vattrs?.path && typeof child.vattrs?.path == \"string\"\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t...children.filter(child => child.vattrs?.slot == \"nav-end\"),\n\t\t\t\t\t\t\t\t].map(child => child.node),\n\t\t\t\t\t\t\t\tchild => {\n\t\t\t\t\t\t\t\t\tif (child.vattrs?.label && child.vattrs?.path)\n\t\t\t\t\t\t\t\t\t\tchild = {\n\t\t\t\t\t\t\t\t\t\t\t...emptyChild,\n\t\t\t\t\t\t\t\t\t\t\tvtag: \"a\",\n\t\t\t\t\t\t\t\t\t\t\tvattrs: { href: child.vattrs?.path },\n\t\t\t\t\t\t\t\t\t\t\tvchildren: [\n\t\t\t\t\t\t\t\t\t\t\t\tchild.vattrs?.icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t? childToNode({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvtag: \"smoothly-icon\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvattrs: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttoolTip: child.vattrs?.label,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname: child.vattrs?.icon,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize: \"medium\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t  })\n\t\t\t\t\t\t\t\t\t\t\t\t\t: childToNode({ vtext: child.vattrs?.label }),\n\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst url = resolve(child.vattrs?.href)\n\t\t\t\t\t\t\t\t\treturn child.vtag != \"a\"\n\t\t\t\t\t\t\t\t\t\t? child\n\t\t\t\t\t\t\t\t\t\t: url\n\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t...child,\n\t\t\t\t\t\t\t\t\t\t\t\tvattrs: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...child.vattrs,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass: [child.vattrs?.class, Router.activePath == url ? \"active\" : \"\"].join(\" \") || undefined,\n\t\t\t\t\t\t\t\t\t\t\t\t\thref: url,\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t: { ...child, vattrs: { ...child.vattrs, target: \"new\" } }\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t.map(node => {\n\t\t\t\t\t\t\t\tconst child = nodeToChild(node)\n\t\t\t\t\t\t\t\treturn child.vtag == \"a\" && !child.vattrs?.target ? (\n\t\t\t\t\t\t\t\t\t<a {...child.vattrs} {...href(child.vattrs?.href)}>\n\t\t\t\t\t\t\t\t\t\t{child.vchildren}\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tnode\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.map(child => (\n\t\t\t\t\t\t\t\t<li>{child}</li>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t\t{children.filter(child => child.vattrs?.slot == \"header\").map(child => child.node)}\n\t\t\t</header>\n\t\t\t<main>\n\t\t\t\t<Router.Switch>\n\t\t\t\t\t{children\n\t\t\t\t\t\t.filter(child => child.vattrs?.path != undefined)\n\t\t\t\t\t\t.map(child => {\n\t\t\t\t\t\t\tconst path = typeof child.vattrs?.path == \"string\" ? resolve(child.vattrs?.path) : child.vattrs?.path\n\t\t\t\t\t\t\treturn child.vattrs?.to ? (\n\t\t\t\t\t\t\t\t<Route path={path} to={child.vattrs?.to}></Route>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Route path={path}>{child.node}</Route>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t</Router.Switch>\n\t\t\t</main>\n\t\t</smoothly-app>\n\t)\n}\nfunction resolve(url: string): string | undefined {\n\tconst u = new URL(url, document.baseURI)\n\treturn url == \"\"\n\t\t? new URL(document.baseURI).pathname\n\t\t: u.toString().startsWith(document.baseURI)\n\t\t? u.pathname\n\t\t: undefined\n}\n"]}

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.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,39 +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":"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","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-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"]}