smoothly 0.1.80 → 0.1.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-accordion_46.cjs.entry.js → smoothly-accordion_47.cjs.entry.js} +60 -47
- package/dist/cjs/smoothly-display-demo.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-quiet.cjs.entry.js +19 -0
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/display-demo/index.js +4 -1
- package/dist/collection/components/quiet/index.js +34 -0
- package/dist/collection/components/quiet/style.css +3 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +62 -47
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_46.entry.js → smoothly-accordion_47.entry.js} +60 -48
- package/dist/esm/smoothly-display-demo.entry.js +1 -1
- package/dist/esm/smoothly-quiet.entry.js +15 -0
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-ebb15db5.entry.js → p-c9d01e9b.entry.js} +1 -1
- package/dist/smoothly/smoothly-display-demo.entry.js +1 -1
- package/dist/smoothly/smoothly-quiet.entry.js +15 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/quiet/index.d.ts +4 -0
- package/dist/types/components.d.ts +15 -0
- package/package.json +1 -1
|
@@ -164,6 +164,12 @@ export const SmoothlyPopup: {
|
|
|
164
164
|
new (): SmoothlyPopup;
|
|
165
165
|
};
|
|
166
166
|
|
|
167
|
+
interface SmoothlyQuiet extends Components.SmoothlyQuiet, HTMLElement {}
|
|
168
|
+
export const SmoothlyQuiet: {
|
|
169
|
+
prototype: SmoothlyQuiet;
|
|
170
|
+
new (): SmoothlyQuiet;
|
|
171
|
+
};
|
|
172
|
+
|
|
167
173
|
interface SmoothlyRadio extends Components.SmoothlyRadio, HTMLElement {}
|
|
168
174
|
export const SmoothlyRadio: {
|
|
169
175
|
prototype: SmoothlyRadio;
|
|
@@ -2262,7 +2262,7 @@ function hslToCommaRgb(hsl) {
|
|
|
2262
2262
|
|
|
2263
2263
|
const globalScripts = () => {};
|
|
2264
2264
|
|
|
2265
|
-
const styleCss$
|
|
2265
|
+
const styleCss$H = "smoothly-accordion-item.sc-smoothly-accordion{border:1px solid rgb(var(--smoothly-dark-color));border-bottom:none}smoothly-accordion-item.sc-smoothly-accordion:first-of-type{border-top-left-radius:4px;border-top-right-radius:4px;margin-top:0.4em}smoothly-accordion-item.sc-smoothly-accordion:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:1px solid rgb(var(--smoothly-dark-color));margin-bottom:0.6em}smoothly-accordion-item[open].sc-smoothly-accordion{border-color:rgb(var(--smoothly-primary-color));border-bottom:1px solid rgb(var(--smoothly-primary-color))}smoothly-accordion-item[open].sc-smoothly-accordion+smoothly-accordion-item.sc-smoothly-accordion{border-top:none}";
|
|
2266
2266
|
|
|
2267
2267
|
let SmoothlyAccordion$1 = class extends HTMLElement {
|
|
2268
2268
|
constructor() {
|
|
@@ -2308,10 +2308,10 @@ let SmoothlyAccordion$1 = class extends HTMLElement {
|
|
|
2308
2308
|
static get watchers() { return {
|
|
2309
2309
|
"value": ["valueChanged"]
|
|
2310
2310
|
}; }
|
|
2311
|
-
static get style() { return styleCss$
|
|
2311
|
+
static get style() { return styleCss$H; }
|
|
2312
2312
|
};
|
|
2313
2313
|
|
|
2314
|
-
const styleCss$
|
|
2314
|
+
const styleCss$G = ".sc-smoothly-accordion-item-h{display:block}[hidden].sc-smoothly-accordion-item-h{display:none}details.sc-smoothly-accordion-item{padding:0}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>span.sc-smoothly-accordion-item{float:right;margin:0.2em;font-size:60%}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item{font-size:120%;list-style-type:none;cursor:pointer;padding:0.4em;color:rgb(var(--smoothly-text-tint))}details.sc-smoothly-accordion-item>fieldset.sc-smoothly-accordion-item{border:none;margin:0;padding:0}[open].sc-smoothly-accordion-item-h>details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item::-webkit-details-marker{display:none}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>svg.sc-smoothly-accordion-item{width:1em;height:auto;margin-bottom:-0.2em;margin-right:0.4em}[open].sc-smoothly-accordion-item-h>details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>svg.sc-smoothly-accordion-item{fill:rgb(var(--smoothly-primary-contrast))}.sc-smoothly-accordion-item-h:not([open])>details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>svg.sc-smoothly-accordion-item{fill:rgb(var(--smoothly-text-tint))}";
|
|
2315
2315
|
|
|
2316
2316
|
let SmoothlyAccordionItem$1 = class extends HTMLElement {
|
|
2317
2317
|
constructor() {
|
|
@@ -2356,10 +2356,10 @@ let SmoothlyAccordionItem$1 = class extends HTMLElement {
|
|
|
2356
2356
|
static get watchers() { return {
|
|
2357
2357
|
"open": ["openChanged"]
|
|
2358
2358
|
}; }
|
|
2359
|
-
static get style() { return styleCss$
|
|
2359
|
+
static get style() { return styleCss$G; }
|
|
2360
2360
|
};
|
|
2361
2361
|
|
|
2362
|
-
const styleCss$
|
|
2362
|
+
const styleCss$F = "smoothly-app{display:block;scrollbar-width:none}smoothly-app[hidden]{display:none}smoothly-app[color=default],smoothly-app:not([color]){--smoothly-app-background:var(--smoothly-default-shade);--smoothly-app-color:var(--smoothly-default-contrast);--smoothly-app-hover-background:var(--smoothly-primary-color);--smoothly-app-hover-color:var(--smoothly-primary-contrast);--smoothly-app-shadow:var(--smoothly-default-shadow)}smoothly-app[color=primary]{--smoothly-app-background:var(--smoothly-primary-shade);--smoothly-app-color:var(--smoothly-primary-contrast);--smoothly-app-hover-background:var(--smoothly-secondary-color);--smoothly-app-hover-color:var(--smoothly-secondary-contrast);--smoothly-app-shadow:var(--smoothly-primary-shadow)}smoothly-app[color=secondary]{--smoothly-app-background:var(--smoothly-secondary-shade);--smoothly-app-color:var(--smoothly-secondary-contrast);--smoothly-app-hover-background:var(--smoothly-primary-color);--smoothly-app-hover-color:var(--smoothly-primary-contrast);--smoothly-app-shadow:var(--smoothly-secondary-shadow)}smoothly-app[color=tertiary],smoothly-app[color=success],smoothly-app[color=warning],smoothly-app[color=danger]{--smoothly-app-background:var(--smoothly-color-shade);--smoothly-app-color:var(--smoothly-color-contrast);--smoothly-app-hover-background:var(--smoothly-default-shade);--smoothly-app-hover-color:var(--smoothly-default-contrast);--smoothly-app-shadow:var(--smoothly-color-shadow)}smoothly-app>smoothly-notifier>header{position:fixed;top:0;left:0;width:100%;z-index:5;height:1.6cm;background-color:rgb(var(--smoothly-app-background));color:rgb(var(--smoothly-app-color));fill:rgb(var(--smoothly-app-color));stroke:rgb(var(--smoothly-app-color));display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px 0 rgba(var(--smoothly-app-shadow))}smoothly-app>smoothly-notifier>header a{color:inherit;text-decoration:inherit}smoothly-app>smoothly-notifier>header>nav{flex-shrink:0}smoothly-app>smoothly-notifier>header>h1,smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul,smoothly-app>smoothly-notifier>header>nav>ul>li,smoothly-app>smoothly-notifier>header>nav>ul>li>*:not(a){display:inline-block;height:100%;margin:0}smoothly-app>smoothly-notifier>header>h1 a{overflow:hidden;user-select:none}smoothly-app>smoothly-notifier>header>nav>ul>li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>h1 a,smoothly-app>smoothly-notifier>header>nav>ul>li a{display:inline-block;height:100%;padding:0 0.4cm;text-decoration:none;font-weight:bold}smoothly-app>smoothly-notifier>header>nav>ul>li smoothly-trigger.sc-smoothly-trigger-h{border:0}smoothly-app>smoothly-notifier>header>nav>ul>li a>smoothly-icon{position:relative;top:0.2cm}smoothly-app>smoothly-notifier>header>nav>ul>li>a:hover>smoothly-icon,smoothly-app>smoothly-notifier>header>nav>ul>li>a.active>smoothly-icon,smoothly-app>smoothly-notifier>header>nav>ul>li>smoothly-trigger.active a>smoothly-icon,smoothly-app>smoothly-notifier>header>nav>ul>li>smoothly-trigger:hover a>smoothly-icon,smoothly-app>smoothly-notifier>header>nav>ul>li a:hover,smoothly-app>smoothly-notifier>header>nav>ul>li a.active{background-color:rgb(var(--smoothly-app-hover-background));color:rgb(var(--smoothly-app-hover-color));stroke:rgb(var(--smoothly-app-hover-color));fill:rgb(var(--smoothly-app-hover-color))}smoothly-app>smoothly-notifier>content{position:relative;top:1.6cm}";
|
|
2363
2363
|
|
|
2364
2364
|
let SmoothlyApp$1 = class extends HTMLElement {
|
|
2365
2365
|
constructor() {
|
|
@@ -2369,7 +2369,7 @@ let SmoothlyApp$1 = class extends HTMLElement {
|
|
|
2369
2369
|
render() {
|
|
2370
2370
|
return (h("smoothly-notifier", null, h("slot", null)));
|
|
2371
2371
|
}
|
|
2372
|
-
static get style() { return styleCss$
|
|
2372
|
+
static get style() { return styleCss$F; }
|
|
2373
2373
|
};
|
|
2374
2374
|
|
|
2375
2375
|
let SmoothlyAppDemo$1 = class extends HTMLElement {
|
|
@@ -21294,7 +21294,7 @@ function years(current) {
|
|
|
21294
21294
|
return result;
|
|
21295
21295
|
}
|
|
21296
21296
|
|
|
21297
|
-
const styleCss$
|
|
21297
|
+
const styleCss$E = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 0 0.5em}th.sc-smoothly-calendar,td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-default-shade));cursor:pointer;user-select:none}td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:nth-child(6),td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-tint))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-tint), var(--other-month-opacity))}td.sc-smoothly-calendar:not(.selected):hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-dark-tint));color:rgb(var(--smoothly-dark-contrast))}td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}";
|
|
21298
21298
|
|
|
21299
21299
|
let Calendar = class extends HTMLElement {
|
|
21300
21300
|
constructor() {
|
|
@@ -21348,7 +21348,7 @@ let Calendar = class extends HTMLElement {
|
|
|
21348
21348
|
"start": ["onStart"],
|
|
21349
21349
|
"end": ["onEnd"]
|
|
21350
21350
|
}; }
|
|
21351
|
-
static get style() { return styleCss$
|
|
21351
|
+
static get style() { return styleCss$E; }
|
|
21352
21352
|
};
|
|
21353
21353
|
|
|
21354
21354
|
var CallingCode_1$1 = createCommonjsModule(function (module, exports) {
|
|
@@ -39985,7 +39985,7 @@ function create(language) {
|
|
|
39985
39985
|
}, language);
|
|
39986
39986
|
}
|
|
39987
39987
|
|
|
39988
|
-
const styleCss$
|
|
39988
|
+
const styleCss$D = ".sc-smoothly-checkbox-h{display:block}[hidden].sc-smoothly-checkbox-h{display:none}smoothly-icon.sc-smoothly-checkbox{cursor:pointer}[disabled].sc-smoothly-checkbox-h smoothly-icon.sc-smoothly-checkbox{stroke:rgba(var(--smoothly-color-contrast), 0.3)}";
|
|
39989
39989
|
|
|
39990
39990
|
let SmoothlyCheckbox$1 = class extends HTMLElement {
|
|
39991
39991
|
constructor() {
|
|
@@ -40010,10 +40010,10 @@ let SmoothlyCheckbox$1 = class extends HTMLElement {
|
|
|
40010
40010
|
];
|
|
40011
40011
|
}
|
|
40012
40012
|
get element() { return this; }
|
|
40013
|
-
static get style() { return styleCss$
|
|
40013
|
+
static get style() { return styleCss$D; }
|
|
40014
40014
|
};
|
|
40015
40015
|
|
|
40016
|
-
const styleCss$
|
|
40016
|
+
const styleCss$C = ".sc-smoothly-dialog-h{display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>main.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header]) main.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
|
|
40017
40017
|
|
|
40018
40018
|
let SmoothlyDialog$1 = class extends HTMLElement {
|
|
40019
40019
|
constructor() {
|
|
@@ -40039,7 +40039,7 @@ let SmoothlyDialog$1 = class extends HTMLElement {
|
|
|
40039
40039
|
h("main", null, h("slot", null)),
|
|
40040
40040
|
];
|
|
40041
40041
|
}
|
|
40042
|
-
static get style() { return styleCss$
|
|
40042
|
+
static get style() { return styleCss$C; }
|
|
40043
40043
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
40044
40044
|
};
|
|
40045
40045
|
|
|
@@ -59979,7 +59979,7 @@ Object.defineProperty(exports, "StateEditor", { enumerable: true, get: function
|
|
|
59979
59979
|
|
|
59980
59980
|
const index = /*@__PURE__*/getDefaultExportFromCjs(dist);
|
|
59981
59981
|
|
|
59982
|
-
const styleCss$
|
|
59982
|
+
const styleCss$B = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";
|
|
59983
59983
|
|
|
59984
59984
|
let SmoothlyDisplay$1 = class extends HTMLElement {
|
|
59985
59985
|
constructor() {
|
|
@@ -60008,10 +60008,10 @@ let SmoothlyDisplay$1 = class extends HTMLElement {
|
|
|
60008
60008
|
}
|
|
60009
60009
|
return result;
|
|
60010
60010
|
}
|
|
60011
|
-
static get style() { return styleCss$
|
|
60011
|
+
static get style() { return styleCss$B; }
|
|
60012
60012
|
};
|
|
60013
60013
|
|
|
60014
|
-
const styleCss$
|
|
60014
|
+
const styleCss$A = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";
|
|
60015
60015
|
|
|
60016
60016
|
let SmoothlyDisplayAmount$1 = class extends HTMLElement {
|
|
60017
60017
|
constructor() {
|
|
@@ -60059,10 +60059,10 @@ let SmoothlyDisplayAmount$1 = class extends HTMLElement {
|
|
|
60059
60059
|
this.currency,
|
|
60060
60060
|
];
|
|
60061
60061
|
}
|
|
60062
|
-
static get style() { return styleCss$
|
|
60062
|
+
static get style() { return styleCss$A; }
|
|
60063
60063
|
};
|
|
60064
60064
|
|
|
60065
|
-
const styleCss$
|
|
60065
|
+
const styleCss$z = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";
|
|
60066
60066
|
|
|
60067
60067
|
let SmoothlyDisplayDateTime$1 = class extends HTMLElement {
|
|
60068
60068
|
constructor() {
|
|
@@ -60073,7 +60073,7 @@ let SmoothlyDisplayDateTime$1 = class extends HTMLElement {
|
|
|
60073
60073
|
const datetime = this.datetime.split("T");
|
|
60074
60074
|
return [datetime[0], " ", datetime[1]];
|
|
60075
60075
|
}
|
|
60076
|
-
static get style() { return styleCss$
|
|
60076
|
+
static get style() { return styleCss$z; }
|
|
60077
60077
|
};
|
|
60078
60078
|
|
|
60079
60079
|
let SmoothlyDisplayDemo$1 = class extends HTMLElement {
|
|
@@ -60088,12 +60088,12 @@ let SmoothlyDisplayDemo$1 = class extends HTMLElement {
|
|
|
60088
60088
|
}
|
|
60089
60089
|
render() {
|
|
60090
60090
|
return [
|
|
60091
|
-
h("main", null, h("smoothly-popup", null, h("div", null, "Popup, click me"), h("div", { color: "dark", slot: "popup" }, "1 line popup")), h("smoothly-display-date-time", { datetime: "2019-08-15T08:08:17.65Z" }), h("dl", null, h("dt", null, "text"), h("dd", null, h("smoothly-display", { type: "text", value: "text" })), h("dt", null, "postal code"), h("dd", null, h("smoothly-display", { type: "postal-code", value: "752 31" })), h("dt", null, "password"), h("dd", null, h("smoothly-display", { type: "password", value: "password" })), h("dt", null, "email"), h("dd", null, h("smoothly-display", { type: "email", value: "test@example.com" })), h("dt", null, "price"), h("dd", null, h("smoothly-display", { type: "price", value: "13.37", currency: "SEK" })), h("dt", null, "percent"), h("dd", null, h("smoothly-display", { type: "percent", value: "42" })), h("dt", null, "phone"), h("dd", null, h("smoothly-display", { type: "phone", value: "0101881108" })), h("dt", null, "card number"), h("dd", null, h("smoothly-display", { type: "card-number", value: "4111111111111111" })), h("dt", null, "card expires"), h("dd", null, h("smoothly-display", { type: "card-expires", value: "7/22" })), h("dt", null, "card csc"), h("dd", null, h("smoothly-display", { type: "card-csc", value: "987" }))), h("smoothly-urlencoded", { data: "hej=hopp&tjena=moss" }), h("div", { style: { display: "flex", justifyContent: "space-between" } }, h("smoothly-popup", { direction: "down" }, "Click for popup", h("span", { slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup stuff that has a lot of text")), h("smoothly-popup", { direction: "down" }, "Click for popup", h("span", { slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup with a bunch of text."))), h("p", null, "Test of diffrent kinds of notifier:"), h("button", { onClick: () => this.noticeWarning(Notice.warn("This is a test warning notice.")) }, "warning"), h("button", { onClick: () => this.noticeWarning(Notice.succeded("This is a test success notice.")) }, "success"), h("button", { onClick: () => this.noticeWarning(Notice.failed("This is a test danger notice.")) }, "danger"), h("button", { onClick: () => this.noticeWarning(Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), h("button", { onClick: () => this.noticeWarning(Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")),
|
|
60091
|
+
h("main", null, h("smoothly-popup", null, h("div", null, "Popup, click me"), h("div", { color: "dark", slot: "popup" }, "1 line popup")), h("smoothly-display-date-time", { datetime: "2019-08-15T08:08:17.65Z" }), h("dl", null, h("dt", null, "text"), h("dd", null, h("smoothly-display", { type: "text", value: "text" })), h("dt", null, "postal code"), h("dd", null, h("smoothly-display", { type: "postal-code", value: "752 31" })), h("dt", null, "password"), h("dd", null, h("smoothly-display", { type: "password", value: "password" })), h("dt", null, "email"), h("dd", null, h("smoothly-display", { type: "email", value: "test@example.com" })), h("dt", null, "price"), h("dd", null, h("smoothly-display", { type: "price", value: "13.37", currency: "SEK" })), h("dt", null, "percent"), h("dd", null, h("smoothly-display", { type: "percent", value: "42" })), h("dt", null, "phone"), h("dd", null, h("smoothly-display", { type: "phone", value: "0101881108" })), h("dt", null, "card number"), h("dd", null, h("smoothly-display", { type: "card-number", value: "4111111111111111" })), h("dt", null, "card expires"), h("dd", null, h("smoothly-display", { type: "card-expires", value: "7/22" })), h("dt", null, "card csc"), h("dd", null, h("smoothly-display", { type: "card-csc", value: "987" })), h("dt", null, "Quiet"), h("dd", null, h("smoothly-quiet", { color: "dark" }, "-"))), h("smoothly-urlencoded", { data: "hej=hopp&tjena=moss" }), h("div", { style: { display: "flex", justifyContent: "space-between" } }, h("smoothly-popup", { direction: "down" }, "Click for popup", h("span", { slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup stuff that has a lot of text")), h("smoothly-popup", { direction: "down" }, "Click for popup", h("span", { slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup with a bunch of text."))), h("p", null, "Test of diffrent kinds of notifier:"), h("button", { onClick: () => this.noticeWarning(Notice.warn("This is a test warning notice.")) }, "warning"), h("button", { onClick: () => this.noticeWarning(Notice.succeded("This is a test success notice.")) }, "success"), h("button", { onClick: () => this.noticeWarning(Notice.failed("This is a test danger notice.")) }, "danger"), h("button", { onClick: () => this.noticeWarning(Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), h("button", { onClick: () => this.noticeWarning(Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")),
|
|
60092
60092
|
];
|
|
60093
60093
|
}
|
|
60094
60094
|
};
|
|
60095
60095
|
|
|
60096
|
-
const styleCss$
|
|
60096
|
+
const styleCss$y = ".sc-smoothly-frame-h{display:block;width:100%;height:100%}[hidden].sc-smoothly-frame-h{display:none}.sc-smoothly-frame-h>iframe.sc-smoothly-frame{border:none;padding:none;margin:none}";
|
|
60097
60097
|
|
|
60098
60098
|
let SmoothlyFrame$1 = class extends HTMLElement {
|
|
60099
60099
|
constructor() {
|
|
@@ -60132,10 +60132,10 @@ let SmoothlyFrame$1 = class extends HTMLElement {
|
|
|
60132
60132
|
return h("iframe", { src: this.url + "#" + window.location.origin, height: "100%", width: "100%" });
|
|
60133
60133
|
}
|
|
60134
60134
|
get element() { return this; }
|
|
60135
|
-
static get style() { return styleCss$
|
|
60135
|
+
static get style() { return styleCss$y; }
|
|
60136
60136
|
};
|
|
60137
60137
|
|
|
60138
|
-
const styleCss$
|
|
60138
|
+
const styleCss$x = "[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:block}[hidden].sc-smoothly-icon-h{display:none}[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}";
|
|
60139
60139
|
|
|
60140
60140
|
let SmoothlyIcon$1 = class extends HTMLElement {
|
|
60141
60141
|
constructor() {
|
|
@@ -60176,12 +60176,12 @@ let SmoothlyIcon$1 = class extends HTMLElement {
|
|
|
60176
60176
|
static get watchers() { return {
|
|
60177
60177
|
"name": ["loadDocument"]
|
|
60178
60178
|
}; }
|
|
60179
|
-
static get style() { return styleCss$
|
|
60179
|
+
static get style() { return styleCss$x; }
|
|
60180
60180
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
60181
60181
|
};
|
|
60182
60182
|
SmoothlyIcon$1.cache = {};
|
|
60183
60183
|
|
|
60184
|
-
const styleCss$
|
|
60184
|
+
const styleCss$w = "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}";
|
|
60185
60185
|
|
|
60186
60186
|
let SmoothlyIconDemo$1 = class extends HTMLElement {
|
|
60187
60187
|
constructor() {
|
|
@@ -60663,10 +60663,10 @@ let SmoothlyIconDemo$1 = class extends HTMLElement {
|
|
|
60663
60663
|
.map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
|
|
60664
60664
|
];
|
|
60665
60665
|
}
|
|
60666
|
-
static get style() { return styleCss$
|
|
60666
|
+
static get style() { return styleCss$w; }
|
|
60667
60667
|
};
|
|
60668
60668
|
|
|
60669
|
-
const styleCss$
|
|
60669
|
+
const styleCss$v = ".sc-smoothly-input-h{display:block;position:relative}[hidden].sc-smoothly-input-h{display:none}label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;color:rgb(var(--smoothly-text-tint));opacity:0.8;user-select:none;cursor:inherit;transition:font-size 0.1s;transition-timing-function:ease}input.sc-smoothly-input{padding:1em 0.2em 0.2em 0.2em;width:calc(100% - 0.4em);background:none;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+smoothly-icon.sc-smoothly-input{display:block}.has-value.sc-smoothly-input-h>label.sc-smoothly-input{top:0.3em;top:0.4em;font-size:60%;z-index:0}.sc-smoothly-input-h:focus-within>label.sc-smoothly-input{top:0.3em;top:0.4em;font-size:60%;z-index:0}input.sc-smoothly-input:focus{outline:none}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill:hover,input.sc-smoothly-input:-webkit-autofill:focus,input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 30px unset inset !important;-webkit-box-shadow:0 0 0 30px unset inset !important}input.sc-smoothly-input:-webkit-autofill{-webkit-text-fill-color:unset !important}input.sc-smoothly-input:-internal-autofill-previewed,input.sc-smoothly-input:-internal-autofill-selected,textarea.sc-smoothly-input:-internal-autofill-previewed,textarea.sc-smoothly-input:-internal-autofill-selected,select.sc-smoothly-input:-internal-autofill-previewed,select.sc-smoothly-input:-internal-autofill-selected{background-color:none !important;background-image:none !important;color:unset !important}";
|
|
60670
60670
|
|
|
60671
60671
|
let SmoothlyInput$1 = class extends HTMLElement {
|
|
60672
60672
|
constructor() {
|
|
@@ -60823,10 +60823,10 @@ let SmoothlyInput$1 = class extends HTMLElement {
|
|
|
60823
60823
|
static get watchers() { return {
|
|
60824
60824
|
"value": ["valueWatcher"]
|
|
60825
60825
|
}; }
|
|
60826
|
-
static get style() { return styleCss$
|
|
60826
|
+
static get style() { return styleCss$v; }
|
|
60827
60827
|
};
|
|
60828
60828
|
|
|
60829
|
-
const styleCss$
|
|
60829
|
+
const styleCss$u = ".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;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))}";
|
|
60830
60830
|
|
|
60831
60831
|
let InputDate = class extends HTMLElement {
|
|
60832
60832
|
constructor() {
|
|
@@ -60851,10 +60851,10 @@ let InputDate = class extends HTMLElement {
|
|
|
60851
60851
|
static get watchers() { return {
|
|
60852
60852
|
"value": ["onStart"]
|
|
60853
60853
|
}; }
|
|
60854
|
-
static get style() { return styleCss$
|
|
60854
|
+
static get style() { return styleCss$u; }
|
|
60855
60855
|
};
|
|
60856
60856
|
|
|
60857
|
-
const styleCss$
|
|
60857
|
+
const styleCss$t = ".sc-smoothly-input-date-range-h{position:relative;display:block}.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;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, -.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;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>smoothly-input.sc-smoothly-input-date-range{padding:0}";
|
|
60858
60858
|
|
|
60859
60859
|
let InputDateRange = class extends HTMLElement {
|
|
60860
60860
|
constructor() {
|
|
@@ -60893,7 +60893,7 @@ let InputDateRange = class extends HTMLElement {
|
|
|
60893
60893
|
"start": ["onClose"],
|
|
60894
60894
|
"end": ["onClose"]
|
|
60895
60895
|
}; }
|
|
60896
|
-
static get style() { return styleCss$
|
|
60896
|
+
static get style() { return styleCss$t; }
|
|
60897
60897
|
};
|
|
60898
60898
|
|
|
60899
60899
|
let SmoothlyInputDemo$1 = class extends HTMLElement {
|
|
@@ -60906,7 +60906,7 @@ let SmoothlyInputDemo$1 = class extends HTMLElement {
|
|
|
60906
60906
|
}
|
|
60907
60907
|
};
|
|
60908
60908
|
|
|
60909
|
-
const styleCss$
|
|
60909
|
+
const styleCss$s = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
|
|
60910
60910
|
|
|
60911
60911
|
let MonthSelector = class extends HTMLElement {
|
|
60912
60912
|
constructor() {
|
|
@@ -60935,10 +60935,10 @@ let MonthSelector = class extends HTMLElement {
|
|
|
60935
60935
|
static get watchers() { return {
|
|
60936
60936
|
"value": ["onValueChanged"]
|
|
60937
60937
|
}; }
|
|
60938
|
-
static get style() { return styleCss$
|
|
60938
|
+
static get style() { return styleCss$s; }
|
|
60939
60939
|
};
|
|
60940
60940
|
|
|
60941
|
-
const styleCss$
|
|
60941
|
+
const styleCss$r = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-primary-shade));color:rgb(var(--smoothly-primary-contrast))}.sc-smoothly-item-h{padding:.5em;cursor:pointer;background-color:rgb(var(--smoothly-default-shade));color:rgb(var(--smoothly-default-contrast));border:rgb(var(--smoothly-default-shade) solid 1px)}.sc-smoothly-item-h:hover{background-color:rgb(var(--smoothly-primary-color));color:rgb(var(--smoothly-primary-contrast))}";
|
|
60942
60942
|
|
|
60943
60943
|
let Item = class extends HTMLElement {
|
|
60944
60944
|
constructor() {
|
|
@@ -60972,10 +60972,10 @@ let Item = class extends HTMLElement {
|
|
|
60972
60972
|
static get watchers() { return {
|
|
60973
60973
|
"selected": ["onSelectedChanged"]
|
|
60974
60974
|
}; }
|
|
60975
|
-
static get style() { return styleCss$
|
|
60975
|
+
static get style() { return styleCss$r; }
|
|
60976
60976
|
};
|
|
60977
60977
|
|
|
60978
|
-
const styleCss$
|
|
60978
|
+
const styleCss$q = ":host{max-height:300px;width:85%;max-height:var(--max-menu-height);border:1px solid black;box-sizing:border-box;background-color:rgb(var(--smoothly-default-shade));overflow-y:auto;cursor:pointer}div:last-child:not(:empty){padding:0.5em 1em;font-style:italic}";
|
|
60979
60979
|
|
|
60980
60980
|
let SmoothlyMenuOptions$1 = class extends HTMLElement {
|
|
60981
60981
|
constructor() {
|
|
@@ -61075,10 +61075,10 @@ let SmoothlyMenuOptions$1 = class extends HTMLElement {
|
|
|
61075
61075
|
static get watchers() { return {
|
|
61076
61076
|
"options": ["optionsChangeHandler"]
|
|
61077
61077
|
}; }
|
|
61078
|
-
static get style() { return styleCss$
|
|
61078
|
+
static get style() { return styleCss$q; }
|
|
61079
61079
|
};
|
|
61080
61080
|
|
|
61081
|
-
const styleCss$
|
|
61081
|
+
const styleCss$p = ".sc-smoothly-notification-h{display:block;min-width:32.6%;min-height:3em;border-radius:5px;margin:0.5em}[hidden].sc-smoothly-notification-h{display:none}smoothly-trigger.sc-smoothly-notification{float:right;text-align:right;margin-right:0.2em}";
|
|
61082
61082
|
|
|
61083
61083
|
let Notification = class extends HTMLElement {
|
|
61084
61084
|
constructor() {
|
|
@@ -61136,10 +61136,10 @@ let Notification = class extends HTMLElement {
|
|
|
61136
61136
|
static get watchers() { return {
|
|
61137
61137
|
"notice": ["onUpdatedNotice"]
|
|
61138
61138
|
}; }
|
|
61139
|
-
static get style() { return styleCss$
|
|
61139
|
+
static get style() { return styleCss$p; }
|
|
61140
61140
|
};
|
|
61141
61141
|
|
|
61142
|
-
const styleCss$
|
|
61142
|
+
const styleCss$o = ".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>aside.sc-smoothly-notifier{display:flex;flex-wrap:wrap-reverse;align-content:stretch;justify-content:flex-start;position:fixed;bottom:3em;left:0;text-align:center;width:100%;z-index:3}";
|
|
61143
61143
|
|
|
61144
61144
|
let Notifier = class extends HTMLElement {
|
|
61145
61145
|
constructor() {
|
|
@@ -61159,10 +61159,10 @@ let Notifier = class extends HTMLElement {
|
|
|
61159
61159
|
h("aside", null, this.notices.map(n => (h("smoothly-notification", { notice: n })))),
|
|
61160
61160
|
];
|
|
61161
61161
|
}
|
|
61162
|
-
static get style() { return styleCss$
|
|
61162
|
+
static get style() { return styleCss$o; }
|
|
61163
61163
|
};
|
|
61164
61164
|
|
|
61165
|
-
const styleCss$
|
|
61165
|
+
const styleCss$n = ":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0.5em 1em}:host([data-highlight]){background-color:rgb(var(--smoothly-primary-color));color:rgb(var(--smoothly-primary-contrast));stroke:rgb(var(--smoothly-primary-contrast));fill:rgb(var(--smoothly-primary-contrast))}:host([data-highlight]) div:last-child{color:rgba(var(--smoothly-primary-contrast), 0.8)}:host div:last-child{color:rgba(var(--smoothly-default-contrast), 0.8);font-style:italic}";
|
|
61166
61166
|
|
|
61167
61167
|
let SmoothlyOption$1 = class extends HTMLElement {
|
|
61168
61168
|
constructor() {
|
|
@@ -61186,10 +61186,10 @@ let SmoothlyOption$1 = class extends HTMLElement {
|
|
|
61186
61186
|
return (h(Host, { onMouseDown: (e) => this.onSelect(e), onMouseOver: (e) => this.onHover(e) }, h("div", null, this.name), h("div", null, h("slot", null))));
|
|
61187
61187
|
}
|
|
61188
61188
|
get element() { return this; }
|
|
61189
|
-
static get style() { return styleCss$
|
|
61189
|
+
static get style() { return styleCss$n; }
|
|
61190
61190
|
};
|
|
61191
61191
|
|
|
61192
|
-
const styleCss$
|
|
61192
|
+
const styleCss$m = ":host{--background-color:var(--smoothly-secondary-tint), 1;--color:var(--smoothly-secondary-contrast);--border-color:var(--smoothly-secondary-contrast), 1;--border-highlight-color:var(--smoothly-secondary-contrast), 1;--label-color:var(--smoothly-secondary-contrast), 0.8;--selected-item-border-radius:0.25rem;--selected-item-background-color:var(--smoothly-secondary-color), 1;--selected-item-color:255, 255, 255, 1}:host{display:block;position:relative;width:100%;cursor:pointer;--intergiro-transition:all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:var(--intergiro-transition)}:host>div{display:flex;min-height:3em;background-color:rgba(var(--background-color));align-items:center;border:none;max-height:var(--max-height)}:host>div .icons>smoothly-icon{flex-shrink:0;padding-left:0.6em;stroke:rgba(var(--color), 0.4);fill:rgba(var(--color), 0.4);width:1.5em !important;height:1.5em !important}:host>div .icons>smoothly-icon:hover{fill:rgba(var(--color), 1)}:host>div input{width:100%;background-color:transparent;outline:none;border:none;cursor:pointer;color:rgb(var(--color));padding:0 1em;font-family:var(--smoothly-font-family);font-size:1.05em}:host>div input::placeholder{opacity:1;text-overflow:ellipsis}:host(:not(:focus-within)[multiple]) ul>li:last-child{position:absolute;pointer-events:none}:host([label=\"\"]) ul,:host:not([label]) ul,:host([label-setting=hide]) ul{padding-top:0.1em;padding-bottom:0.1em}label{position:absolute;top:1em;left:1em;color:rgba(var(--label-color));transition:var(--intergiro-transition);font-family:var(--smoothly-font-family);pointer-events:none;transform-origin:left}:host([has-selection]) label{display:var(--label-display)}:host([has-selection]) label,:host(:focus-within) label{transform:translateY(-1.2em) scale(0.7)}:host(:hover) smoothly-icon[data-arrow],:host(:focus-within) smoothly-icon[data-arrow]{stroke:rgba(var(--color), 1)}:host smoothly-icon[data-arrow]{pointer-events:none}:host(:not([is-open])) smoothly-icon[data-arrow=up]{display:none}:host([is-open]) smoothly-icon[data-arrow=down]{display:none}:host(:not([has-selection])) smoothly-icon:not([data-arrow]){display:none}:host smoothly-menu-options{position:absolute;z-index:1}:host(:not([is-open]))>smoothly-menu-options{display:none}";
|
|
61193
61193
|
|
|
61194
61194
|
let SmoothlyPicker$1 = class extends HTMLElement {
|
|
61195
61195
|
constructor() {
|
|
@@ -61326,10 +61326,10 @@ let SmoothlyPicker$1 = class extends HTMLElement {
|
|
|
61326
61326
|
"selections": ["isOpenChangeHander"],
|
|
61327
61327
|
"isOpen": ["isOpenChangeHander"]
|
|
61328
61328
|
}; }
|
|
61329
|
-
static get style() { return styleCss$
|
|
61329
|
+
static get style() { return styleCss$m; }
|
|
61330
61330
|
};
|
|
61331
61331
|
|
|
61332
|
-
const styleCss$
|
|
61332
|
+
const styleCss$l = ".sc-smoothly-popup-h{display:inline-flex;position:relative}[hidden].sc-smoothly-popup-h{display:none}.sc-smoothly-popup-h:not([visible]) aside.sc-smoothly-popup{display:none}.sc-smoothly-popup-h aside.sc-smoothly-popup{display:inline;position:absolute;padding:0.3em;left:var(--left);right:var(--right);background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);border-style:solid;border-width:0.1em;border-radius:0.6em;z-index:3}[direction=down].sc-smoothly-popup-h aside.sc-smoothly-popup{top:2.2em;box-shadow:6px 5px 9px -9px black, 5px 6px 9px -9px black}[direction=up].sc-smoothly-popup-h aside.sc-smoothly-popup{bottom:2.2em;box-shadow:-6px -5px 9px -9px black, -5px -6px 9px -9px black}.sc-smoothly-popup-h:not([visible]) .background.sc-smoothly-popup{display:none}.sc-smoothly-popup-h .background.sc-smoothly-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-popup-h:not([visible]) .arrow.sc-smoothly-popup{display:none}.sc-smoothly-popup-h .arrow.sc-smoothly-popup{background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);z-index:2;content:\"\";position:absolute;width:12px;height:12px;transform:rotate(45deg);left:calc(var(--left) + 1em);right:calc(var(--right) + 1em)}[direction=down].sc-smoothly-popup-h .arrow.sc-smoothly-popup{top:2em;border-top-style:solid;border-top-width:1px;border-left-style:solid;border-left-width:1px}[direction=up].sc-smoothly-popup-h .arrow.sc-smoothly-popup{bottom:2em;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.sc-smoothly-popup-h .pointer.sc-smoothly-popup{cursor:pointer}";
|
|
61333
61333
|
|
|
61334
61334
|
let SmoothlyPopup$1 = class extends HTMLElement {
|
|
61335
61335
|
constructor() {
|
|
@@ -61358,6 +61358,19 @@ let SmoothlyPopup$1 = class extends HTMLElement {
|
|
|
61358
61358
|
render() {
|
|
61359
61359
|
return (h(Host, { style: Object.assign({}, this.cssVariables) }, h("content", { class: "pointer", onClick: () => this.onClick() }, h("slot", null)), h("div", { class: "background", onClick: () => this.onClick() }), h("div", { class: "arrow", onClick: () => this.onClick() }), h("aside", { ref: el => (this.aside = el) }, h("slot", { name: "popup" }))));
|
|
61360
61360
|
}
|
|
61361
|
+
static get style() { return styleCss$l; }
|
|
61362
|
+
};
|
|
61363
|
+
|
|
61364
|
+
const styleCss$k = ".sc-smoothly-quiet-h{opacity:0.5}";
|
|
61365
|
+
|
|
61366
|
+
let SmoothlyQuiet$1 = class extends HTMLElement {
|
|
61367
|
+
constructor() {
|
|
61368
|
+
super();
|
|
61369
|
+
this.__registerHost();
|
|
61370
|
+
}
|
|
61371
|
+
render() {
|
|
61372
|
+
return (h(Host, { color: this.color }, h("slot", null)));
|
|
61373
|
+
}
|
|
61361
61374
|
static get style() { return styleCss$k; }
|
|
61362
61375
|
};
|
|
61363
61376
|
|
|
@@ -62151,6 +62164,7 @@ const SmoothlyNotifier = /*@__PURE__*/proxyCustomElement(Notifier, [6,"smoothly-
|
|
|
62151
62164
|
const SmoothlyOption = /*@__PURE__*/proxyCustomElement(SmoothlyOption$1, [1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537]}]);
|
|
62152
62165
|
const SmoothlyPicker = /*@__PURE__*/proxyCustomElement(SmoothlyPicker$1, [1,"smoothly-picker",{"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"optionStyle":[8,"option-style"],"options":[16],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"isOpen":[32]},[[0,"optionSelect","optionSelectHander"]]]);
|
|
62153
62166
|
const SmoothlyPopup = /*@__PURE__*/proxyCustomElement(SmoothlyPopup$1, [6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}]);
|
|
62167
|
+
const SmoothlyQuiet = /*@__PURE__*/proxyCustomElement(SmoothlyQuiet$1, [6,"smoothly-quiet",{"color":[1]}]);
|
|
62154
62168
|
const SmoothlyRadio = /*@__PURE__*/proxyCustomElement(SmoothlyRadio$1, [6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}]);
|
|
62155
62169
|
const SmoothlyRadioGroup = /*@__PURE__*/proxyCustomElement(SmoothlyToggleGroup, [4,"smoothly-radio-group",{"orientation":[513]}]);
|
|
62156
62170
|
const SmoothlyReorder = /*@__PURE__*/proxyCustomElement(SmoothlyReorder$1, [0,"smoothly-reorder"]);
|
|
@@ -62204,6 +62218,7 @@ const defineCustomElements = (opts) => {
|
|
|
62204
62218
|
SmoothlyOption,
|
|
62205
62219
|
SmoothlyPicker,
|
|
62206
62220
|
SmoothlyPopup,
|
|
62221
|
+
SmoothlyQuiet,
|
|
62207
62222
|
SmoothlyRadio,
|
|
62208
62223
|
SmoothlyRadioGroup,
|
|
62209
62224
|
SmoothlyReorder,
|
|
@@ -62235,4 +62250,4 @@ const defineCustomElements = (opts) => {
|
|
|
62235
62250
|
}
|
|
62236
62251
|
};
|
|
62237
62252
|
|
|
62238
|
-
export { App, ClientIdentifier, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyRadio, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySpinner, SmoothlySubmit, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, toCommaRgb };
|
|
62253
|
+
export { App, ClientIdentifier, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyQuiet, SmoothlyRadio, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySpinner, SmoothlySubmit, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, toCommaRgb };
|
package/dist/esm/loader.js
CHANGED
|
@@ -26,7 +26,7 @@ const defineCustomElements = (win, options) => {
|
|
|
26
26
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
27
27
|
return patchEsm().then(() => {
|
|
28
28
|
globalScripts();
|
|
29
|
-
return bootstrapLazy([["smoothly-app-demo",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-input-demo",[[0,"smoothly-input-demo"]]],["smoothly-select-demo",[[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]]]],["smoothly-table-demo",[[2,"smoothly-table-demo"]]],["smoothly-display-demo",[[0,"smoothly-display-demo"]]],["smoothly-app",[[4,"smoothly-app",{"color":[1]}]]],["smoothly-dialog-demo",[[0,"smoothly-dialog-demo"]]],["smoothly-icon-demo",[[2,"smoothly-icon-demo"]]],["smoothly-room",[[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}]]],["smoothly-input-date-range",[[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"open":[1028]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"]]]]],["smoothly-notifier",[[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]]],["smoothly-picker",[[1,"smoothly-picker",{"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"optionStyle":[8,"option-style"],"options":[16],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"isOpen":[32]},[[0,"optionSelect","optionSelectHander"]]]]],["smoothly-dialog",[[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]]]],["smoothly-checkbox",[[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"selected":[1540],"disabled":[1540],"t":[32]}]]],["smoothly-submit",[[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]]]],["smoothly-urlencoded",[[0,"smoothly-urlencoded",{"data":[1]}]]],["smoothly-accordion",[[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]]]],["smoothly-accordion-item",[[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}]]],["smoothly-display-amount",[[2,"smoothly-display-amount",{"amount":[8],"currency":[1]}]]],["smoothly-frame",[[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}]]],["smoothly-popup",[[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}]]],["smoothly-radio",[[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}]]],["smoothly-select",[[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}]]],["smoothly-tab",[[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]]]],["smoothly-tab-switch",[[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]]]],["smoothly-table",[[6,"smoothly-table",null,[[0,"sort","onSort"]]]]],["smoothly-table-cell",[[6,"smoothly-table-cell"]]],["smoothly-table-expandable-cell",[[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-table-expandable-row",[[6,"smoothly-table-expandable-row",null,[[0,"expansionLoaded","onExpansionLoaded"],[0,"expansionOpen","onDetailsLoaded"]]]]],["smoothly-table-header",[[6,"smoothly-table-header",{"name":[1],"sortDirection":[1025,"sort-direction"]},[[0,"click","onClick"]]]]],["smoothly-table-row",[[6,"smoothly-table-row",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-
|
|
29
|
+
return bootstrapLazy([["smoothly-app-demo",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-input-demo",[[0,"smoothly-input-demo"]]],["smoothly-select-demo",[[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]]]],["smoothly-table-demo",[[2,"smoothly-table-demo"]]],["smoothly-display-demo",[[0,"smoothly-display-demo"]]],["smoothly-app",[[4,"smoothly-app",{"color":[1]}]]],["smoothly-dialog-demo",[[0,"smoothly-dialog-demo"]]],["smoothly-icon-demo",[[2,"smoothly-icon-demo"]]],["smoothly-room",[[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}]]],["smoothly-input-date-range",[[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"open":[1028]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"]]]]],["smoothly-notifier",[[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]]],["smoothly-picker",[[1,"smoothly-picker",{"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"optionStyle":[8,"option-style"],"options":[16],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"isOpen":[32]},[[0,"optionSelect","optionSelectHander"]]]]],["smoothly-dialog",[[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]]]],["smoothly-checkbox",[[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"selected":[1540],"disabled":[1540],"t":[32]}]]],["smoothly-submit",[[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]]]],["smoothly-urlencoded",[[0,"smoothly-urlencoded",{"data":[1]}]]],["smoothly-accordion",[[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]]]],["smoothly-accordion-item",[[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}]]],["smoothly-display-amount",[[2,"smoothly-display-amount",{"amount":[8],"currency":[1]}]]],["smoothly-frame",[[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}]]],["smoothly-popup",[[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}]]],["smoothly-quiet",[[6,"smoothly-quiet",{"color":[1]}]]],["smoothly-radio",[[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}]]],["smoothly-select",[[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}]]],["smoothly-tab",[[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]]]],["smoothly-tab-switch",[[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]]]],["smoothly-table",[[6,"smoothly-table",null,[[0,"sort","onSort"]]]]],["smoothly-table-cell",[[6,"smoothly-table-cell"]]],["smoothly-table-expandable-cell",[[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-table-expandable-row",[[6,"smoothly-table-expandable-row",null,[[0,"expansionLoaded","onExpansionLoaded"],[0,"expansionOpen","onDetailsLoaded"]]]]],["smoothly-table-header",[[6,"smoothly-table-header",{"name":[1],"sortDirection":[1025,"sort-direction"]},[[0,"click","onClick"]]]]],["smoothly-table-row",[[6,"smoothly-table-row",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-icon",[[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]],["smoothly-selector",[[6,"smoothly-selector",{"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]]]],["smoothly-input-date",[[6,"smoothly-input-date",{"value":[1025],"open":[1028]}]]],["smoothly-notification",[[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]]]],["smoothly-option",[[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537]}]]],["smoothly-menu-options",[[1,"smoothly-menu-options",{"emptyMenuLabel":[1025,"empty-menu-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"filteredOptions":[32],"highlightIndex":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]]]],["smoothly-display",[[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1]}]]],["smoothly-display-date-time",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["smoothly-spinner",[[2,"smoothly-spinner",{"active":[516]}]]],["smoothly-tuple",[[0,"smoothly-tuple",{"tuple":[16]}]]],["smoothly-item",[[6,"smoothly-item",{"value":[8],"selected":[1540],"filter":[64]},[[0,"click","onClick"]]]]],["smoothly-input-month",[[2,"smoothly-input-month",{"value":[1025]}]]],["smoothly-calendar",[[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"doubleInput":[516,"double-input"]}]]],["smoothly-input",[[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1025],"disabled":[1028],"currency":[513],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}]]],["smoothly-trigger",[[6,"smoothly-trigger",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]]]]], options);
|
|
30
30
|
});
|
|
31
31
|
};
|
|
32
32
|
|