smoothly 0.3.38 → 1.0.0-alpha.10

package/dist/cjs/smoothly-address-display.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8352a4e0.js');
+
+const styleCss = ".sc-smoothly-address-display-h{display:block;width:30%}";
+
+const SmoothlyAddressDisplay = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.value = undefined;
+    this.editable = undefined;
+  }
+  render() {
+    if (this.editable) {
+      return [
+        index.h("div", null, index.h("h4", null, this.value.allowed, ":"), index.h("smoothly-input", { type: "text", name: "street", value: this.value.street }, "Street"), index.h("smoothly-input", { type: "postal-code", name: "zip", value: this.value.zipCode }, "ZipCode"), index.h("smoothly-input", { type: "text", name: "city", value: this.value.city }, "City"), index.h("smoothly-input", { type: "text", name: "countryCode", value: this.value.countryCode }, "CountryCode")),
+      ];
+    }
+    else {
+      return [
+        index.h("div", null, index.h("h4", null, this.value.allowed, ":"), index.h("p", null, this.value.street), index.h("p", null, this.value.zipCode), index.h("p", null, this.value.city), index.h("p", null, this.value.countryCode)),
+      ];
+    }
+  }
+};
+SmoothlyAddressDisplay.style = styleCss;
+
+exports.smoothly_address_display = SmoothlyAddressDisplay;
+
+//# sourceMappingURL=smoothly-address-display.cjs.entry.js.map

package/dist/cjs/smoothly-address-display.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"smoothly-address-display.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,yDAAyD;;MCgB7D,sBAAsB;;;;;;EAGlC,MAAM;IACL,IAAI,IAAI,CAAC,QAAQ,EAAE;MAClB,OAAO;QACNA,qBACCA,oBAAK,IAAI,CAAC,KAAK,CAAC,OAAO,MAAO,EAC9BA,4BAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,aAEjD,EACjBA,4BAAgB,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,cAEtD,EACjBA,4BAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,WAE7C,EACjBA,4BAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,kBAE3D,CACZ;OACN,CAAA;KACD;SAAM;MACN,OAAO;QACNA,qBACCA,oBAAK,IAAI,CAAC,KAAK,CAAC,OAAO,MAAO,EAC9BA,mBAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAK,EAC1BA,mBAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAK,EAC3BA,mBAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAK,EACxBA,mBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAK,CAC1B;OACN,CAAA;KACD;GACD;;;;;;","names":["h"],"sources":["./src/components/address-display/style.css?tag=smoothly-address-display&encapsulation=scoped","./src/components/address-display/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: 30%;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport * as isoly from \"isoly\"\n\nexport interface address {\n\tallowed?: string\n\tcountryCode: isoly.CountryCode.Alpha2\n\tstreet: string\n\tzipCode: string\n\tcity: string\n}\n\n@Component({\n\ttag: \"smoothly-address-display\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyAddressDisplay {\n\t@Prop() value: address\n\t@Prop() editable: boolean\n\trender() {\n\t\tif (this.editable) {\n\t\t\treturn [\n\t\t\t\t<div>\n\t\t\t\t\t<h4>{this.value.allowed}:</h4>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"street\" value={this.value.street}>\n\t\t\t\t\t\tStreet\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"postal-code\" name=\"zip\" value={this.value.zipCode}>\n\t\t\t\t\t\tZipCode\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"city\" value={this.value.city}>\n\t\t\t\t\t\tCity\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"countryCode\" value={this.value.countryCode}>\n\t\t\t\t\t\tCountryCode\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</div>,\n\t\t\t]\n\t\t} else {\n\t\t\treturn [\n\t\t\t\t<div>\n\t\t\t\t\t<h4>{this.value.allowed}:</h4>\n\t\t\t\t\t<p>{this.value.street}</p>\n\t\t\t\t\t<p>{this.value.zipCode}</p>\n\t\t\t\t\t<p>{this.value.city}</p>\n\t\t\t\t\t<p>{this.value.countryCode}</p>\n\t\t\t\t</div>,\n\t\t\t]\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/cjs/smoothly-address.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8352a4e0.js');
+
+const styleCss = ".sc-smoothly-address-h{display:flex;justify-content:space-evenly}";
+
+const SmoothlyAddress = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.value = undefined;
+    this.editable = false;
+  }
+  render() {
+    return index.h("smoothly-address-display", { value: this.value, editable: this.editable });
+  }
+};
+SmoothlyAddress.style = styleCss;
+
+exports.smoothly_address = SmoothlyAddress;
+
+//# sourceMappingURL=smoothly-address.cjs.entry.js.map

package/dist/cjs/smoothly-address.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"smoothly-address.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,mEAAmE;;MCOvE,eAAe;;;;oBAER,KAAK;;EACxB,MAAM;IACL,OAAOA,sCAA0B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAA6B,CAAA;GACxG;;;;;;","names":["h"],"sources":["./src/components/address/style.css?tag=smoothly-address&encapsulation=scoped","./src/components/address/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tjustify-content: space-evenly;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { address } from \"../address-display\"\n@Component({\n\ttag: \"smoothly-address\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyAddress {\n\t@Prop() value: address\n\t@Prop() editable = false\n\trender() {\n\t\treturn <smoothly-address-display value={this.value} editable={this.editable}></smoothly-address-display>\n\t}\n}\n"],"version":3}

package/dist/cjs/smoothly-addresses.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8352a4e0.js');
+
+const styleCss = ".sc-smoothly-addresses-h{display:flex;justify-content:space-around}";
+
+const SmoothlyAddresses = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.value = undefined;
+    this.editable = undefined;
+  }
+  render() {
+    return [this.value.map(value => index.h("smoothly-address", { value: value }))];
+  }
+};
+SmoothlyAddresses.style = styleCss;
+
+exports.smoothly_addresses = SmoothlyAddresses;
+
+//# sourceMappingURL=smoothly-addresses.cjs.entry.js.map

package/dist/cjs/smoothly-addresses.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"smoothly-addresses.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,qEAAqE;;MCOzE,iBAAiB;;;;;;EAG7B,MAAM;IACL,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAIA,8BAAkB,KAAK,EAAE,KAAK,GAAqB,CAAC,CAAC,CAAA;GACrF;;;;;;","names":["h"],"sources":["./src/components/addresses/style.css?tag=smoothly-addresses&encapsulation=scoped","./src/components/addresses/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tjustify-content: space-around;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { address } from \"../address-display\"\n@Component({\n\ttag: \"smoothly-addresses\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyAddresses {\n\t@Prop() value: address[]\n\t@Prop() editable: boolean[]\n\trender() {\n\t\treturn [this.value.map(value => <smoothly-address value={value}></smoothly-address>)]\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8352a4e0.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)}";
+
+const SmoothlyColor = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+  }
+  render() {
+    return index.h("slot", null);
+  }
+};
+SmoothlyColor.style = styleCss;
+
+exports.smoothly_color = SmoothlyColor;
+
+//# sourceMappingURL=smoothly-color.cjs.entry.js.map

package/dist/cjs/smoothly-color.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"smoothly-color.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,m3EAAm3E;;MCQv3E,aAAa;;;;;EAGzB,MAAM;IACL,OAAOA,qBAAa,CAAA;GACpB;;;;;;","names":["h"],"sources":["./src/components/color/style.css?tag=smoothly-color&encapsulation=scoped","./src/components/color/index.tsx"],"sourcesContent":["[color=default] {\n\t--smoothly-color: var(--smoothly-default-color);\n\t--smoothly-color-contrast: var(--smoothly-default-contrast);\n\t--smoothly-color-shade: var(--smoothly-default-shade);\n\t--smoothly-color-tint: var(--smoothly-default-tint);\n}\n\n[color=primary] {\n\t--smoothly-color: var(--smoothly-primary-color);\n\t--smoothly-color-contrast: var(--smoothly-primary-contrast);\n\t--smoothly-color-shade: var(--smoothly-primary-shade);\n\t--smoothly-color-tint: var(--smoothly-primary-tint);\n}\n\n[color=secondary] {\n\t--smoothly-color: var(--smoothly-secondary-color);\n\t--smoothly-color-contrast: var(--smoothly-secondary-contrast);\n\t--smoothly-color-shade: var(--smoothly-secondary-shade);\n\t--smoothly-color-tint: var(--smoothly-secondary-tint);\n}\n\n[color=tertiary] {\n\t--smoothly-color: var(--smoothly-tertiary-color);\n\t--smoothly-color-contrast: var(--smoothly-tertiary-contrast);\n\t--smoothly-color-shade: var(--smoothly-tertiary-shade);\n\t--smoothly-color-tint: var(--smoothly-tertiary-tint);\n}\n\n[color=success] {\n\t--smoothly-color: var(--smoothly-success-color);\n\t--smoothly-color-contrast: var(--smoothly-success-color);\n\t--smoothly-color-shade: var(--smoothly-success-shade);\n\t--smoothly-color-tint: var(--smoothly-success-tint);\n}\n\n[color=warning] {\n\t--smoothly-color: var(--smoothly-warning-color);\n\t--smoothly-color-contrast: var(--smoothly-warning-contrast);\n\t--smoothly-color-shade: var(--smoothly-warning-shade);\n\t--smoothly-color-tint: var(--smoothly-warning-tint);\n}\n\n[color=danger] {\n\t--smoothly-color: var(--smoothly-danger-color);\n\t--smoothly-color-contrast: var(--smoothly-danger-contrast);\n\t--smoothly-color-shade: var(--smoothly-danger-shade);\n\t--smoothly-color-tint: var(--smoothly-danger-tint);\n}\n\n[color=light] {\n\t--smoothly-color: var(--smoothly-light-color);\n\t--smoothly-color-contrast: var(--smoothly-light-contrast);\n\t--smoothly-color-shade: var(--smoothly-light-shade);\n\t--smoothly-color-tint: var(--smoothly-light-tint);\n}\n\n[color=medium] {\n\t--smoothly-color: var(--smoothly-medium-color);\n\t--smoothly-color-contrast: var(--smoothly-medium-contrast);\n\t--smoothly-color-shade: var(--smoothly-medium-shade);\n\t--smoothly-color-tint: var(--smoothly-medium-tint);\n}\n\n[color=dark] {\n\t--smoothly-color: var(--smoothly-dark-color);\n\t--smoothly-color-contrast: var(--smoothly-dark-contrast);\n\t--smoothly-color-shade: var(--smoothly-dark-shade);\n\t--smoothly-color-tint: var(--smoothly-dark-tint);\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { Color } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyColor {\n\t@Prop({ reflect: true }) color?: Color\n\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"],"version":3}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-de46f836.js');
+const index = require('./index-8352a4e0.js');
 const getLanguage = require('./getLanguage-430ecf04.js');
 
 function from$K(country) {
@@ -11948,3 +11948,5 @@ const SmoothlyCountry = class {
 };
 
 exports.smoothly_country = SmoothlyCountry;
+
+//# sourceMappingURL=smoothly-country.cjs.entry.js.map