smoothly 0.1.71 → 0.1.72
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_43.cjs.entry.js → smoothly-accordion_44.cjs.entry.js} +98 -63
- package/dist/cjs/smoothly-table-demo.cjs.entry.js +4 -1
- package/dist/cjs/smoothly-table-row.cjs.entry.js +21 -2
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/table/demo/index.js +45 -24
- package/dist/collection/components/table/exandable/row/style.css +1 -0
- package/dist/collection/components/table/row/index.js +94 -3
- package/dist/collection/components/table/row/style.css +3 -0
- package/dist/custom-elements/index.js +26 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_43.entry.js → smoothly-accordion_44.entry.js} +98 -64
- package/dist/esm/smoothly-table-demo.entry.js +4 -1
- package/dist/esm/smoothly-table-row.entry.js +22 -3
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-c107b623.entry.js → p-485244c2.entry.js} +1 -1
- package/dist/smoothly/smoothly-table-demo.entry.js +4 -1
- package/dist/smoothly/smoothly-table-row.entry.js +22 -3
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/table/demo/index.d.ts +1 -1
- package/dist/types/components/table/row/index.d.ts +10 -0
- package/dist/types/components.d.ts +5 -0
- package/package.json +1 -1
- package/dist/smoothly/p-07627dfe.entry.js +0 -1
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, a as getElement, c as createEvent, H as Host
|
|
|
2
2
|
import { A as App, N as Notice } from './Notice-966edc54.js';
|
|
3
3
|
import { T as Trigger, M as Message } from './Trigger-d7b181ec.js';
|
|
4
4
|
|
|
5
|
-
const styleCss$
|
|
5
|
+
const styleCss$A = "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}";
|
|
6
6
|
|
|
7
7
|
const SmoothlyAccordion = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -48,9 +48,9 @@ const SmoothlyAccordion = class {
|
|
|
48
48
|
"value": ["valueChanged"]
|
|
49
49
|
}; }
|
|
50
50
|
};
|
|
51
|
-
SmoothlyAccordion.style = styleCss$
|
|
51
|
+
SmoothlyAccordion.style = styleCss$A;
|
|
52
52
|
|
|
53
|
-
const styleCss$
|
|
53
|
+
const styleCss$z = ".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))}";
|
|
54
54
|
|
|
55
55
|
const SmoothlyAccordionItem = class {
|
|
56
56
|
constructor(hostRef) {
|
|
@@ -95,9 +95,9 @@ const SmoothlyAccordionItem = class {
|
|
|
95
95
|
"open": ["openChanged"]
|
|
96
96
|
}; }
|
|
97
97
|
};
|
|
98
|
-
SmoothlyAccordionItem.style = styleCss$
|
|
98
|
+
SmoothlyAccordionItem.style = styleCss$z;
|
|
99
99
|
|
|
100
|
-
const styleCss$
|
|
100
|
+
const styleCss$y = "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,smoothly-app>smoothly-notifier>header>nav>ul>li a{display:inline-block;line-height:1.6cm;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}";
|
|
101
101
|
|
|
102
102
|
const SmoothlyApp = class {
|
|
103
103
|
constructor(hostRef) {
|
|
@@ -107,7 +107,7 @@ const SmoothlyApp = class {
|
|
|
107
107
|
return (h("smoothly-notifier", null, h("slot", null)));
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
|
-
SmoothlyApp.style = styleCss$
|
|
110
|
+
SmoothlyApp.style = styleCss$y;
|
|
111
111
|
|
|
112
112
|
const SmoothlyAppDemo = class {
|
|
113
113
|
constructor(hostRef) {
|
|
@@ -18498,7 +18498,7 @@ function years(current) {
|
|
|
18498
18498
|
return result;
|
|
18499
18499
|
}
|
|
18500
18500
|
|
|
18501
|
-
const styleCss$
|
|
18501
|
+
const styleCss$x = ".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))}";
|
|
18502
18502
|
|
|
18503
18503
|
const Calendar = class {
|
|
18504
18504
|
constructor(hostRef) {
|
|
@@ -18552,7 +18552,7 @@ const Calendar = class {
|
|
|
18552
18552
|
"end": ["onEnd"]
|
|
18553
18553
|
}; }
|
|
18554
18554
|
};
|
|
18555
|
-
Calendar.style = styleCss$
|
|
18555
|
+
Calendar.style = styleCss$x;
|
|
18556
18556
|
|
|
18557
18557
|
var Alpha2_1$1 = createCommonjsModule(function (module, exports) {
|
|
18558
18558
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
@@ -31795,7 +31795,7 @@ function create(language) {
|
|
|
31795
31795
|
}, language);
|
|
31796
31796
|
}
|
|
31797
31797
|
|
|
31798
|
-
const styleCss$
|
|
31798
|
+
const styleCss$w = ".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)}";
|
|
31799
31799
|
|
|
31800
31800
|
const SmoothlyCheckbox = class {
|
|
31801
31801
|
constructor(hostRef) {
|
|
@@ -31820,9 +31820,9 @@ const SmoothlyCheckbox = class {
|
|
|
31820
31820
|
}
|
|
31821
31821
|
get element() { return getElement(this); }
|
|
31822
31822
|
};
|
|
31823
|
-
SmoothlyCheckbox.style = styleCss$
|
|
31823
|
+
SmoothlyCheckbox.style = styleCss$w;
|
|
31824
31824
|
|
|
31825
|
-
const styleCss$
|
|
31825
|
+
const styleCss$v = ".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}";
|
|
31826
31826
|
|
|
31827
31827
|
const SmoothlyDialog = class {
|
|
31828
31828
|
constructor(hostRef) {
|
|
@@ -31849,7 +31849,7 @@ const SmoothlyDialog = class {
|
|
|
31849
31849
|
}
|
|
31850
31850
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
31851
31851
|
};
|
|
31852
|
-
SmoothlyDialog.style = styleCss$
|
|
31852
|
+
SmoothlyDialog.style = styleCss$v;
|
|
31853
31853
|
|
|
31854
31854
|
const SmoothlyDialogDemo = class {
|
|
31855
31855
|
constructor(hostRef) {
|
|
@@ -51496,7 +51496,7 @@ Object.defineProperty(exports, "StateEditor", { enumerable: true, get: function
|
|
|
51496
51496
|
//# sourceMappingURL=index.js.map
|
|
51497
51497
|
});
|
|
51498
51498
|
|
|
51499
|
-
const styleCss$
|
|
51499
|
+
const styleCss$u = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";
|
|
51500
51500
|
|
|
51501
51501
|
const SmoothlyDisplay = class {
|
|
51502
51502
|
constructor(hostRef) {
|
|
@@ -51525,9 +51525,9 @@ const SmoothlyDisplay = class {
|
|
|
51525
51525
|
return result;
|
|
51526
51526
|
}
|
|
51527
51527
|
};
|
|
51528
|
-
SmoothlyDisplay.style = styleCss$
|
|
51528
|
+
SmoothlyDisplay.style = styleCss$u;
|
|
51529
51529
|
|
|
51530
|
-
const styleCss$
|
|
51530
|
+
const styleCss$t = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";
|
|
51531
51531
|
|
|
51532
51532
|
const SmoothlyDisplayAmount = class {
|
|
51533
51533
|
constructor(hostRef) {
|
|
@@ -51575,9 +51575,9 @@ const SmoothlyDisplayAmount = class {
|
|
|
51575
51575
|
];
|
|
51576
51576
|
}
|
|
51577
51577
|
};
|
|
51578
|
-
SmoothlyDisplayAmount.style = styleCss$
|
|
51578
|
+
SmoothlyDisplayAmount.style = styleCss$t;
|
|
51579
51579
|
|
|
51580
|
-
const styleCss$
|
|
51580
|
+
const styleCss$s = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";
|
|
51581
51581
|
|
|
51582
51582
|
const SmoothlyDisplayDateTime = class {
|
|
51583
51583
|
constructor(hostRef) {
|
|
@@ -51588,7 +51588,7 @@ const SmoothlyDisplayDateTime = class {
|
|
|
51588
51588
|
return [datetime[0], " ", datetime[1]];
|
|
51589
51589
|
}
|
|
51590
51590
|
};
|
|
51591
|
-
SmoothlyDisplayDateTime.style = styleCss$
|
|
51591
|
+
SmoothlyDisplayDateTime.style = styleCss$s;
|
|
51592
51592
|
|
|
51593
51593
|
const SmoothlyDisplayDemo = class {
|
|
51594
51594
|
constructor(hostRef) {
|
|
@@ -51606,7 +51606,7 @@ const SmoothlyDisplayDemo = class {
|
|
|
51606
51606
|
}
|
|
51607
51607
|
};
|
|
51608
51608
|
|
|
51609
|
-
const styleCss$
|
|
51609
|
+
const styleCss$r = ".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}";
|
|
51610
51610
|
|
|
51611
51611
|
const SmoothlyFrame = class {
|
|
51612
51612
|
constructor(hostRef) {
|
|
@@ -51645,9 +51645,9 @@ const SmoothlyFrame = class {
|
|
|
51645
51645
|
}
|
|
51646
51646
|
get element() { return getElement(this); }
|
|
51647
51647
|
};
|
|
51648
|
-
SmoothlyFrame.style = styleCss$
|
|
51648
|
+
SmoothlyFrame.style = styleCss$r;
|
|
51649
51649
|
|
|
51650
|
-
const styleCss$
|
|
51650
|
+
const styleCss$q = "[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}";
|
|
51651
51651
|
|
|
51652
51652
|
const SmoothlyIcon = class {
|
|
51653
51653
|
constructor(hostRef) {
|
|
@@ -51690,9 +51690,9 @@ const SmoothlyIcon = class {
|
|
|
51690
51690
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
51691
51691
|
};
|
|
51692
51692
|
SmoothlyIcon.cache = {};
|
|
51693
|
-
SmoothlyIcon.style = styleCss$
|
|
51693
|
+
SmoothlyIcon.style = styleCss$q;
|
|
51694
51694
|
|
|
51695
|
-
const styleCss$
|
|
51695
|
+
const styleCss$p = "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}";
|
|
51696
51696
|
|
|
51697
51697
|
const SmoothlyIconDemo = class {
|
|
51698
51698
|
constructor(hostRef) {
|
|
@@ -52174,9 +52174,9 @@ const SmoothlyIconDemo = class {
|
|
|
52174
52174
|
];
|
|
52175
52175
|
}
|
|
52176
52176
|
};
|
|
52177
|
-
SmoothlyIconDemo.style = styleCss$
|
|
52177
|
+
SmoothlyIconDemo.style = styleCss$p;
|
|
52178
52178
|
|
|
52179
|
-
const styleCss$
|
|
52179
|
+
const styleCss$o = ".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}";
|
|
52180
52180
|
|
|
52181
52181
|
const SmoothlyInput = class {
|
|
52182
52182
|
constructor(hostRef) {
|
|
@@ -52326,9 +52326,9 @@ const SmoothlyInput = class {
|
|
|
52326
52326
|
"value": ["valueWatcher"]
|
|
52327
52327
|
}; }
|
|
52328
52328
|
};
|
|
52329
|
-
SmoothlyInput.style = styleCss$
|
|
52329
|
+
SmoothlyInput.style = styleCss$o;
|
|
52330
52330
|
|
|
52331
|
-
const styleCss$
|
|
52331
|
+
const styleCss$n = ".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))}";
|
|
52332
52332
|
|
|
52333
52333
|
const InputDate = class {
|
|
52334
52334
|
constructor(hostRef) {
|
|
@@ -52353,9 +52353,9 @@ const InputDate = class {
|
|
|
52353
52353
|
"value": ["onStart"]
|
|
52354
52354
|
}; }
|
|
52355
52355
|
};
|
|
52356
|
-
InputDate.style = styleCss$
|
|
52356
|
+
InputDate.style = styleCss$n;
|
|
52357
52357
|
|
|
52358
|
-
const styleCss$
|
|
52358
|
+
const styleCss$m = ".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}";
|
|
52359
52359
|
|
|
52360
52360
|
const InputDateRange = class {
|
|
52361
52361
|
constructor(hostRef) {
|
|
@@ -52386,7 +52386,7 @@ const InputDateRange = class {
|
|
|
52386
52386
|
"value": ["onValue"]
|
|
52387
52387
|
}; }
|
|
52388
52388
|
};
|
|
52389
|
-
InputDateRange.style = styleCss$
|
|
52389
|
+
InputDateRange.style = styleCss$m;
|
|
52390
52390
|
|
|
52391
52391
|
const SmoothlyInputDemo = class {
|
|
52392
52392
|
constructor(hostRef) {
|
|
@@ -52397,7 +52397,7 @@ const SmoothlyInputDemo = class {
|
|
|
52397
52397
|
}
|
|
52398
52398
|
};
|
|
52399
52399
|
|
|
52400
|
-
const styleCss$
|
|
52400
|
+
const styleCss$l = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
|
|
52401
52401
|
|
|
52402
52402
|
const MonthSelector = class {
|
|
52403
52403
|
constructor(hostRef) {
|
|
@@ -52426,9 +52426,9 @@ const MonthSelector = class {
|
|
|
52426
52426
|
"value": ["onValueChanged"]
|
|
52427
52427
|
}; }
|
|
52428
52428
|
};
|
|
52429
|
-
MonthSelector.style = styleCss$
|
|
52429
|
+
MonthSelector.style = styleCss$l;
|
|
52430
52430
|
|
|
52431
|
-
const styleCss$
|
|
52431
|
+
const styleCss$k = "[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))}";
|
|
52432
52432
|
|
|
52433
52433
|
const Item = class {
|
|
52434
52434
|
constructor(hostRef) {
|
|
@@ -52462,9 +52462,9 @@ const Item = class {
|
|
|
52462
52462
|
"selected": ["onSelectedChanged"]
|
|
52463
52463
|
}; }
|
|
52464
52464
|
};
|
|
52465
|
-
Item.style = styleCss$
|
|
52465
|
+
Item.style = styleCss$k;
|
|
52466
52466
|
|
|
52467
|
-
const styleCss$
|
|
52467
|
+
const styleCss$j = ":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}";
|
|
52468
52468
|
|
|
52469
52469
|
const SmoothlyMenuOptions = class {
|
|
52470
52470
|
constructor(hostRef) {
|
|
@@ -52563,9 +52563,9 @@ const SmoothlyMenuOptions = class {
|
|
|
52563
52563
|
"options": ["optionsChangeHandler"]
|
|
52564
52564
|
}; }
|
|
52565
52565
|
};
|
|
52566
|
-
SmoothlyMenuOptions.style = styleCss$
|
|
52566
|
+
SmoothlyMenuOptions.style = styleCss$j;
|
|
52567
52567
|
|
|
52568
|
-
const styleCss$
|
|
52568
|
+
const styleCss$i = ".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}";
|
|
52569
52569
|
|
|
52570
52570
|
const Notification = class {
|
|
52571
52571
|
constructor(hostRef) {
|
|
@@ -52623,9 +52623,9 @@ const Notification = class {
|
|
|
52623
52623
|
"notice": ["onUpdatedNotice"]
|
|
52624
52624
|
}; }
|
|
52625
52625
|
};
|
|
52626
|
-
Notification.style = styleCss$
|
|
52626
|
+
Notification.style = styleCss$i;
|
|
52627
52627
|
|
|
52628
|
-
const styleCss$
|
|
52628
|
+
const styleCss$h = ".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}";
|
|
52629
52629
|
|
|
52630
52630
|
const Notifier = class {
|
|
52631
52631
|
constructor(hostRef) {
|
|
@@ -52645,9 +52645,9 @@ const Notifier = class {
|
|
|
52645
52645
|
];
|
|
52646
52646
|
}
|
|
52647
52647
|
};
|
|
52648
|
-
Notifier.style = styleCss$
|
|
52648
|
+
Notifier.style = styleCss$h;
|
|
52649
52649
|
|
|
52650
|
-
const styleCss$
|
|
52650
|
+
const styleCss$g = ":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}";
|
|
52651
52651
|
|
|
52652
52652
|
const SmoothlyOption = class {
|
|
52653
52653
|
constructor(hostRef) {
|
|
@@ -52670,9 +52670,9 @@ const SmoothlyOption = class {
|
|
|
52670
52670
|
}
|
|
52671
52671
|
get element() { return getElement(this); }
|
|
52672
52672
|
};
|
|
52673
|
-
SmoothlyOption.style = styleCss$
|
|
52673
|
+
SmoothlyOption.style = styleCss$g;
|
|
52674
52674
|
|
|
52675
|
-
const styleCss$
|
|
52675
|
+
const styleCss$f = ":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}";
|
|
52676
52676
|
|
|
52677
52677
|
const SmoothlyPicker = class {
|
|
52678
52678
|
constructor(hostRef) {
|
|
@@ -52808,9 +52808,9 @@ const SmoothlyPicker = class {
|
|
|
52808
52808
|
"isOpen": ["isOpenChangeHander"]
|
|
52809
52809
|
}; }
|
|
52810
52810
|
};
|
|
52811
|
-
SmoothlyPicker.style = styleCss$
|
|
52811
|
+
SmoothlyPicker.style = styleCss$f;
|
|
52812
52812
|
|
|
52813
|
-
const styleCss$
|
|
52813
|
+
const styleCss$e = ".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}";
|
|
52814
52814
|
|
|
52815
52815
|
const SmoothlyPopup = class {
|
|
52816
52816
|
constructor(hostRef) {
|
|
@@ -52839,9 +52839,9 @@ const SmoothlyPopup = class {
|
|
|
52839
52839
|
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" }))));
|
|
52840
52840
|
}
|
|
52841
52841
|
};
|
|
52842
|
-
SmoothlyPopup.style = styleCss$
|
|
52842
|
+
SmoothlyPopup.style = styleCss$e;
|
|
52843
52843
|
|
|
52844
|
-
const styleCss$
|
|
52844
|
+
const styleCss$d = ".sc-smoothly-radio-h{display:block;position:relative}[hidden].sc-smoothly-radio-h{display:none}label.sc-smoothly-radio{display:block;width:calc(100% - 2 * 0.4em);padding:0.2em 0.4em 0.2em 0.4em}input[type=radio].sc-smoothly-radio{position:absolute;left:0;top:0;width:calc(100%);height:100%;margin:0;appearance:none;-webkit-appearance:none}input[type=radio].sc-smoothly-radio~label.sc-smoothly-radio{border:1px solid rgb(var(--smoothly-default-color));color:rgba(var(--smoothly-default-contrast), 0.5);background:rgb(var(--smoothly-default-color))}input[type=radio].sc-smoothly-radio:checked~label.sc-smoothly-radio{background-color:rgb(var(--smoothly-default-shade));color:rgb(var(--smoothly-default-contrast))}";
|
|
52845
52845
|
|
|
52846
52846
|
const SmoothlyRadio = class {
|
|
52847
52847
|
constructor(hostRef) {
|
|
@@ -52860,7 +52860,7 @@ const SmoothlyRadio = class {
|
|
|
52860
52860
|
];
|
|
52861
52861
|
}
|
|
52862
52862
|
};
|
|
52863
|
-
SmoothlyRadio.style = styleCss$
|
|
52863
|
+
SmoothlyRadio.style = styleCss$d;
|
|
52864
52864
|
|
|
52865
52865
|
const SmoothlyRoom = class {
|
|
52866
52866
|
constructor(hostRef) {
|
|
@@ -52871,7 +52871,7 @@ const SmoothlyRoom = class {
|
|
|
52871
52871
|
}
|
|
52872
52872
|
};
|
|
52873
52873
|
|
|
52874
|
-
const styleCss$
|
|
52874
|
+
const styleCss$c = ".sc-smoothly-select-h{display:block}[hidden].sc-smoothly-select-h{display:none}select.sc-smoothly-select{min-width:1.5em;padding-top:0.5em;border:none;-webkit-appearance:none;background-color:rgb(var(--smoothly-color));padding:0.3em}select.sc-smoothly-select>option.sc-smoothly-select{background-color:inherit}select.sc-smoothly-select:focus{outline:none}";
|
|
52875
52875
|
|
|
52876
52876
|
const SmoothlySelect = class {
|
|
52877
52877
|
constructor(hostRef) {
|
|
@@ -52893,9 +52893,9 @@ const SmoothlySelect = class {
|
|
|
52893
52893
|
];
|
|
52894
52894
|
}
|
|
52895
52895
|
};
|
|
52896
|
-
SmoothlySelect.style = styleCss$
|
|
52896
|
+
SmoothlySelect.style = styleCss$c;
|
|
52897
52897
|
|
|
52898
|
-
const styleCss$
|
|
52898
|
+
const styleCss$b = ".sc-smoothly-select-demo-h{display:block}[hidden].sc-smoothly-select-demo-h{display:none}button.sc-smoothly-select-demo:focus{outline:none}smoothly-selector.sc-smoothly-select-demo{outline:none}";
|
|
52899
52899
|
|
|
52900
52900
|
const SmoothlySelectDemo = class {
|
|
52901
52901
|
constructor(hostRef) {
|
|
@@ -52964,9 +52964,9 @@ const SmoothlySelectDemo = class {
|
|
|
52964
52964
|
];
|
|
52965
52965
|
}
|
|
52966
52966
|
};
|
|
52967
|
-
SmoothlySelectDemo.style = styleCss$
|
|
52967
|
+
SmoothlySelectDemo.style = styleCss$b;
|
|
52968
52968
|
|
|
52969
|
-
const styleCss$
|
|
52969
|
+
const styleCss$a = ".sc-smoothly-selector-h{position:relative;height:100%}.sc-smoothly-selector-h>main.sc-smoothly-selector,.sc-smoothly-selector-h>main.sc-smoothly-selector>*.sc-smoothly-selector{height:100%;display:flex;align-items:center}.sc-smoothly-selector-h>div.sc-smoothly-selector>nav.sc-smoothly-selector{display:flex;flex-direction:column;position:absolute;z-index:10}.sc-smoothly-selector-h>aside.sc-smoothly-selector{position:absolute;top:0;left:5em;z-index:10;background-color:rgb(var(--smoothly-tertiary-color));color:rgb(var(--smoothly-tertiary-contrast));height:20px;border-radius:5px;padding:5px;display:flex;align-items:center}.missing.sc-smoothly-selector-h>aside.sc-smoothly-selector{background-color:rgb(var(--smoothly-warning-color));color:rgb(var(--smoothly-warning-contast))}.hidden.sc-smoothly-selector{display:none}.sc-smoothly-selector-h>section.sc-smoothly-selector{position:fixed;top:0px;left:0px;width:100vw;height:100vh;z-index:10}";
|
|
52970
52970
|
|
|
52971
52971
|
const Selector = class {
|
|
52972
52972
|
constructor(hostRef) {
|
|
@@ -53072,9 +53072,9 @@ function isItem(value) {
|
|
|
53072
53072
|
(typeof value.selected == "boolean" || value.selected == undefined) &&
|
|
53073
53073
|
typeof value.filter == "function");
|
|
53074
53074
|
}
|
|
53075
|
-
Selector.style = styleCss$
|
|
53075
|
+
Selector.style = styleCss$a;
|
|
53076
53076
|
|
|
53077
|
-
const styleCss$
|
|
53077
|
+
const styleCss$9 = ".sc-smoothly-spinner-h{display:block;position:relative}[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h:not([active]){display:none}.sc-smoothly-spinner-h{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent))}.sc-smoothly-spinner-h>div.sc-smoothly-spinner{opacity:1;position:absolute;left:calc(50% - 5em + 1.1em);top:calc(50% - 5em + 1.1em)}.sc-smoothly-spinner-h>div.sc-smoothly-spinner,.sc-smoothly-spinner-h>div.sc-smoothly-spinner::after{border-radius:50%;width:5em;height:5em}.sc-smoothly-spinner-h>div.sc-smoothly-spinner{content:\"\";color:transparent;position:relative;border-top:1.1em solid rgb(var(--smoothly-primary-tint));border-right:1.1em solid rgb(var(--smoothly-primary-tint));border-bottom:1.1em solid rgb(var(--smoothly-primary-tint));border-left:1.1em solid rgb(var(--smoothly-primary-color));-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
|
|
53078
53078
|
|
|
53079
53079
|
const SmoothlySpinner = class {
|
|
53080
53080
|
constructor(hostRef) {
|
|
@@ -53084,9 +53084,9 @@ const SmoothlySpinner = class {
|
|
|
53084
53084
|
return h("div", null, "Loading...");
|
|
53085
53085
|
}
|
|
53086
53086
|
};
|
|
53087
|
-
SmoothlySpinner.style = styleCss$
|
|
53087
|
+
SmoothlySpinner.style = styleCss$9;
|
|
53088
53088
|
|
|
53089
|
-
const styleCss$
|
|
53089
|
+
const styleCss$8 = ".sc-smoothly-submit-h{display:block;border-width:1px;border-style:solid;border-radius:3px}[hidden].sc-smoothly-submit-h{display:none}[disabled].sc-smoothly-submit-h{opacity:0.5}button.sc-smoothly-submit{padding:0.2em 0.3em;font-size:110%;font-weight:400}[processing].sc-smoothly-submit-h{border-color:rgb(var(--smoothly-light-color))}[processing].sc-smoothly-submit-h>button.sc-smoothly-submit{color:rgb(var(--smoothly-light-contrast));background:rgb(var(--smoothly-light-color))}.sc-smoothly-submit-h:not([processing]):not([disabled]):hover,.sc-smoothly-submit-h:not([processing]):not([disabled]):focus,.sc-smoothly-submit-h:not([processing]):not([disabled]):active{border-color:rgb(var(--smoothly-submit-border))}[expand=fill].sc-smoothly-submit-h>button.sc-smoothly-submit,[expand=block].sc-smoothly-submit-h>button.sc-smoothly-submit{width:100%}[expand=fill].sc-smoothly-submit-h{border-left:none;border-right:none}";
|
|
53090
53090
|
|
|
53091
53091
|
const SmoothlySubmit = class {
|
|
53092
53092
|
constructor(hostRef) {
|
|
@@ -53138,9 +53138,9 @@ const SmoothlySubmit = class {
|
|
|
53138
53138
|
function hasNameAndValue(element) {
|
|
53139
53139
|
return (typeof element.name == "string" && typeof element.value == "string");
|
|
53140
53140
|
}
|
|
53141
|
-
SmoothlySubmit.style = styleCss$
|
|
53141
|
+
SmoothlySubmit.style = styleCss$8;
|
|
53142
53142
|
|
|
53143
|
-
const styleCss$
|
|
53143
|
+
const styleCss$7 = ".sc-smoothly-table-h{display:table;text-align:left;border-collapse:collapse;border:3px solid rgb(var(--smoothly-dark-color), 0.5);width:100%;box-sizing:border-box;background-color:rgb(var(--smoothly-default-color))}";
|
|
53144
53144
|
|
|
53145
53145
|
const Table = class {
|
|
53146
53146
|
constructor(hostRef) {
|
|
@@ -53157,7 +53157,19 @@ const Table = class {
|
|
|
53157
53157
|
}
|
|
53158
53158
|
get element() { return getElement(this); }
|
|
53159
53159
|
};
|
|
53160
|
-
Table.style = styleCss$
|
|
53160
|
+
Table.style = styleCss$7;
|
|
53161
|
+
|
|
53162
|
+
const styleCss$6 = ".sc-smoothly-table-cell-h{display:table-cell;padding:0.5em}";
|
|
53163
|
+
|
|
53164
|
+
const TableCell = class {
|
|
53165
|
+
constructor(hostRef) {
|
|
53166
|
+
registerInstance(this, hostRef);
|
|
53167
|
+
}
|
|
53168
|
+
render() {
|
|
53169
|
+
return (h(Host, null, h("slot", null)));
|
|
53170
|
+
}
|
|
53171
|
+
};
|
|
53172
|
+
TableCell.style = styleCss$6;
|
|
53161
53173
|
|
|
53162
53174
|
const styleCss$5 = "";
|
|
53163
53175
|
|
|
@@ -53166,7 +53178,10 @@ const TableDemo = class {
|
|
|
53166
53178
|
registerInstance(this, hostRef);
|
|
53167
53179
|
}
|
|
53168
53180
|
render() {
|
|
53169
|
-
return
|
|
53181
|
+
return [
|
|
53182
|
+
h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header A"), h("smoothly-table-header", null, "Header B"), h("smoothly-table-header", null, "Header C")), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "1A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details."))), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "2A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 30, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 38, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details.")))),
|
|
53183
|
+
h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header D"), h("smoothly-table-header", null, "Header E"), h("smoothly-table-header", null, "Header F")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details.")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details."))),
|
|
53184
|
+
];
|
|
53170
53185
|
}
|
|
53171
53186
|
};
|
|
53172
53187
|
TableDemo.style = styleCss$5;
|
|
@@ -53268,15 +53283,34 @@ const TableHeader = class {
|
|
|
53268
53283
|
};
|
|
53269
53284
|
TableHeader.style = styleCss$2;
|
|
53270
53285
|
|
|
53271
|
-
const styleCss$1 = ".sc-smoothly-table-row-h{display:table-row;border:1px solid rgb(var(--smoothly-dark-color), 0.5);cursor:pointer}.sc-smoothly-table-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-row-h:hover{background-color:rgb(var(--smoothly-default-color))}";
|
|
53286
|
+
const styleCss$1 = ".sc-smoothly-table-row-h{display:table-row;border:1px solid rgb(var(--smoothly-dark-color), 0.5);cursor:pointer}.sc-smoothly-table-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-row-h:hover{background-color:rgb(var(--smoothly-default-color))}.hide.sc-smoothly-table-row{display:none}";
|
|
53272
53287
|
|
|
53273
53288
|
const TableRow = class {
|
|
53274
53289
|
constructor(hostRef) {
|
|
53275
53290
|
registerInstance(this, hostRef);
|
|
53291
|
+
this.expansionOpen = createEvent(this, "expansionOpen", 7);
|
|
53292
|
+
this.align = "left";
|
|
53293
|
+
}
|
|
53294
|
+
openChanged(value) {
|
|
53295
|
+
if (this.expansionElement)
|
|
53296
|
+
this.element.after(this.expansionElement);
|
|
53297
|
+
}
|
|
53298
|
+
onClick(e) {
|
|
53299
|
+
this.open = !this.open;
|
|
53300
|
+
e.stopPropagation();
|
|
53301
|
+
}
|
|
53302
|
+
componentDidRender() {
|
|
53303
|
+
this.expansionOpen.emit(this.expansionElement);
|
|
53304
|
+
if (this.expansionElement && this.open)
|
|
53305
|
+
this.element.after(this.expansionElement);
|
|
53276
53306
|
}
|
|
53277
53307
|
render() {
|
|
53278
|
-
return (h(Host,
|
|
53308
|
+
return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 500, class: !this.open ? "hide" : "" }, h("slot", { name: "detail" })))));
|
|
53279
53309
|
}
|
|
53310
|
+
get element() { return getElement(this); }
|
|
53311
|
+
static get watchers() { return {
|
|
53312
|
+
"open": ["openChanged"]
|
|
53313
|
+
}; }
|
|
53280
53314
|
};
|
|
53281
53315
|
TableRow.style = styleCss$1;
|
|
53282
53316
|
|
|
@@ -53330,4 +53364,4 @@ const Urlencoded = class {
|
|
|
53330
53364
|
}
|
|
53331
53365
|
};
|
|
53332
53366
|
|
|
53333
|
-
export { SmoothlyAccordion as smoothly_accordion, SmoothlyAccordionItem as smoothly_accordion_item, SmoothlyApp as smoothly_app, SmoothlyAppDemo as smoothly_app_demo, Calendar as smoothly_calendar, SmoothlyCheckbox as smoothly_checkbox, SmoothlyDialog as smoothly_dialog, SmoothlyDialogDemo as smoothly_dialog_demo, SmoothlyDisplay as smoothly_display, SmoothlyDisplayAmount as smoothly_display_amount, SmoothlyDisplayDateTime as smoothly_display_date_time, SmoothlyDisplayDemo as smoothly_display_demo, SmoothlyFrame as smoothly_frame, SmoothlyIcon as smoothly_icon, SmoothlyIconDemo as smoothly_icon_demo, SmoothlyInput as smoothly_input, InputDate as smoothly_input_date, InputDateRange as smoothly_input_date_range, SmoothlyInputDemo as smoothly_input_demo, MonthSelector as smoothly_input_month, Item as smoothly_item, SmoothlyMenuOptions as smoothly_menu_options, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlyOption as smoothly_option, SmoothlyPicker as smoothly_picker, SmoothlyPopup as smoothly_popup, SmoothlyRadio as smoothly_radio, SmoothlyRoom as smoothly_room, SmoothlySelect as smoothly_select, SmoothlySelectDemo as smoothly_select_demo, Selector as smoothly_selector, SmoothlySpinner as smoothly_spinner, SmoothlySubmit as smoothly_submit, Table as smoothly_table, TableDemo as smoothly_table_demo, TableExpandableCell as smoothly_table_expandable_cell, TableExpandableRow as smoothly_table_expandable_row, TableHeader as smoothly_table_header, TableRow as smoothly_table_row, SmoothlyTrigger as smoothly_trigger, SmoothlyTuple as smoothly_tuple, Urlencoded as smoothly_urlencoded };
|
|
53367
|
+
export { SmoothlyAccordion as smoothly_accordion, SmoothlyAccordionItem as smoothly_accordion_item, SmoothlyApp as smoothly_app, SmoothlyAppDemo as smoothly_app_demo, Calendar as smoothly_calendar, SmoothlyCheckbox as smoothly_checkbox, SmoothlyDialog as smoothly_dialog, SmoothlyDialogDemo as smoothly_dialog_demo, SmoothlyDisplay as smoothly_display, SmoothlyDisplayAmount as smoothly_display_amount, SmoothlyDisplayDateTime as smoothly_display_date_time, SmoothlyDisplayDemo as smoothly_display_demo, SmoothlyFrame as smoothly_frame, SmoothlyIcon as smoothly_icon, SmoothlyIconDemo as smoothly_icon_demo, SmoothlyInput as smoothly_input, InputDate as smoothly_input_date, InputDateRange as smoothly_input_date_range, SmoothlyInputDemo as smoothly_input_demo, MonthSelector as smoothly_input_month, Item as smoothly_item, SmoothlyMenuOptions as smoothly_menu_options, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlyOption as smoothly_option, SmoothlyPicker as smoothly_picker, SmoothlyPopup as smoothly_popup, SmoothlyRadio as smoothly_radio, SmoothlyRoom as smoothly_room, SmoothlySelect as smoothly_select, SmoothlySelectDemo as smoothly_select_demo, Selector as smoothly_selector, SmoothlySpinner as smoothly_spinner, SmoothlySubmit as smoothly_submit, Table as smoothly_table, TableCell as smoothly_table_cell, TableDemo as smoothly_table_demo, TableExpandableCell as smoothly_table_expandable_cell, TableExpandableRow as smoothly_table_expandable_row, TableHeader as smoothly_table_header, TableRow as smoothly_table_row, SmoothlyTrigger as smoothly_trigger, SmoothlyTuple as smoothly_tuple, Urlencoded as smoothly_urlencoded };
|
|
@@ -7,7 +7,10 @@ const TableDemo = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return
|
|
10
|
+
return [
|
|
11
|
+
h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header A"), h("smoothly-table-header", null, "Header B"), h("smoothly-table-header", null, "Header C")), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "1A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details."))), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "2A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 30, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 38, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details.")))),
|
|
12
|
+
h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header D"), h("smoothly-table-header", null, "Header E"), h("smoothly-table-header", null, "Header F")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details.")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details."))),
|
|
13
|
+
];
|
|
11
14
|
}
|
|
12
15
|
};
|
|
13
16
|
TableDemo.style = styleCss;
|
|
@@ -1,14 +1,33 @@
|
|
|
1
|
-
import { r as registerInstance, h, k as Host } from './index-0dd5f791.js';
|
|
1
|
+
import { r as registerInstance, i as createEvent, h, k as Host, j as getElement } from './index-0dd5f791.js';
|
|
2
2
|
|
|
3
|
-
const styleCss = ".sc-smoothly-table-row-h{display:table-row;border:1px solid rgb(var(--smoothly-dark-color), 0.5);cursor:pointer}.sc-smoothly-table-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-row-h:hover{background-color:rgb(var(--smoothly-default-color))}";
|
|
3
|
+
const styleCss = ".sc-smoothly-table-row-h{display:table-row;border:1px solid rgb(var(--smoothly-dark-color), 0.5);cursor:pointer}.sc-smoothly-table-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-row-h:hover{background-color:rgb(var(--smoothly-default-color))}.hide.sc-smoothly-table-row{display:none}";
|
|
4
4
|
|
|
5
5
|
const TableRow = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.expansionOpen = createEvent(this, "expansionOpen", 7);
|
|
9
|
+
this.align = "left";
|
|
10
|
+
}
|
|
11
|
+
openChanged(value) {
|
|
12
|
+
if (this.expansionElement)
|
|
13
|
+
this.element.after(this.expansionElement);
|
|
14
|
+
}
|
|
15
|
+
onClick(e) {
|
|
16
|
+
this.open = !this.open;
|
|
17
|
+
e.stopPropagation();
|
|
18
|
+
}
|
|
19
|
+
componentDidRender() {
|
|
20
|
+
this.expansionOpen.emit(this.expansionElement);
|
|
21
|
+
if (this.expansionElement && this.open)
|
|
22
|
+
this.element.after(this.expansionElement);
|
|
8
23
|
}
|
|
9
24
|
render() {
|
|
10
|
-
return (h(Host,
|
|
25
|
+
return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 500, class: !this.open ? "hide" : "" }, h("slot", { name: "detail" })))));
|
|
11
26
|
}
|
|
27
|
+
get element() { return getElement(this); }
|
|
28
|
+
static get watchers() { return {
|
|
29
|
+
"open": ["openChanged"]
|
|
30
|
+
}; }
|
|
12
31
|
};
|
|
13
32
|
TableRow.style = styleCss;
|
|
14
33
|
|