smoothly 0.1.114 → 0.1.115

package/dist/cjs/smoothly-icon-demo.cjs.entry.js

@@ -1,491 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = "icon-demo.sc-smoothly-icon-demo{display:block}icon-demo[hidden].sc-smoothly-icon-demo{display:none}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo>*.sc-smoothly-icon-demo{margin:1cm}";
-
-let SmoothlyIconDemo = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.page = 0;
-  }
-  render() {
-    return [
-      index.h("h1", null, "Icons"),
-      index.h("content", null, [
-        "add-circle",
-        "add",
-        "airplane",
-        "alarm",
-        "albums",
-        "alert-circle",
-        "alert",
-        "american-football",
-        "analytics",
-        "aperture",
-        "apps",
-        "archive",
-        "arrow-back-circle",
-        "arrow-back",
-        "arrow-down-circle",
-        "arrow-down",
-        "arrow-forward-circle",
-        "arrow-forward",
-        "arrow-redo-circle",
-        "arrow-redo",
-        "arrow-undo-circle",
-        "arrow-undo",
-        "arrow-up-circle",
-        "arrow-up",
-        "at-circle",
-        "at",
-        "attach",
-        "backspace",
-        "bandage",
-        "barbell",
-        "bar-chart",
-        "barcode",
-        "baseball",
-        "basketball",
-        "basket",
-        "battery-charging",
-        "battery-dead",
-        "battery-full",
-        "battery-half",
-        "beaker",
-        "bed",
-        "beer",
-        "bicycle",
-        "bluetooth",
-        "boat",
-        "body",
-        "bonfire",
-        "bookmarks",
-        "bookmark",
-        "book",
-        "briefcase",
-        "browsers",
-        "brush",
-        "bug",
-        "build",
-        "bulb",
-        "business",
-        "bus",
-        "cafe",
-        "calculator",
-        "calendar",
-        "call",
-        "camera-reverse",
-        "camera",
-        "card",
-        "caret-back-circle",
-        "caret-back",
-        "caret-down-circle",
-        "caret-down",
-        "caret-forward-circle",
-        "caret-forward",
-        "caret-up-circle",
-        "caret-up",
-        "car-sport",
-        "car",
-        "cart",
-        "cash",
-        "cellular",
-        "chatbox-ellipses",
-        "chatbox",
-        "chatbubble-ellipses",
-        "chatbubbles",
-        "chatbubble",
-        "checkbox",
-        "checkmark-circle",
-        "checkmark-done-circle",
-        "checkmark-done",
-        "checkmark",
-        "chevron-back-circle",
-        "chevron-back",
-        "chevron-down-circle",
-        "chevron-down",
-        "chevron-forward-circle",
-        "chevron-forward",
-        "chevron-up-circle",
-        "chevron-up",
-        "clipboard",
-        "close-circle",
-        "close",
-        "cloud-circle",
-        "cloud-done",
-        "cloud-download",
-        "cloud-offline",
-        "cloud",
-        "cloud-upload",
-        "cloudy-night",
-        "cloudy",
-        "code-download",
-        "code-slash",
-        "code",
-        "code-working",
-        "cog",
-        "color-fill",
-        "color-filter",
-        "color-palette",
-        "color-wand",
-        "compass",
-        "construct",
-        "contract",
-        "contrast",
-        "copy",
-        "create",
-        "crop",
-        "cube",
-        "cut",
-        "desktop",
-        "disc",
-        "document-attach",
-        "documents",
-        "document",
-        "document-text",
-        "download",
-        "duplicate",
-        "ear",
-        "earth",
-        "easel",
-        "egg",
-        "ellipse",
-        "ellipsis-horizontal-circle",
-        "ellipsis-horizontal",
-        "ellipsis-vertical-circle",
-        "ellipsis-vertical",
-        "enter",
-        "exit",
-        "expand",
-        "eyedrop",
-        "eye-off",
-        "eye",
-        "fast-food",
-        "female",
-        "file-tray-full",
-        "file-tray-stacked",
-        "file-tray",
-        "film",
-        "filter",
-        "finger-print",
-        "fitness",
-        "flag",
-        "flame",
-        "flashlight",
-        "flash-off",
-        "flash",
-        "flask",
-        "flower",
-        "folder-open",
-        "folder",
-        "football",
-        "funnel",
-        "game-controller",
-        "gift",
-        "git-branch",
-        "git-commit",
-        "git-compare",
-        "git-merge",
-        "git-network",
-        "git-pull-request",
-        "glasses",
-        "globe",
-        "golf",
-        "grid",
-        "hammer",
-        "hand-left",
-        "hand-right",
-        "happy",
-        "hardware-chip",
-        "headset",
-        "heart-circle",
-        "heart-dislike-circle",
-        "heart-dislike",
-        "heart-half",
-        "heart",
-        "help-buoy",
-        "help-circle",
-        "help",
-        "home",
-        "hourglass",
-        "ice-cream",
-        "images",
-        "image",
-        "infinite",
-        "information-circle",
-        "information",
-        "journal",
-        "keypad",
-        "key",
-        "language",
-        "laptop",
-        "layers",
-        "leaf",
-        "library",
-        "link",
-        "list-circle",
-        "list",
-        "locate",
-        "location",
-        "lock-closed",
-        "lock-open",
-        "log-in",
-        "logo-amazon",
-        "logo-amplify",
-        "logo-android",
-        "logo-angular",
-        "logo-apple-appstore",
-        "logo-apple",
-        "logo-behance",
-        "logo-bitbucket",
-        "logo-bitcoin",
-        "logo-buffer",
-        "logo-capacitor",
-        "logo-chrome",
-        "logo-closed-captioning",
-        "logo-codepen",
-        "logo-css3",
-        "logo-designernews",
-        "logo-docker",
-        "logo-dribbble",
-        "logo-dropbox",
-        "logo-edge",
-        "logo-electron",
-        "logo-euro",
-        "logo-facebook",
-        "logo-firebase",
-        "logo-firefox",
-        "logo-flickr",
-        "logo-foursquare",
-        "logo-github",
-        "logo-gitlab",
-        "logo-google-playstore",
-        "logo-google",
-        "logo-hackernews",
-        "logo-html5",
-        "logo-instagram",
-        "logo-ionic",
-        "logo-ionitron",
-        "logo-javascript",
-        "logo-laravel",
-        "logo-linkedin",
-        "logo-markdown",
-        "logo-medium",
-        "logo-nodejs",
-        "logo-no-smoking",
-        "logo-npm",
-        "logo-octocat",
-        "logo-paypal",
-        "logo-pinterest",
-        "logo-playstation",
-        "logo-pwa",
-        "logo-python",
-        "logo-react",
-        "logo-reddit",
-        "logo-rss",
-        "logo-sass",
-        "logo-skype",
-        "logo-slack",
-        "logo-snapchat",
-        "logo-soundcloud",
-        "logo-stackoverflow",
-        "logo-steam",
-        "logo-stencil",
-        "logo-tiktok",
-        "logo-tumblr",
-        "logo-tux",
-        "logo-twitch",
-        "logo-twitter",
-        "logo-usd",
-        "log-out",
-        "logo-web-component",
-        "logo-venmo",
-        "logo-whatsapp",
-        "logo-vimeo",
-        "logo-windows",
-        "logo-vk",
-        "logo-wordpress",
-        "logo-vue",
-        "logo-xbox",
-        "logo-xing",
-        "logo-yahoo",
-        "logo-yen",
-        "logo-youtube",
-        "magnet",
-        "mail-open",
-        "mail",
-        "mail-unread",
-        "male-female",
-        "male",
-        "man",
-        "map",
-        "medal",
-        "medical",
-        "medkit",
-        "megaphone",
-        "menu",
-        "mic-circle",
-        "mic-off-circle",
-        "mic-off",
-        "mic",
-        "moon",
-        "move",
-        "musical-notes",
-        "musical-note",
-        "navigate-circle",
-        "navigate",
-        "newspaper",
-        "notifications-circle",
-        "notifications-off-circle",
-        "notifications-off",
-        "notifications",
-        "nuclear",
-        "nutrition",
-        "open",
-        "options",
-        "paper-plane",
-        "partly-sunny",
-        "pause-circle",
-        "pause",
-        "paw",
-        "pencil",
-        "people-circle",
-        "people",
-        "person-add",
-        "person-circle",
-        "person-remove",
-        "person",
-        "phone-landscape",
-        "phone-portrait",
-        "pie-chart",
-        "pin",
-        "pint",
-        "pizza",
-        "planet",
-        "play-back-circle",
-        "play-back",
-        "play-circle",
-        "play-forward-circle",
-        "play-forward",
-        "play-skip-back-circle",
-        "play-skip-back",
-        "play-skip-forward-circle",
-        "play-skip-forward",
-        "play",
-        "podium",
-        "power",
-        "pricetags",
-        "pricetag",
-        "print",
-        "pulse",
-        "push",
-        "qr-code",
-        "radio-button-off",
-        "radio-button-on",
-        "radio",
-        "rainy",
-        "reader",
-        "receipt",
-        "recording",
-        "refresh-circle",
-        "refresh",
-        "reload-circle",
-        "reload",
-        "remove-circle",
-        "remove",
-        "reorder-four",
-        "reorder-three",
-        "reorder-two",
-        "repeat",
-        "resize",
-        "restaurant",
-        "return-down-back",
-        "return-down-forward",
-        "return-up-back",
-        "return-up-forward",
-        "ribbon",
-        "rocket",
-        "rose",
-        "sad",
-        "save",
-        "scan-circle",
-        "scan",
-        "school",
-        "search-circle",
-        "search",
-        "send",
-        "server",
-        "settings",
-        "shapes",
-        "share-social",
-        "share",
-        "shield-checkmark",
-        "shield",
-        "shirt",
-        "shuffle",
-        "skull",
-        "snow",
-        "speedometer",
-        "square",
-        "star-half",
-        "star",
-        "stats-chart",
-        "stop-circle",
-        "stop",
-        "stopwatch",
-        "subway",
-        "sunny",
-        "swap-horizontal",
-        "swap-vertical",
-        "sync-circle",
-        "sync",
-        "tablet-landscape",
-        "tablet-portrait",
-        "tennisball",
-        "terminal",
-        "text",
-        "thermometer",
-        "thumbs-down",
-        "thumbs-up",
-        "thunderstorm",
-        "timer",
-        "time",
-        "today",
-        "toggle",
-        "trail-sign",
-        "train",
-        "transgender",
-        "trash-bin",
-        "trash",
-        "trending-down",
-        "trending-up",
-        "triangle",
-        "trophy",
-        "tv",
-        "umbrella",
-        "walk",
-        "wallet",
-        "warning",
-        "watch",
-        "water",
-        "videocam",
-        "wifi",
-        "wine",
-        "volume-high",
-        "volume-low",
-        "volume-medium",
-        "volume-mute",
-        "volume-off",
-        "woman",
-      ]
-        .slice(this.page * 100, 100)
-        .map(name => (index.h("smoothly-icon", { name: name, toolTip: name })))),
-    ];
-  }
-};
-SmoothlyIconDemo.style = styleCss;
-
-exports.smoothly_icon_demo = SmoothlyIconDemo;

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

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-const styleCss = "[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:block}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{width:1.2em;height:1.2em}[size=small].sc-smoothly-icon-h{width:1.4em;height:1.4em}[size=medium].sc-smoothly-icon-h{width:1.8em;height:1.8em}[size=large].sc-smoothly-icon-h{width:2.8em;height:2.8em}[size=xlarge].sc-smoothly-icon-h{width:4em;height:4em}";
-
-let SmoothlyIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fill = "solid";
-    this.size = "medium";
-  }
-  async loadDocument() {
-    if (this.name)
-      this.document = await SmoothlyIcon.load(this.name);
-  }
-  async componentWillLoad() {
-    await this.loadDocument();
-  }
-  hostData() {
-    return {
-      innerHTML: this.document
-        ? this.document
-          .replace(` width="512" height="512"`, "")
-          .replace(/(<title>)[\w\d\s-]*(<\/title>)/, `<title>${this.toolTip || ""}</title>`)
-          .replace(/stroke:#000;/gi, "")
-        : undefined,
-    };
-  }
-  __stencil_render() {
-    return [];
-  }
-  static async fetch(url) {
-    const response = await fetch(url);
-    return response.ok ? response.text() : undefined;
-  }
-  static async load(name) {
-    var _a;
-    const url = `https://unpkg.com/ionicons@5.0.0/dist/svg/${name}.svg`;
-    return (_a = SmoothlyIcon.cache[url]) !== null && _a !== void 0 ? _a : (SmoothlyIcon.cache[url] = SmoothlyIcon.fetch(url));
-  }
-  static get watchers() { return {
-    "name": ["loadDocument"]
-  }; }
-  render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
-};
-SmoothlyIcon.cache = {};
-SmoothlyIcon.style = styleCss;
-
-exports.smoothly_icon = SmoothlyIcon;

package/dist/cjs/smoothly-input-date-range.cjs.entry.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-const index$1 = require('./index-ac32385c.js');
-require('./_commonjsHelpers-10109b76.js');
-
-const styleCss = ".sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--background, transparent);border-radius:0.25rem;cursor:pointer}smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent;width:var(--input-width)}span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}";
-
-let InputDateRange = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.valueChanged = index.createEvent(this, "valueChanged", 7);
-    this.dateRangeSelected = index.createEvent(this, "dateRangeSelected", 7);
-    this.showLabel = true;
-  }
-  onValue(next) {
-    this.valueChanged.emit(next);
-  }
-  onStartChanged(event) {
-    this.start = event.detail;
-  }
-  onEndChanged(event) {
-    this.end = event.detail;
-  }
-  onDateRangeSet(event) {
-    console.log("dateRangeSet", event.detail);
-    this.open = false;
-    event.stopPropagation();
-    index$1.dist.DateRange.is(event.detail) && this.dateRangeSelected.emit(event.detail);
-  }
-  render() {
-    var _a;
-    return [
-      index.h("section", { onClick: () => (this.open = !this.open) }, index.h("smoothly-input", { type: "date", value: this.start, showLabel: this.showLabel, onSmoothlyChanged: e => (this.start = e.detail.value) }, "from"), index.h("span", null, "\u2013"), index.h("smoothly-input", { type: "date", showLabel: this.showLabel, value: this.end, onSmoothlyChanged: e => (this.end = e.detail.value) }, "to")),
-      this.open ? index.h("div", { onClick: () => (this.open = false) }) : [],
-      this.open ? (index.h("nav", null, index.h("div", { class: "arrow" }), index.h("smoothly-calendar", { doubleInput: true, value: (_a = this.value) !== null && _a !== void 0 ? _a : index$1.dist.Date.now(), onValueChanged: event => {
-          this.value = event.detail;
-          event.stopPropagation();
-        }, start: this.start, end: this.end, max: this.max, min: this.min }))) : ([]),
-    ];
-  }
-  static get watchers() { return {
-    "value": ["onValue"]
-  }; }
-};
-InputDateRange.style = styleCss;
-
-exports.smoothly_input_date_range = InputDateRange;

package/dist/cjs/smoothly-input-date.cjs.entry.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-const index$1 = require('./index-ac32385c.js');
-require('./_commonjsHelpers-10109b76.js');
-
-const styleCss = ".sc-smoothly-input-date-h{position:relative}nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>.arrow.sc-smoothly-input-date{position:absolute;z-index:9;transform:translate(2em, -.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}";
-
-let InputDate = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.valueChanged = index.createEvent(this, "valueChanged", 7);
-  }
-  onStart(next) {
-    this.valueChanged.emit(next);
-  }
-  dateSetHandler(e) {
-    this.open = false;
-    e.stopPropagation();
-  }
-  render() {
-    var _a;
-    return [
-      index.h("smoothly-input", { onClick: () => (this.open = !this.open), disabled: this.disabled, type: "date", value: this.value, onSmoothlyChanged: e => (this.value = e.detail.value) }, index.h("slot", null)),
-      this.open && !this.disabled
-        ? [
-          index.h("div", { onClick: () => (this.open = false) }),
-          index.h("nav", null, index.h("div", { class: "arrow" }), index.h("smoothly-calendar", { doubleInput: false, value: (_a = this.value) !== null && _a !== void 0 ? _a : index$1.dist.Date.now(), onValueChanged: event => {
-              this.value = event.detail;
-              event.stopPropagation();
-            }, max: this.max, min: this.min })),
-        ]
-        : [],
-    ];
-  }
-  static get watchers() { return {
-    "value": ["onStart"]
-  }; }
-};
-InputDate.style = styleCss;
-
-exports.smoothly_input_date = InputDate;

package/dist/cjs/smoothly-input-demo.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-138c41c2.js');
-
-let SmoothlyInputDemo = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return [
-      index.h("form", { action: "done", style: { position: "relative" } }, index.h("header", null, index.h("h5", null, "Address")), index.h("main", null, index.h("smoothly-input", { type: "text", name: "name" }, "Name"), index.h("smoothly-input", { type: "date", name: "date" }, "Date"), index.h("smoothly-input", { type: "date-time", name: "date-time" }, "Date-Time"), index.h("smoothly-input", { type: "divisor", name: "divisor" }, "Divisor"), index.h("smoothly-input", { type: "text", name: "street", value: "street" }, "Street"), index.h("smoothly-input", { type: "card-number", name: "card" }, "Card #"), index.h("smoothly-input", { type: "card-expires", name: "card", style: { width: "calc(60% - 2px)" } }, "Expires"), index.h("smoothly-input", { type: "card-csc", name: "card", style: { width: "calc(40% - 1px)", borderLeft: "none" } }, "CVV/CVC"), index.h("smoothly-radio", { name: "option", value: "1" }, "option 1"), index.h("smoothly-radio", { name: "option", value: "2", checked: true }, "option 2"), index.h("smoothly-radio", { name: "option", value: "3" }, "option 3"), index.h("smoothly-accordion", null, index.h("smoothly-accordion-item", { name: "A", open: true }, index.h("smoothly-radio", { name: "a", value: "1" }, "a 1"), index.h("smoothly-radio", { name: "a", value: "2", checked: true }, "a 2"), index.h("smoothly-radio", { name: "a", value: "3" }, "a 3")), index.h("smoothly-accordion-item", { name: "B" }, index.h("smoothly-radio", { name: "b", value: "1" }, "b 1"), index.h("smoothly-radio", { name: "b", value: "2" }, "b 2"), index.h("smoothly-radio", { name: "b", value: "3" }, "b 3"))), index.h("smoothly-display-amount", { currency: "SEK", amount: "1289.5" }), index.h("smoothly-display-date-time", { datetime: "2019-01-31T20:01:34" }), index.h("smoothly-checkbox", { selectAll: true, intermediate: true }), index.h("smoothly-checkbox", null), index.h("smoothly-checkbox", { disabled: true }), index.h("smoothly-address-display", { value: '{ "countryCode": "SE", "street": "Korkstigen 2", "zipCode": "654 31", "city": "Fejksala" }' }), index.h("smoothly-address", { editable: false, value: '{ "countryCode": "SE", "street": "Stigv\u00E4gen 34", "zipCode": "123 45", "city": "Hobbiton" }' }), index.h("smoothly-addresses", { allowed: "billing delivery visit", editable: true, value: '{ "billing": { "countryCode": "SE", "street": "Rundslingan 3", "zipCode": "987 65", "city": "Klotby" }, "visit": { "countryCode": "SE", "street": "G\u00E5ngbanan 34", "zipCode": "543 21", "city": "Trasktr\u00E4sk" } }' }), index.h("smoothly-input", { type: "postal-code", name: "zip", style: { width: "calc(60% - 2px)" } }, "ZipCode"), index.h("smoothly-input", { type: "text", name: "testing" }, "Texttest"), index.h("smoothly-input", { type: "password", name: "password" }, "Password"), index.h("smoothly-input", { type: "email", name: "email" }, "Email"), index.h("smoothly-input", { type: "price", currency: "SEK", name: "price" }, "Price"), index.h("smoothly-input", { type: "percent", name: "percent" }, "Percent"), index.h("smoothly-input", { type: "phone", name: "phone" }, "Phone"), index.h("smoothly-input-date", null, "Date")), index.h("footer", null, index.h("smoothly-submit", { expand: "block", onSubmit: (e) => alert(e), color: "success" }, "Submit"), index.h("smoothly-trigger", { expand: "block", color: "success", onClick: (e) => console.log(e.detail) }, "Trigger"))),
-      index.h("smoothly-backtotop", null),
-    ];
-  }
-};
-
-exports.smoothly_input_demo = SmoothlyInputDemo;