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

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

@@ -1,270 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class SmoothlyOption {
-  constructor() {
-    this.aliases = undefined;
-    this.dataHighlight = false;
-    this.name = undefined;
-    this.value = undefined;
-    this.divider = false;
-    this.checkbox = undefined;
-    this.new = undefined;
-    this.toggle = false;
-    this.checked = false;
-  }
-  onHover(event) {
-    this.optionHover.emit({ name: this.name, value: this.value });
-  }
-  onSelect(event) {
-    if (this.value) {
-      this.new
-        ? this.optionAdd.emit({ name: this.name, value: this.value })
-        : !this.toggle || (this.toggle && !this.checked)
-          ? this.optionSelect.emit({ name: this.name, value: this.value })
-          : this.optionUnselect.emit({ name: this.name, value: this.value });
-      this.toggle && (this.checked = !this.checked);
-    }
-    else
-      throw `smoothly-option ${this.element.innerHTML} lacks value-property and can therefore not be selected`;
-  }
-  render() {
-    return (h(Host, { onMouseDown: (e) => this.onSelect(e), onMouseOver: (e) => this.onHover(e) }, this.toggle && h("smoothly-icon", { name: this.checked ? "checkbox" : "square-outline" }), h("div", { class: "name" }, this.name), h("smoothly-quiet", null, h("slot", { name: "hint" }))));
-  }
-  static get is() { return "smoothly-option"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "aliases": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "aliases",
-        "reflect": true
-      },
-      "dataHighlight": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data-highlight",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "name": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": true
-      },
-      "value": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": true
-      },
-      "divider": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "divider",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "checkbox": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "checkbox",
-        "reflect": false
-      },
-      "new": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "new",
-        "reflect": false
-      },
-      "toggle": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "toggle",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "checked": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "checked",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "optionHover",
-        "name": "optionHover",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ value: any; name: string }",
-          "resolved": "{ value: any; name: string; }",
-          "references": {}
-        }
-      }, {
-        "method": "optionSelect",
-        "name": "optionSelect",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ value: any; name: string }",
-          "resolved": "{ value: any; name: string; }",
-          "references": {}
-        }
-      }, {
-        "method": "optionUnselect",
-        "name": "optionUnselect",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ value: any; name: string }",
-          "resolved": "{ value: any; name: string; }",
-          "references": {}
-        }
-      }, {
-        "method": "optionAdd",
-        "name": "optionAdd",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ name: string; value: string }",
-          "resolved": "{ name: string; value: string; }",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "element"; }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/option/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOtF,MAAM,OAAO,cAAc;;;yBAG8B,KAAK;;;mBAGD,KAAK;;;kBAGhD,KAAK;mBACa,KAAK;;EAKxC,OAAO,CAAC,KAAiB;IACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;EAC9D,CAAC;EACD,QAAQ,CAAC,KAAc;IACtB,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,IAAI,CAAC,GAAG;QACP,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7D,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;UAChD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;UAChE,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;MACnE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC7C;;MACA,MAAM,mBAAmB,IAAI,CAAC,OAAO,CAAC,SAAS,yDAAyD,CAAA;EAC1G,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,WAAW,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;MAC9F,IAAI,CAAC,MAAM,IAAI,qBAAe,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,GAAkB;MACnG,WAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO;MACnC;QACC,YAAM,IAAI,EAAC,MAAM,GAAQ,CACT,CACX,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-option\",\n\tstyleUrl: \"style.css\",\n\tshadow: true,\n})\nexport class SmoothlyOption {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) aliases: string\n\t@Prop({ mutable: true, reflect: true }) dataHighlight = false\n\t@Prop({ mutable: true, reflect: true }) name: string\n\t@Prop({ mutable: true, reflect: true }) value: string\n\t@Prop({ mutable: true, reflect: true }) divider?: boolean = false\n\t@Prop() checkbox: boolean\n\t@Prop() new?: boolean\n\t@Prop() toggle = false\n\t@Prop({ mutable: true }) checked = false\n\t@Event() optionHover: EventEmitter<{ value: any; name: string }>\n\t@Event() optionSelect: EventEmitter<{ value: any; name: string }>\n\t@Event() optionUnselect: EventEmitter<{ value: any; name: string }>\n\t@Event() optionAdd: EventEmitter<{ name: string; value: string }>\n\tonHover(event: MouseEvent) {\n\t\tthis.optionHover.emit({ name: this.name, value: this.value })\n\t}\n\tonSelect(event: UIEvent) {\n\t\tif (this.value) {\n\t\t\tthis.new\n\t\t\t\t? this.optionAdd.emit({ name: this.name, value: this.value })\n\t\t\t\t: !this.toggle || (this.toggle && !this.checked)\n\t\t\t\t? this.optionSelect.emit({ name: this.name, value: this.value })\n\t\t\t\t: this.optionUnselect.emit({ name: this.name, value: this.value })\n\t\t\tthis.toggle && (this.checked = !this.checked)\n\t\t} else\n\t\t\tthrow `smoothly-option ${this.element.innerHTML} lacks value-property and can therefore not be selected`\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host onMouseDown={(e: any) => this.onSelect(e)} onMouseOver={(e: MouseEvent) => this.onHover(e)}>\n\t\t\t\t{this.toggle && <smoothly-icon name={this.checked ? \"checkbox\" : \"square-outline\"}></smoothly-icon>}\n\t\t\t\t<div class=\"name\">{this.name}</div>\n\t\t\t\t<smoothly-quiet>\n\t\t\t\t\t<slot name=\"hint\"></slot>\n\t\t\t\t</smoothly-quiet>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -1,42 +0,0 @@
-:host {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	padding: 0.7em 1em;
-	margin-left: 1px;
-	margin-right: 1px;
-	background-color: transparent;
-	position: relative;
-}
-:host([data-highlight]) {
-	background-color: rgb(var(--smoothly-default-shade));
-}
-:host > div.name {
-	padding-left: 0.5em;
-	flex-shrink: 1;
-	width: 100%;
-}
-:host([divider]) {
-	margin-bottom: 0.5em;
-}
-::slotted([slot=right]) {
-	font-style: italic;
-	white-space: nowrap;
-}
-:host([divider])::after {
-	position: absolute;
-	height: 1px;
-	width: 100%;
-	left: 0;
-	bottom: -0.25em;
-	content: "";
-	background-color: rgba(var(--smoothly-dark-color));
-}
-::slotted([slot=hint]) {
-	display: flex;
-	align-items: center;
-	gap: 1ch;
-	font-style: italic;
-	white-space: nowrap;
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOvE,MAAM,OAAO,aAAa;;;;;;;EAOf,KAAK,CAAC,OAAO,CAAC,CAAU;IACjC,IAAI,CAAC,CAAC,MAAM,IAAK,CAAC,CAAC,MAA2B,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;MAC9G,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IACnE,OAAO,IAAI,CAAA;EACZ,CAAC;EACD,MAAM;IACL,OAAO;MACN,aACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAY,CAAC,GACxC;MACF,aAAO,OAAO,EAAE,IAAI,CAAC,KAAK;QACzB,eAAQ,CACD;KACR,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-radio\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyRadio {\n\t@Prop() name: string\n\t@Prop() value: string\n\t@Prop({ mutable: true, reflect: true }) checked: boolean\n\t@Prop() tabIndex: number\n\t@Event() smoothlySelected!: EventEmitter<{ name: string; value: string }>\n\n\tprotected async onInput(e: UIEvent): Promise<boolean> {\n\t\tif (e.target && (e.target as HTMLInputElement).value && (this.checked = (e.target as HTMLInputElement).checked))\n\t\t\tthis.smoothlySelected.emit({ name: this.name, value: this.value })\n\t\treturn true\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<input\n\t\t\t\ttype=\"radio\"\n\t\t\t\tname={this.name}\n\t\t\t\tid={this.value}\n\t\t\t\ttabindex={this.tabIndex}\n\t\t\t\tchecked={this.checked}\n\t\t\t\tvalue={this.value}\n\t\t\t\tonChange={e => this.onInput(e as UIEvent)}\n\t\t\t/>,\n\t\t\t<label htmlFor={this.value}>\n\t\t\t\t<slot />\n\t\t\t</label>,\n\t\t]\n\t}\n}\n"]}

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

@@ -1,31 +0,0 @@
-:host {
-	display: block;
-	position: relative;
-}
-:host[hidden] {
-	display: none;
-}
-label {
-	display: block;
-	width: calc(100% - 2 * 0.4em);
-	padding: 0.2em 0.4em 0.2em 0.4em;
-}
-input[type=radio] {
-	position: absolute;
-	left: 0;
-	top: 0;
-	width: calc(100%);
-	height: 100%;
-	margin: 0;
-	appearance: none;
-	-webkit-appearance: none;
-}
-input[type=radio] ~ label {
-	/*border: 1px solid rgb(var(--smoothly-default-color));*/
-	color: rgba(var(--smoothly-default-contrast), 0.5);
-	background: rgb(var(--smoothly-default-color));
-}
-input[type=radio]:checked ~ label {
-	background-color: rgb(var(--smoothly-default-shade));
-	color: rgb(var(--smoothly-default-contrast));
-}

package/dist/collection/components/radio-button/Selected.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Selected.js.map

package/dist/collection/components/radio-button/Selected.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Selected.js","sourceRoot":"","sources":["../../../src/components/radio-button/Selected.ts"],"names":[],"mappings":"","sourcesContent":["export interface Selected {\n\tvalue: any\n\tselected: boolean\n\tselect: (selected: boolean) => void\n}\n"]}

package/dist/collection/components/radio-button/index.js

@@ -1,137 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class SmoothlyRadioButton {
-  constructor() {
-    this.name = undefined;
-    this.value = undefined;
-    this.deselectable = undefined;
-    this.decoration = "radio";
-  }
-  radioSelectHandler(event) {
-    var _a, _b;
-    if (this.deselectable || ((_a = this.active) === null || _a === void 0 ? void 0 : _a.value) != event.detail.value) {
-      (_b = this.active) === null || _b === void 0 ? void 0 : _b.select(false);
-      this.active = event.detail;
-      this.radioButtonSelected.emit({
-        name: this.name,
-        value: (this.value = this.active.selected ? this.active.value : undefined),
-      });
-      this.active.select(this.active.selected);
-    }
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "smoothly-radio-button"; }
-  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 | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "value": {
-        "type": "any",
-        "mutable": true,
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "deselectable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "deselectable",
-        "reflect": true
-      },
-      "decoration": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"button\" | \"radio\"",
-          "resolved": "\"button\" | \"radio\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "decoration",
-        "reflect": true,
-        "defaultValue": "\"radio\""
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "radioButtonSelected",
-        "name": "radioButtonSelected",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ name: string | undefined; value: any }",
-          "resolved": "{ name: string | undefined; value: any; }",
-          "references": {}
-        }
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "radioItemSelectInternal",
-        "method": "radioSelectHandler",
-        "target": undefined,
-        "capture": true,
-        "passive": false
-      }];
-  }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/radio-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQrF,MAAM,OAAO,mBAAmB;;;;;sBAI2B,OAAO;;EAKjE,kBAAkB,CAAC,KAA4B;;IAC9C,IAAI,IAAI,CAAC,YAAY,IAAI,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;MAClE,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAC,KAAK,CAAC,CAAA;MAC1B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;MAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;QAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;OAC1E,CAAC,CAAA;MACF,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;KACxC;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,eAAa,CACP,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Selected } from \"./Selected\"\n\n@Component({\n\ttag: \"smoothly-radio-button\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyRadioButton {\n\t@Prop() name?: string\n\t@Prop({ mutable: true }) value?: any\n\t@Prop({ reflect: true }) deselectable?: boolean\n\t@Prop({ reflect: true }) decoration: \"button\" | \"radio\" = \"radio\"\n\tactive?: Selected\n\t@Event() radioButtonSelected: EventEmitter<{ name: string | undefined; value: any }>\n\n\t@Listen(\"radioItemSelectInternal\", { capture: true })\n\tradioSelectHandler(event: CustomEvent<Selected>) {\n\t\tif (this.deselectable || this.active?.value != event.detail.value) {\n\t\t\tthis.active?.select(false)\n\t\t\tthis.active = event.detail\n\t\t\tthis.radioButtonSelected.emit({\n\t\t\t\tname: this.name,\n\t\t\t\tvalue: (this.value = this.active.selected ? this.active.value : undefined),\n\t\t\t})\n\t\t\tthis.active.select(this.active.selected)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/radio-button/item/index.js

@@ -1,117 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class SmoothlyRadioButtonItem {
-  constructor() {
-    this.value = undefined;
-    this.selected = undefined;
-    this.color = undefined;
-  }
-  componentWillLoad() {
-    this.selected && this.select(this.selected);
-  }
-  select(selected = false) {
-    this.radioItemSelectInternal.emit({
-      value: this.value,
-      selected: selected,
-      select: s => (this.selected = s),
-    });
-  }
-  render() {
-    return (h(Host, null, h("header", { onClick: () => this.select(!this.selected) }, h("smoothly-icon", { color: this.selected ? "success" : "medium", fill: "outline", name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "tiny", toolTip: "Select" }), h("slot", null), h("slot", { name: "end" })), h("slot", { name: "expansion" })));
-  }
-  static get is() { return "smoothly-radio-button-item"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["style.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "selected": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "selected",
-        "reflect": true
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Color",
-          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
-          "references": {
-            "Color": {
-              "location": "import",
-              "path": "../../../model"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": true
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "radioItemSelectInternal",
-        "name": "radioItemSelectInternal",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "Selected",
-          "resolved": "Selected",
-          "references": {
-            "Selected": {
-              "location": "import",
-              "path": "../Selected"
-            }
-          }
-        }
-      }];
-  }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/radio-button/item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/radio-button/item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAShG,MAAM,OAAO,uBAAuB;;;;;;EAMnC,iBAAiB;IAChB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;EAC5C,CAAC;EAEO,MAAM,CAAC,QAAQ,GAAG,KAAK;IAC9B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;MACjC,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,QAAQ,EAAE,QAAQ;MAClB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;KAChC,CAAC,CAAA;EACH,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QACjD,qBACC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC3C,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAC5D,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,QAAQ,GAAiB;QAClC,eAAa;QACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CAChB;MACT,YAAM,IAAI,EAAC,WAAW,GAAQ,CACxB,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\"\nimport { Color } from \"../../../model\"\nimport { Selected } from \"../Selected\"\n\n@Component({\n\ttag: \"smoothly-radio-button-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyRadioButtonItem implements ComponentWillLoad {\n\t@Prop() value: any\n\t@Prop({ reflect: true, mutable: true }) selected: boolean\n\t@Prop({ reflect: true }) color?: Color\n\t@Event() radioItemSelectInternal: EventEmitter<Selected>\n\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.selected && this.select(this.selected)\n\t}\n\n\tprivate select(selected = false) {\n\t\tthis.radioItemSelectInternal.emit({\n\t\t\tvalue: this.value,\n\t\t\tselected: selected,\n\t\t\tselect: s => (this.selected = s),\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<header onClick={() => this.select(!this.selected)}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tcolor={this.selected ? \"success\" : \"medium\"}\n\t\t\t\t\t\tfill=\"outline\"\n\t\t\t\t\t\tname={this.selected ? \"checkmark-circle\" : \"ellipse-outline\"}\n\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\ttoolTip=\"Select\"></smoothly-icon>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"end\"></slot>\n\t\t\t\t</header>\n\t\t\t\t<slot name=\"expansion\"></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}