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

package/dist/esm/smoothly-checkbox.entry.js

@@ -0,0 +1,98 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-258984d3.js';
+import { L as Language, g as getLanguage } from './getLanguage-1e9ec036.js';
+
+function create$1(translations, language) {
+    let result;
+    if (!language) {
+        const translation = translations;
+        result = (message, ...argument) => {
+            const r = translation[message];
+            return !r
+                ? fallback(message, ...argument)
+                : typeof r == "function"
+                    ? r(...argument)
+                    : argument.length > 0
+                        ? fallback(r, ...argument)
+                        : r;
+        };
+    }
+    else {
+        if (!Language.is(language))
+            language = getLanguage(language);
+        const translation = language && translations[language];
+        result = translation ? create$1(translation) : fallback;
+    }
+    return result;
+}
+function fallback(message, ...argument) {
+    return argument.length > 0 ? argument.reduce((r, a, i) => r.replace("$" + i, a), message) : message;
+}
+
+const sv = {
+  "Select all": "Markera alla",
+  "Deselect all": "Avmarkera alla",
+  Select: "Markera",
+  Deselect: "Avmarkera",
+};
+
+function create(language) {
+  return create$1({
+    sv,
+  }, language);
+}
+
+const styleCss = "*.sc-smoothly-checkbox{box-sizing:border-box}.sc-smoothly-checkbox-h{display:grid;width:fit-content;grid-template-columns:auto 1fr;row-gap:0.5rem;align-items:center}.sc-smoothly-checkbox-h label.sc-smoothly-checkbox:empty{display:none}.sc-smoothly-checkbox-h label.sc-smoothly-checkbox{grid-column:2;margin-left:0.2rem}.sc-smoothly-checkbox-h smoothly-icon.sc-smoothly-checkbox{grid-column:1;line-height:0;border:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-checkbox-h:not([disabled]):not([unavailable]) smoothly-icon.sc-smoothly-checkbox{cursor:pointer}[disabled].sc-smoothly-checkbox-h smoothly-icon.sc-smoothly-checkbox,[unavailable].sc-smoothly-checkbox-h smoothly-icon.sc-smoothly-checkbox{border-color:rgb(var(--smoothly-color-contrast), 0.3)}[disabled].sc-smoothly-checkbox-h smoothly-icon.sc-smoothly-checkbox,[unavailable].sc-smoothly-checkbox-h smoothly-icon.sc-smoothly-checkbox{opacity:0.7}.sc-smoothly-checkbox-h:not([checked]) smoothly-icon.sc-smoothly-checkbox,.sc-smoothly-checkbox-h:not([intermediate]) smoothly-icon .sc-smoothly-checkbox:not([unavailable]){stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-checkbox-h div.expansion.sc-smoothly-checkbox{position:relative;grid-column-start:2;background-color:rgb(var(--smoothly-secondary-color));color:rgb(var(--smoothly-secondary-contrast));padding:0.5rem;border-radius:5px}.sc-smoothly-checkbox-h:not([checked]) div.expansion.sc-smoothly-checkbox,.sc-smoothly-checkbox-h div.expansion.sc-smoothly-checkbox:empty{display:none}.sc-smoothly-checkbox-h div.expansion.sc-smoothly-checkbox::before{content:\"\\25B2\";position:absolute;bottom:calc(100% + 0.5rem  - 0.3rem );line-height:0;left:0.5rem;color:rgb(var(--smoothly-secondary-color))}";
+
+const SmoothlyCheckbox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.smoothlyInput = createEvent(this, "smoothlyInput", 7);
+    this.size = "tiny";
+    this.checked = false;
+    this.intermediate = false;
+    this.unavailable = false;
+    this.disabled = false;
+    this.name = undefined;
+    this.value = undefined;
+    this.t = undefined;
+  }
+  componentWillLoad() {
+    this.t = create(this.element);
+  }
+  unavailableChanged() {
+    if (this.unavailable && this.checked)
+      this.smoothlyInput.emit({ [this.name]: undefined });
+  }
+  async toggle() {
+    if (!this.disabled && !this.unavailable) {
+      const checked = this.intermediate || this.checked == false;
+      this.smoothlyInput.emit({
+        [this.name]: checked ? this.value : undefined,
+      });
+      this.checked = checked;
+    }
+  }
+  async clear() {
+    this.checked = false;
+    this.smoothlyInput.emit({ [this.name]: undefined });
+  }
+  render() {
+    return (h(Host, null, h("smoothly-icon", { toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        ? "close-outline"
+        : this.intermediate && !this.checked
+          ? "remove-outline"
+          : this.checked && !this.intermediate
+            ? "checkmark-outline"
+            : "empty" }), h("label", { htmlFor: this.name }, h("slot", null)), h("div", { class: "expansion" }, h("slot", { name: "expansion" }))));
+  }
+  get element() { return getElement(this); }
+  static get watchers() { return {
+    "checked": ["unavailableChanged"],
+    "unavailable": ["unavailableChanged"]
+  }; }
+};
+SmoothlyCheckbox.style = styleCss;
+
+export { SmoothlyCheckbox as smoothly_checkbox };
+
+//# sourceMappingURL=smoothly-checkbox.entry.js.map

package/dist/esm/smoothly-checkbox.entry.js.map

@@ -0,0 +1 @@
+{"file":"smoothly-checkbox.entry.js","mappings":"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","names":["create","isoly.Language","langly.create","translation.create"],"sources":["./node_modules/langly/dist/create.js","./src/components/checkbox/translation/sv.ts","./src/components/checkbox/translation/index.ts","./src/components/checkbox/style.css?tag=smoothly-checkbox&encapsulation=scoped","./src/components/checkbox/index.tsx"],"sourcesContent":["import * as isoly from \"isoly\";\nimport { getLanguage } from \"./getLanguage\";\nexport function create(translations, language) {\n    let result;\n    if (!language) {\n        const translation = translations;\n        result = (message, ...argument) => {\n            const r = translation[message];\n            return !r\n                ? fallback(message, ...argument)\n                : typeof r == \"function\"\n                    ? r(...argument)\n                    : argument.length > 0\n                        ? fallback(r, ...argument)\n                        : r;\n        };\n    }\n    else {\n        if (!isoly.Language.is(language))\n            language = getLanguage(language);\n        const translation = language && translations[language];\n        result = translation ? create(translation) : fallback;\n    }\n    return result;\n}\nfunction fallback(message, ...argument) {\n    return argument.length > 0 ? argument.reduce((r, a, i) => r.replace(\"$\" + i, a), message) : message;\n}\n//# sourceMappingURL=create.js.map","export const sv = {\n\t\"Select all\": \"Markera alla\",\n\t\"Deselect all\": \"Avmarkera alla\",\n\tSelect: \"Markera\",\n\tDeselect: \"Avmarkera\",\n}\n","import * as isoly from \"isoly\"\nimport * as langly from \"langly\"\nimport { sv } from \"./sv\"\n\nexport function create(language: isoly.Language | HTMLElement): langly.Translate {\n\treturn langly.create(\n\t\t{\n\t\t\tsv,\n\t\t},\n\t\tlanguage\n\t)\n}\n","* {\n\tbox-sizing: border-box;\n}\n:host {\n\tdisplay: grid;\n\twidth: fit-content;\n\tgrid-template-columns: auto 1fr;\n\trow-gap: 0.5rem;\n\talign-items: center;\n}\n:host label:empty {\n\tdisplay: none;\n}\n:host label {\n\tgrid-column: 2;\n\tmargin-left: 0.2rem;\n}\n\n:host smoothly-icon {\n\tgrid-column: 1;\n\tline-height: 0;\n\tborder: 1px solid rgb(var(--smoothly-color-contrast));\n}\n:host:not([disabled]):not([unavailable]) smoothly-icon {\n\tcursor: pointer;\n}\n:host[disabled] smoothly-icon,\n:host[unavailable] smoothly-icon {\n\tborder-color: rgb(var(--smoothly-color-contrast), 0.3);\n}\n:host[disabled] smoothly-icon,\n:host[unavailable] smoothly-icon {\n\topacity: 0.7;\n}\n:host:not([checked]) smoothly-icon,\n:host:not([intermediate]) smoothly-icon\n:host:not([unavailable]) {\n\tstroke: rgb(var(--smoothly-color-contrast));\n}\n\n:host div.expansion {\n\tposition: relative;\n\tgrid-column-start: 2;\n\tbackground-color: rgb(var(--smoothly-secondary-color));\n\tcolor: rgb(var(--smoothly-secondary-contrast));\n\tpadding: 0.5rem;\n\tborder-radius: 5px;\n}\n:host:not([checked]) div.expansion,\n:host div.expansion:empty {\n\tdisplay: none;\n}\n:host div.expansion::before {\n\tcontent: \"\\25B2\";\n\tposition: absolute;\n\tbottom: calc(100% + 0.5rem /* <-- alignment */ - 0.3rem /* <-- adjustment*/);\n\tline-height: 0;\n\tleft: 0.5rem;\n\tcolor: rgb(var(--smoothly-secondary-color))\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport * as langly from \"langly\"\nimport { Clearable } from \"../input/Clearable\"\nimport * as translation from \"./translation\"\n@Component({\n\ttag: \"smoothly-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyCheckbox implements Clearable {\n\t@Element() element: HTMLElement\n\t@Prop() size: \"tiny\" | \"small\" | \"medium\" | \"large\" = \"tiny\"\n\t@Prop({ mutable: true, reflect: true }) checked = false\n\t@Prop({ mutable: true, reflect: true }) intermediate = false\n\t@Prop({ reflect: true }) unavailable = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() name: string\n\t@Prop() value: any\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@State() t: langly.Translate\n\n\tcomponentWillLoad() {\n\t\tthis.t = translation.create(this.element)\n\t}\n\n\t@Watch(\"checked\")\n\t@Watch(\"unavailable\")\n\tunavailableChanged(): void {\n\t\tif (this.unavailable && this.checked)\n\t\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tif (!this.disabled && !this.unavailable) {\n\t\t\tconst checked = this.intermediate || this.checked == false\n\t\t\tthis.smoothlyInput.emit({\n\t\t\t\t[this.name]: checked ? this.value : undefined,\n\t\t\t})\n\t\t\tthis.checked = checked\n\t\t}\n\t}\n\t@Method()\n\tasync clear() {\n\t\tthis.checked = false\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\ttoolTip={this.t(!this.checked ? \"Select\" : \"De-select\")}\n\t\t\t\t\tonClick={() => this.toggle()}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tname={\n\t\t\t\t\t\tthis.unavailable\n\t\t\t\t\t\t\t? \"close-outline\"\n\t\t\t\t\t\t\t: this.intermediate && !this.checked\n\t\t\t\t\t\t\t? \"remove-outline\"\n\t\t\t\t\t\t\t: this.checked && !this.intermediate\n\t\t\t\t\t\t\t? \"checkmark-outline\"\n\t\t\t\t\t\t\t: \"empty\"\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={this.name}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t\t<div class={\"expansion\"}>\n\t\t\t\t\t<slot name=\"expansion\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/esm/smoothly-color.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-6ac4212d.js';
+import { r as registerInstance, h } from './index-258984d3.js';
 
 const styleCss = "[color=default].sc-smoothly-color{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-color{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-color{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-color{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-color{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-color{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-color{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-color{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-color{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-color{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}";
 

package/dist/esm/smoothly-country.entry.js

@@ -1,5 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-6ac4212d.js';
-import { A as Alpha2, g as getLanguage } from './getLanguage-ffacd7b7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-258984d3.js';
+import { A as Alpha2 } from './TimeZone-c8df4905.js';
+import { g as getLanguage } from './getLanguage-1e9ec036.js';
 
 function from$K(country) {
     return names$J[country] || from$K(Alpha2.from(country));
@@ -2590,7 +2591,7 @@ const names$z = {
     BJ: "Benin",
     BM: "Bermuda",
     BT: "Bhutan",
-    BO: "Bolivia",
+    BO: "Bolivia Plurinational State of",
     BA: "Bosnia and Herzegovina",
     BW: "Botswana",
     BV: "Bouvet Island",
@@ -2603,7 +2604,7 @@ const names$z = {
     KH: "Cambodia",
     CM: "Cameroon",
     CA: "Canada",
-    CV: "Cape Verde",
+    CV: "Cabo Verde",
     KY: "Cayman Islands",
     CF: "Central African Republic",
     TD: "Chad",
@@ -2621,7 +2622,7 @@ const names$z = {
     HR: "Croatia",
     CU: "Cuba",
     CY: "Cyprus",
-    CZ: "Czech Republic",
+    CZ: "Czechia",
     DK: "Denmark",
     DJ: "Djibouti",
     DM: "Dominica",
@@ -2690,7 +2691,7 @@ const names$z = {
     LT: "Lithuania",
     LU: "Luxembourg",
     MO: "Macao",
-    MK: "Macedonia, the Former Yugoslav Republic of",
+    MK: "North Macedonia",
     MG: "Madagascar",
     MW: "Malawi",
     MY: "Malaysia",
@@ -2727,7 +2728,7 @@ const names$z = {
     OM: "Oman",
     PK: "Pakistan",
     PW: "Palau",
-    PS: "Palestinian Territory, Occupied",
+    PS: "Palestine, State of",
     PA: "Panama",
     PG: "Papua New Guinea",
     PY: "Paraguay",
@@ -2742,7 +2743,7 @@ const names$z = {
     RO: "Romania",
     RU: "Russian Federation",
     RW: "Rwanda",
-    SH: "Saint Helena",
+    SH: "Saint Helena Ascension Island Tristan da Cunha",
     KN: "Saint Kitts and Nevis",
     LC: "Saint Lucia",
     PM: "Saint Pierre and Miquelon",
@@ -2766,7 +2767,7 @@ const names$z = {
     SD: "Sudan",
     SR: "Suriname",
     SJ: "Svalbard and Jan Mayen",
-    SZ: "Swaziland",
+    SZ: "Eswatini",
     SE: "Sweden",
     CH: "Switzerland",
     SY: "Syrian Arab Republic",