smoothly 0.1.80 → 0.1.84
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/{generate-14aca5d2.js → generate-a6821b82.js} +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-accordion_46.cjs.entry.js → smoothly-accordion_47.cjs.entry.js} +81 -67
- package/dist/cjs/smoothly-calendar.cjs.entry.js +17 -16
- package/dist/cjs/smoothly-display-demo.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-input-date-range.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-input-date.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-input-month.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-quiet.cjs.entry.js +19 -0
- package/dist/cjs/smoothly-select-demo.cjs.entry.js +2 -2
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/calendar/generate.js +2 -2
- package/dist/collection/components/calendar/index.js +59 -14
- package/dist/collection/components/calendar/style.css +7 -1
- package/dist/collection/components/display-demo/index.js +4 -1
- package/dist/collection/components/input-date/index.js +45 -1
- package/dist/collection/components/input-date-range/index.js +45 -1
- package/dist/collection/components/quiet/index.js +34 -0
- package/dist/collection/components/quiet/style.css +3 -0
- package/dist/collection/components/select-demo/index.js +2 -2
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +86 -70
- package/dist/{smoothly/generate-be25a8d1.js → esm/generate-776b3b0f.js} +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_46.entry.js → smoothly-accordion_47.entry.js} +81 -68
- package/dist/esm/smoothly-calendar.entry.js +17 -16
- package/dist/esm/smoothly-display-demo.entry.js +1 -1
- package/dist/esm/smoothly-input-date-range.entry.js +1 -1
- package/dist/esm/smoothly-input-date.entry.js +1 -1
- package/dist/esm/smoothly-input-month.entry.js +1 -1
- package/dist/esm/smoothly-quiet.entry.js +15 -0
- package/dist/esm/smoothly-select-demo.entry.js +2 -2
- package/dist/esm/smoothly.js +1 -1
- package/dist/{esm/generate-be25a8d1.js → smoothly/generate-776b3b0f.js} +2 -2
- package/dist/smoothly/p-5ca32c49.entry.js +1 -0
- package/dist/smoothly/smoothly-calendar.entry.js +17 -16
- package/dist/smoothly/smoothly-display-demo.entry.js +1 -1
- package/dist/smoothly/smoothly-input-date-range.entry.js +1 -1
- package/dist/smoothly/smoothly-input-date.entry.js +1 -1
- package/dist/smoothly/smoothly-input-month.entry.js +1 -1
- package/dist/smoothly/smoothly-quiet.entry.js +15 -0
- package/dist/smoothly/smoothly-select-demo.entry.js +2 -2
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/calendar/index.d.ts +3 -0
- package/dist/types/components/input-date/index.d.ts +2 -0
- package/dist/types/components/input-date-range/index.d.ts +2 -0
- package/dist/types/components/quiet/index.d.ts +4 -0
- package/dist/types/components.d.ts +27 -0
- package/package.json +1 -1
- package/dist/smoothly/p-ebb15db5.entry.js +0 -1
|
@@ -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 {
|
|
@@ -21267,12 +21267,12 @@ function months(current) {
|
|
|
21267
21267
|
const day = new globalThis.Date(current);
|
|
21268
21268
|
const result = [];
|
|
21269
21269
|
for (let i = 0; i < 12; i++) {
|
|
21270
|
-
day.setMonth(i);
|
|
21270
|
+
day.setMonth(i, 28);
|
|
21271
21271
|
const date = dist$4.Date.create(day);
|
|
21272
21272
|
result.push({
|
|
21273
21273
|
date,
|
|
21274
21274
|
name: day.toLocaleString(undefined, { month: "long" }),
|
|
21275
|
-
selected: date == current,
|
|
21275
|
+
selected: date.substr(0, 7) == current.substr(0, 7),
|
|
21276
21276
|
});
|
|
21277
21277
|
}
|
|
21278
21278
|
return result;
|
|
@@ -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,.disable).sc-smoothly-calendar: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))}td.disable.sc-smoothly-calendar{cursor:not-allowed;background-color:rgb(var(--smoothly-default-tint), 0.5);color:rgb(var(--smoothly-default-contrast), 0.5)}";
|
|
21298
21298
|
|
|
21299
21299
|
let Calendar = class extends HTMLElement {
|
|
21300
21300
|
constructor() {
|
|
@@ -21312,6 +21312,18 @@ let Calendar = class extends HTMLElement {
|
|
|
21312
21312
|
onEnd(next) {
|
|
21313
21313
|
this.endChanged.emit(next);
|
|
21314
21314
|
}
|
|
21315
|
+
onClick(date) {
|
|
21316
|
+
this.valueChanged.emit((this.value = date));
|
|
21317
|
+
this.clickCounter += 1;
|
|
21318
|
+
if (this.clickCounter % 2 == 1)
|
|
21319
|
+
this.start = this.end = date;
|
|
21320
|
+
else {
|
|
21321
|
+
if (this.start && date > this.start)
|
|
21322
|
+
this.end = date;
|
|
21323
|
+
else
|
|
21324
|
+
this.start = date;
|
|
21325
|
+
}
|
|
21326
|
+
}
|
|
21315
21327
|
render() {
|
|
21316
21328
|
var _a, _b;
|
|
21317
21329
|
return [
|
|
@@ -21321,24 +21333,13 @@ let Calendar = class extends HTMLElement {
|
|
|
21321
21333
|
} }),
|
|
21322
21334
|
h("table", null, h("thead", null, h("tr", null, weekdays().map(day => (h("th", null, day))))), month((_b = this.month) !== null && _b !== void 0 ? _b : this.value).map(week => (h("tr", null, week.map(date => {
|
|
21323
21335
|
var _a, _b, _c;
|
|
21324
|
-
return (h("td", { tabindex: 1, onClick: () =>
|
|
21325
|
-
this.valueChanged.emit((this.value = date));
|
|
21326
|
-
this.clickCounter += 1;
|
|
21327
|
-
if (this.clickCounter % 2 == 1)
|
|
21328
|
-
this.start = this.end = date;
|
|
21329
|
-
else {
|
|
21330
|
-
if (this.start && date > this.start)
|
|
21331
|
-
this.end = date;
|
|
21332
|
-
else
|
|
21333
|
-
this.start = date;
|
|
21334
|
-
}
|
|
21335
|
-
}, class: (date == this.value ? ["selected"] : [])
|
|
21336
|
+
return (h("td", { tabindex: 1, onClick: (this.min || this.max) && (date < this.min || date > this.max) ? undefined : () => this.onClick(date), class: (date == this.value ? ["selected"] : [])
|
|
21336
21337
|
.concat(...(date == dist$4.Date.now() ? ["today"] : []), dist$4.Date.firstOfMonth((_a = this.month) !== null && _a !== void 0 ? _a : this.value) == dist$4.Date.firstOfMonth(date) ? ["currentMonth"] : [], this.doubleInput
|
|
21337
|
-
?
|
|
21338
|
-
dist$4.Date.parse(date) <= dist$4.Date.parse((_c = this.end) !== null && _c !== void 0 ? _c : "")
|
|
21338
|
+
? date >= ((_b = this.start) !== null && _b !== void 0 ? _b : "") && date <= ((_c = this.end) !== null && _c !== void 0 ? _c : "")
|
|
21339
21339
|
? ["dateRange"]
|
|
21340
21340
|
: []
|
|
21341
21341
|
: "")
|
|
21342
|
+
.concat(...(this.min || this.max ? (date < this.min || date > this.max ? ["disable"] : []) : ""))
|
|
21342
21343
|
.join(" ") }, date.substring(8, 10)));
|
|
21343
21344
|
}))))),
|
|
21344
21345
|
];
|
|
@@ -21348,7 +21349,7 @@ let Calendar = class extends HTMLElement {
|
|
|
21348
21349
|
"start": ["onStart"],
|
|
21349
21350
|
"end": ["onEnd"]
|
|
21350
21351
|
}; }
|
|
21351
|
-
static get style() { return styleCss$
|
|
21352
|
+
static get style() { return styleCss$E; }
|
|
21352
21353
|
};
|
|
21353
21354
|
|
|
21354
21355
|
var CallingCode_1$1 = createCommonjsModule(function (module, exports) {
|
|
@@ -39985,7 +39986,7 @@ function create(language) {
|
|
|
39985
39986
|
}, language);
|
|
39986
39987
|
}
|
|
39987
39988
|
|
|
39988
|
-
const styleCss$
|
|
39989
|
+
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
39990
|
|
|
39990
39991
|
let SmoothlyCheckbox$1 = class extends HTMLElement {
|
|
39991
39992
|
constructor() {
|
|
@@ -40010,10 +40011,10 @@ let SmoothlyCheckbox$1 = class extends HTMLElement {
|
|
|
40010
40011
|
];
|
|
40011
40012
|
}
|
|
40012
40013
|
get element() { return this; }
|
|
40013
|
-
static get style() { return styleCss$
|
|
40014
|
+
static get style() { return styleCss$D; }
|
|
40014
40015
|
};
|
|
40015
40016
|
|
|
40016
|
-
const styleCss$
|
|
40017
|
+
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
40018
|
|
|
40018
40019
|
let SmoothlyDialog$1 = class extends HTMLElement {
|
|
40019
40020
|
constructor() {
|
|
@@ -40039,7 +40040,7 @@ let SmoothlyDialog$1 = class extends HTMLElement {
|
|
|
40039
40040
|
h("main", null, h("slot", null)),
|
|
40040
40041
|
];
|
|
40041
40042
|
}
|
|
40042
|
-
static get style() { return styleCss$
|
|
40043
|
+
static get style() { return styleCss$C; }
|
|
40043
40044
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
40044
40045
|
};
|
|
40045
40046
|
|
|
@@ -59979,7 +59980,7 @@ Object.defineProperty(exports, "StateEditor", { enumerable: true, get: function
|
|
|
59979
59980
|
|
|
59980
59981
|
const index = /*@__PURE__*/getDefaultExportFromCjs(dist);
|
|
59981
59982
|
|
|
59982
|
-
const styleCss$
|
|
59983
|
+
const styleCss$B = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";
|
|
59983
59984
|
|
|
59984
59985
|
let SmoothlyDisplay$1 = class extends HTMLElement {
|
|
59985
59986
|
constructor() {
|
|
@@ -60008,10 +60009,10 @@ let SmoothlyDisplay$1 = class extends HTMLElement {
|
|
|
60008
60009
|
}
|
|
60009
60010
|
return result;
|
|
60010
60011
|
}
|
|
60011
|
-
static get style() { return styleCss$
|
|
60012
|
+
static get style() { return styleCss$B; }
|
|
60012
60013
|
};
|
|
60013
60014
|
|
|
60014
|
-
const styleCss$
|
|
60015
|
+
const styleCss$A = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";
|
|
60015
60016
|
|
|
60016
60017
|
let SmoothlyDisplayAmount$1 = class extends HTMLElement {
|
|
60017
60018
|
constructor() {
|
|
@@ -60059,10 +60060,10 @@ let SmoothlyDisplayAmount$1 = class extends HTMLElement {
|
|
|
60059
60060
|
this.currency,
|
|
60060
60061
|
];
|
|
60061
60062
|
}
|
|
60062
|
-
static get style() { return styleCss$
|
|
60063
|
+
static get style() { return styleCss$A; }
|
|
60063
60064
|
};
|
|
60064
60065
|
|
|
60065
|
-
const styleCss$
|
|
60066
|
+
const styleCss$z = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";
|
|
60066
60067
|
|
|
60067
60068
|
let SmoothlyDisplayDateTime$1 = class extends HTMLElement {
|
|
60068
60069
|
constructor() {
|
|
@@ -60073,7 +60074,7 @@ let SmoothlyDisplayDateTime$1 = class extends HTMLElement {
|
|
|
60073
60074
|
const datetime = this.datetime.split("T");
|
|
60074
60075
|
return [datetime[0], " ", datetime[1]];
|
|
60075
60076
|
}
|
|
60076
|
-
static get style() { return styleCss$
|
|
60077
|
+
static get style() { return styleCss$z; }
|
|
60077
60078
|
};
|
|
60078
60079
|
|
|
60079
60080
|
let SmoothlyDisplayDemo$1 = class extends HTMLElement {
|
|
@@ -60088,12 +60089,12 @@ let SmoothlyDisplayDemo$1 = class extends HTMLElement {
|
|
|
60088
60089
|
}
|
|
60089
60090
|
render() {
|
|
60090
60091
|
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")),
|
|
60092
|
+
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
60093
|
];
|
|
60093
60094
|
}
|
|
60094
60095
|
};
|
|
60095
60096
|
|
|
60096
|
-
const styleCss$
|
|
60097
|
+
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
60098
|
|
|
60098
60099
|
let SmoothlyFrame$1 = class extends HTMLElement {
|
|
60099
60100
|
constructor() {
|
|
@@ -60132,10 +60133,10 @@ let SmoothlyFrame$1 = class extends HTMLElement {
|
|
|
60132
60133
|
return h("iframe", { src: this.url + "#" + window.location.origin, height: "100%", width: "100%" });
|
|
60133
60134
|
}
|
|
60134
60135
|
get element() { return this; }
|
|
60135
|
-
static get style() { return styleCss$
|
|
60136
|
+
static get style() { return styleCss$y; }
|
|
60136
60137
|
};
|
|
60137
60138
|
|
|
60138
|
-
const styleCss$
|
|
60139
|
+
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
60140
|
|
|
60140
60141
|
let SmoothlyIcon$1 = class extends HTMLElement {
|
|
60141
60142
|
constructor() {
|
|
@@ -60176,12 +60177,12 @@ let SmoothlyIcon$1 = class extends HTMLElement {
|
|
|
60176
60177
|
static get watchers() { return {
|
|
60177
60178
|
"name": ["loadDocument"]
|
|
60178
60179
|
}; }
|
|
60179
|
-
static get style() { return styleCss$
|
|
60180
|
+
static get style() { return styleCss$x; }
|
|
60180
60181
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
60181
60182
|
};
|
|
60182
60183
|
SmoothlyIcon$1.cache = {};
|
|
60183
60184
|
|
|
60184
|
-
const styleCss$
|
|
60185
|
+
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
60186
|
|
|
60186
60187
|
let SmoothlyIconDemo$1 = class extends HTMLElement {
|
|
60187
60188
|
constructor() {
|
|
@@ -60663,10 +60664,10 @@ let SmoothlyIconDemo$1 = class extends HTMLElement {
|
|
|
60663
60664
|
.map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
|
|
60664
60665
|
];
|
|
60665
60666
|
}
|
|
60666
|
-
static get style() { return styleCss$
|
|
60667
|
+
static get style() { return styleCss$w; }
|
|
60667
60668
|
};
|
|
60668
60669
|
|
|
60669
|
-
const styleCss$
|
|
60670
|
+
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
60671
|
|
|
60671
60672
|
let SmoothlyInput$1 = class extends HTMLElement {
|
|
60672
60673
|
constructor() {
|
|
@@ -60823,10 +60824,10 @@ let SmoothlyInput$1 = class extends HTMLElement {
|
|
|
60823
60824
|
static get watchers() { return {
|
|
60824
60825
|
"value": ["valueWatcher"]
|
|
60825
60826
|
}; }
|
|
60826
|
-
static get style() { return styleCss$
|
|
60827
|
+
static get style() { return styleCss$v; }
|
|
60827
60828
|
};
|
|
60828
60829
|
|
|
60829
|
-
const styleCss$
|
|
60830
|
+
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
60831
|
|
|
60831
60832
|
let InputDate = class extends HTMLElement {
|
|
60832
60833
|
constructor() {
|
|
@@ -60845,16 +60846,16 @@ let InputDate = class extends HTMLElement {
|
|
|
60845
60846
|
this.open ? (h("nav", null, h("div", { class: "arrow" }), h("smoothly-calendar", { doubleInput: false, value: (_a = this.value) !== null && _a !== void 0 ? _a : dist$4.Date.now(), onValueChanged: event => {
|
|
60846
60847
|
this.value = event.detail;
|
|
60847
60848
|
event.stopPropagation();
|
|
60848
|
-
} }))) : ([]),
|
|
60849
|
+
}, max: this.max, min: this.min }))) : ([]),
|
|
60849
60850
|
];
|
|
60850
60851
|
}
|
|
60851
60852
|
static get watchers() { return {
|
|
60852
60853
|
"value": ["onStart"]
|
|
60853
60854
|
}; }
|
|
60854
|
-
static get style() { return styleCss$
|
|
60855
|
+
static get style() { return styleCss$u; }
|
|
60855
60856
|
};
|
|
60856
60857
|
|
|
60857
|
-
const styleCss$
|
|
60858
|
+
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
60859
|
|
|
60859
60860
|
let InputDateRange = class extends HTMLElement {
|
|
60860
60861
|
constructor() {
|
|
@@ -60884,7 +60885,7 @@ let InputDateRange = class extends HTMLElement {
|
|
|
60884
60885
|
this.open ? (h("nav", null, h("div", { class: "arrow" }), h("smoothly-calendar", { doubleInput: true, value: (_a = this.value) !== null && _a !== void 0 ? _a : dist$4.Date.now(), onValueChanged: event => {
|
|
60885
60886
|
this.value = event.detail;
|
|
60886
60887
|
event.stopPropagation();
|
|
60887
|
-
} }))) : ([]),
|
|
60888
|
+
}, max: this.max, min: this.min }))) : ([]),
|
|
60888
60889
|
];
|
|
60889
60890
|
}
|
|
60890
60891
|
static get watchers() { return {
|
|
@@ -60893,7 +60894,7 @@ let InputDateRange = class extends HTMLElement {
|
|
|
60893
60894
|
"start": ["onClose"],
|
|
60894
60895
|
"end": ["onClose"]
|
|
60895
60896
|
}; }
|
|
60896
|
-
static get style() { return styleCss$
|
|
60897
|
+
static get style() { return styleCss$t; }
|
|
60897
60898
|
};
|
|
60898
60899
|
|
|
60899
60900
|
let SmoothlyInputDemo$1 = class extends HTMLElement {
|
|
@@ -60906,7 +60907,7 @@ let SmoothlyInputDemo$1 = class extends HTMLElement {
|
|
|
60906
60907
|
}
|
|
60907
60908
|
};
|
|
60908
60909
|
|
|
60909
|
-
const styleCss$
|
|
60910
|
+
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
60911
|
|
|
60911
60912
|
let MonthSelector = class extends HTMLElement {
|
|
60912
60913
|
constructor() {
|
|
@@ -60935,10 +60936,10 @@ let MonthSelector = class extends HTMLElement {
|
|
|
60935
60936
|
static get watchers() { return {
|
|
60936
60937
|
"value": ["onValueChanged"]
|
|
60937
60938
|
}; }
|
|
60938
|
-
static get style() { return styleCss$
|
|
60939
|
+
static get style() { return styleCss$s; }
|
|
60939
60940
|
};
|
|
60940
60941
|
|
|
60941
|
-
const styleCss$
|
|
60942
|
+
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
60943
|
|
|
60943
60944
|
let Item = class extends HTMLElement {
|
|
60944
60945
|
constructor() {
|
|
@@ -60972,10 +60973,10 @@ let Item = class extends HTMLElement {
|
|
|
60972
60973
|
static get watchers() { return {
|
|
60973
60974
|
"selected": ["onSelectedChanged"]
|
|
60974
60975
|
}; }
|
|
60975
|
-
static get style() { return styleCss$
|
|
60976
|
+
static get style() { return styleCss$r; }
|
|
60976
60977
|
};
|
|
60977
60978
|
|
|
60978
|
-
const styleCss$
|
|
60979
|
+
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
60980
|
|
|
60980
60981
|
let SmoothlyMenuOptions$1 = class extends HTMLElement {
|
|
60981
60982
|
constructor() {
|
|
@@ -61075,10 +61076,10 @@ let SmoothlyMenuOptions$1 = class extends HTMLElement {
|
|
|
61075
61076
|
static get watchers() { return {
|
|
61076
61077
|
"options": ["optionsChangeHandler"]
|
|
61077
61078
|
}; }
|
|
61078
|
-
static get style() { return styleCss$
|
|
61079
|
+
static get style() { return styleCss$q; }
|
|
61079
61080
|
};
|
|
61080
61081
|
|
|
61081
|
-
const styleCss$
|
|
61082
|
+
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
61083
|
|
|
61083
61084
|
let Notification = class extends HTMLElement {
|
|
61084
61085
|
constructor() {
|
|
@@ -61136,10 +61137,10 @@ let Notification = class extends HTMLElement {
|
|
|
61136
61137
|
static get watchers() { return {
|
|
61137
61138
|
"notice": ["onUpdatedNotice"]
|
|
61138
61139
|
}; }
|
|
61139
|
-
static get style() { return styleCss$
|
|
61140
|
+
static get style() { return styleCss$p; }
|
|
61140
61141
|
};
|
|
61141
61142
|
|
|
61142
|
-
const styleCss$
|
|
61143
|
+
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
61144
|
|
|
61144
61145
|
let Notifier = class extends HTMLElement {
|
|
61145
61146
|
constructor() {
|
|
@@ -61159,10 +61160,10 @@ let Notifier = class extends HTMLElement {
|
|
|
61159
61160
|
h("aside", null, this.notices.map(n => (h("smoothly-notification", { notice: n })))),
|
|
61160
61161
|
];
|
|
61161
61162
|
}
|
|
61162
|
-
static get style() { return styleCss$
|
|
61163
|
+
static get style() { return styleCss$o; }
|
|
61163
61164
|
};
|
|
61164
61165
|
|
|
61165
|
-
const styleCss$
|
|
61166
|
+
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
61167
|
|
|
61167
61168
|
let SmoothlyOption$1 = class extends HTMLElement {
|
|
61168
61169
|
constructor() {
|
|
@@ -61186,10 +61187,10 @@ let SmoothlyOption$1 = class extends HTMLElement {
|
|
|
61186
61187
|
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
61188
|
}
|
|
61188
61189
|
get element() { return this; }
|
|
61189
|
-
static get style() { return styleCss$
|
|
61190
|
+
static get style() { return styleCss$n; }
|
|
61190
61191
|
};
|
|
61191
61192
|
|
|
61192
|
-
const styleCss$
|
|
61193
|
+
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
61194
|
|
|
61194
61195
|
let SmoothlyPicker$1 = class extends HTMLElement {
|
|
61195
61196
|
constructor() {
|
|
@@ -61326,10 +61327,10 @@ let SmoothlyPicker$1 = class extends HTMLElement {
|
|
|
61326
61327
|
"selections": ["isOpenChangeHander"],
|
|
61327
61328
|
"isOpen": ["isOpenChangeHander"]
|
|
61328
61329
|
}; }
|
|
61329
|
-
static get style() { return styleCss$
|
|
61330
|
+
static get style() { return styleCss$m; }
|
|
61330
61331
|
};
|
|
61331
61332
|
|
|
61332
|
-
const styleCss$
|
|
61333
|
+
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
61334
|
|
|
61334
61335
|
let SmoothlyPopup$1 = class extends HTMLElement {
|
|
61335
61336
|
constructor() {
|
|
@@ -61358,6 +61359,19 @@ let SmoothlyPopup$1 = class extends HTMLElement {
|
|
|
61358
61359
|
render() {
|
|
61359
61360
|
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
61361
|
}
|
|
61362
|
+
static get style() { return styleCss$l; }
|
|
61363
|
+
};
|
|
61364
|
+
|
|
61365
|
+
const styleCss$k = ".sc-smoothly-quiet-h{opacity:0.5}";
|
|
61366
|
+
|
|
61367
|
+
let SmoothlyQuiet$1 = class extends HTMLElement {
|
|
61368
|
+
constructor() {
|
|
61369
|
+
super();
|
|
61370
|
+
this.__registerHost();
|
|
61371
|
+
}
|
|
61372
|
+
render() {
|
|
61373
|
+
return (h(Host, { color: this.color }, h("slot", null)));
|
|
61374
|
+
}
|
|
61361
61375
|
static get style() { return styleCss$k; }
|
|
61362
61376
|
};
|
|
61363
61377
|
|
|
@@ -61551,8 +61565,8 @@ let SmoothlySelectDemo$1 = class extends HTMLElement {
|
|
|
61551
61565
|
h("smoothly-select", { identifier: "currency" }, this.currencies.map(option => this.currency == option ? (h("option", { value: option, selected: true }, option)) : (h("option", { value: option }, option)))),
|
|
61552
61566
|
h("smoothly-select", { identifier: "language" }, h("optgroup", { label: "Nordic" }, h("option", { value: "sv" }, "Swedish"), h("option", { value: "da", selected: true }, "Danish"), h("option", { value: "no" }, "Norwegian")), h("optgroup", { label: "Other" }, h("option", { value: "en" }, "English"))),
|
|
61553
61567
|
h("smoothly-select", { identifier: "quantity", ref: e => (this.quantityElement = e) }, h("option", { value: "1" }, "1"), h("option", { value: "2" }, "2"), h("option", { value: "3" }, "3")),
|
|
61554
|
-
h("smoothly-input-date",
|
|
61555
|
-
h("smoothly-input-date-range",
|
|
61568
|
+
h("smoothly-input-date", { max: "2021-12-30", min: "2021-10-10" }, "Date"),
|
|
61569
|
+
h("smoothly-input-date-range", { max: "2021-12-30", min: "2021-10-10" }),
|
|
61556
61570
|
h("smoothly-selector", null, h("smoothly-item", { value: "1" }, "January"), h("smoothly-item", { value: "2" }, "February"), h("smoothly-item", { value: "3" }, "March"), h("smoothly-item", { value: "4" }, "April"), h("smoothly-item", { value: "5" }, "May"), h("smoothly-item", { value: "6" }, "June"), h("smoothly-item", { value: "7" }, "July"), h("smoothly-item", { value: "8" }, "August"), h("smoothly-item", { value: "9" }, "September"), h("smoothly-item", { value: "10" }, "October"), h("smoothly-item", { value: "11" }, "November"), h("smoothly-item", { value: "12" }, "December")),
|
|
61557
61571
|
h("button", { onClick: () => this.alertf() }, "press here"),
|
|
61558
61572
|
h("smoothly-picker", { label: "Filter", "empty-menu-label": "Sorry, we're out of options.", "max-height": "58px", multiple: true, options: [
|
|
@@ -62128,7 +62142,7 @@ const SmoothlyAccordion = /*@__PURE__*/proxyCustomElement(SmoothlyAccordion$1, [
|
|
|
62128
62142
|
const SmoothlyAccordionItem = /*@__PURE__*/proxyCustomElement(SmoothlyAccordionItem$1, [6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}]);
|
|
62129
62143
|
const SmoothlyApp = /*@__PURE__*/proxyCustomElement(SmoothlyApp$1, [4,"smoothly-app",{"color":[1]}]);
|
|
62130
62144
|
const SmoothlyAppDemo = /*@__PURE__*/proxyCustomElement(SmoothlyAppDemo$1, [0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}]);
|
|
62131
|
-
const SmoothlyCalendar = /*@__PURE__*/proxyCustomElement(Calendar, [2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"doubleInput":[516,"double-input"]}]);
|
|
62145
|
+
const SmoothlyCalendar = /*@__PURE__*/proxyCustomElement(Calendar, [2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"]}]);
|
|
62132
62146
|
const SmoothlyCheckbox = /*@__PURE__*/proxyCustomElement(SmoothlyCheckbox$1, [2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"selected":[1540],"disabled":[1540],"t":[32]}]);
|
|
62133
62147
|
const SmoothlyDialog = /*@__PURE__*/proxyCustomElement(SmoothlyDialog$1, [6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]]);
|
|
62134
62148
|
const SmoothlyDialogDemo = /*@__PURE__*/proxyCustomElement(SmoothlyDialogDemo$1, [0,"smoothly-dialog-demo"]);
|
|
@@ -62140,8 +62154,8 @@ const SmoothlyFrame = /*@__PURE__*/proxyCustomElement(SmoothlyFrame$1, [2,"smoot
|
|
|
62140
62154
|
const SmoothlyIcon = /*@__PURE__*/proxyCustomElement(SmoothlyIcon$1, [2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]);
|
|
62141
62155
|
const SmoothlyIconDemo = /*@__PURE__*/proxyCustomElement(SmoothlyIconDemo$1, [2,"smoothly-icon-demo"]);
|
|
62142
62156
|
const SmoothlyInput = /*@__PURE__*/proxyCustomElement(SmoothlyInput$1, [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]}]);
|
|
62143
|
-
const SmoothlyInputDate = /*@__PURE__*/proxyCustomElement(InputDate, [6,"smoothly-input-date",{"value":[1025],"open":[1028]}]);
|
|
62144
|
-
const SmoothlyInputDateRange = /*@__PURE__*/proxyCustomElement(InputDateRange, [2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"open":[1028]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"]]]);
|
|
62157
|
+
const SmoothlyInputDate = /*@__PURE__*/proxyCustomElement(InputDate, [6,"smoothly-input-date",{"value":[1025],"open":[1028],"max":[1025],"min":[1025]}]);
|
|
62158
|
+
const SmoothlyInputDateRange = /*@__PURE__*/proxyCustomElement(InputDateRange, [2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"]]]);
|
|
62145
62159
|
const SmoothlyInputDemo = /*@__PURE__*/proxyCustomElement(SmoothlyInputDemo$1, [0,"smoothly-input-demo"]);
|
|
62146
62160
|
const SmoothlyInputMonth = /*@__PURE__*/proxyCustomElement(MonthSelector, [2,"smoothly-input-month",{"value":[1025]}]);
|
|
62147
62161
|
const SmoothlyItem = /*@__PURE__*/proxyCustomElement(Item, [6,"smoothly-item",{"value":[8],"selected":[1540]},[[0,"click","onClick"]]]);
|
|
@@ -62151,6 +62165,7 @@ const SmoothlyNotifier = /*@__PURE__*/proxyCustomElement(Notifier, [6,"smoothly-
|
|
|
62151
62165
|
const SmoothlyOption = /*@__PURE__*/proxyCustomElement(SmoothlyOption$1, [1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537]}]);
|
|
62152
62166
|
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
62167
|
const SmoothlyPopup = /*@__PURE__*/proxyCustomElement(SmoothlyPopup$1, [6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}]);
|
|
62168
|
+
const SmoothlyQuiet = /*@__PURE__*/proxyCustomElement(SmoothlyQuiet$1, [6,"smoothly-quiet",{"color":[1]}]);
|
|
62154
62169
|
const SmoothlyRadio = /*@__PURE__*/proxyCustomElement(SmoothlyRadio$1, [6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}]);
|
|
62155
62170
|
const SmoothlyRadioGroup = /*@__PURE__*/proxyCustomElement(SmoothlyToggleGroup, [4,"smoothly-radio-group",{"orientation":[513]}]);
|
|
62156
62171
|
const SmoothlyReorder = /*@__PURE__*/proxyCustomElement(SmoothlyReorder$1, [0,"smoothly-reorder"]);
|
|
@@ -62204,6 +62219,7 @@ const defineCustomElements = (opts) => {
|
|
|
62204
62219
|
SmoothlyOption,
|
|
62205
62220
|
SmoothlyPicker,
|
|
62206
62221
|
SmoothlyPopup,
|
|
62222
|
+
SmoothlyQuiet,
|
|
62207
62223
|
SmoothlyRadio,
|
|
62208
62224
|
SmoothlyRadioGroup,
|
|
62209
62225
|
SmoothlyReorder,
|
|
@@ -62235,4 +62251,4 @@ const defineCustomElements = (opts) => {
|
|
|
62235
62251
|
}
|
|
62236
62252
|
};
|
|
62237
62253
|
|
|
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 };
|
|
62254
|
+
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 };
|
|
@@ -31,12 +31,12 @@ function months(current) {
|
|
|
31
31
|
const day = new globalThis.Date(current);
|
|
32
32
|
const result = [];
|
|
33
33
|
for (let i = 0; i < 12; i++) {
|
|
34
|
-
day.setMonth(i);
|
|
34
|
+
day.setMonth(i, 28);
|
|
35
35
|
const date = dist.Date.create(day);
|
|
36
36
|
result.push({
|
|
37
37
|
date,
|
|
38
38
|
name: day.toLocaleString(undefined, { month: "long" }),
|
|
39
|
-
selected: date == current,
|
|
39
|
+
selected: date.substr(0, 7) == current.substr(0, 7),
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
42
|
return result;
|
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],"max":[1025],"min":[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],"max":[1025],"min":[1025]}]]],["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],"max":[1025],"min":[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
|
|