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
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -30,7 +30,7 @@ const defineCustomElements = (win, options) => {
|
|
|
30
30
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
31
31
|
return patchEsm().then(() => {
|
|
32
32
|
appGlobals.globalScripts();
|
|
33
|
-
return index.bootstrapLazy([["smoothly-app-demo.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-
|
|
33
|
+
return index.bootstrapLazy([["smoothly-app-demo.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-input-demo.cjs",[[0,"smoothly-input-demo"]]],["smoothly-select-demo.cjs",[[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]]]],["smoothly-table-demo.cjs",[[2,"smoothly-table-demo"]]],["smoothly-display-demo.cjs",[[0,"smoothly-display-demo"]]],["smoothly-app.cjs",[[4,"smoothly-app",{"color":[1]}]]],["smoothly-dialog-demo.cjs",[[0,"smoothly-dialog-demo"]]],["smoothly-icon-demo.cjs",[[2,"smoothly-icon-demo"]]],["smoothly-room.cjs",[[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}]]],["smoothly-input-date-range.cjs",[[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"open":[1028]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"]]]]],["smoothly-notifier.cjs",[[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]]],["smoothly-picker.cjs",[[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.cjs",[[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]]]],["smoothly-checkbox.cjs",[[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"selected":[1540],"disabled":[1540],"t":[32]}]]],["smoothly-submit.cjs",[[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]]]],["smoothly-tuple.cjs",[[0,"smoothly-tuple",{"tuple":[16]}]]],["smoothly-urlencoded.cjs",[[0,"smoothly-urlencoded",{"data":[1]}]]],["smoothly-accordion.cjs",[[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]]]],["smoothly-accordion-item.cjs",[[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}]]],["smoothly-display-amount.cjs",[[2,"smoothly-display-amount",{"amount":[8],"currency":[1]}]]],["smoothly-frame.cjs",[[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}]]],["smoothly-popup.cjs",[[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}]]],["smoothly-radio.cjs",[[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}]]],["smoothly-select.cjs",[[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}]]],["smoothly-table.cjs",[[6,"smoothly-table",null,[[0,"sort","onSort"]]]]],["smoothly-table-cell.cjs",[[6,"smoothly-table-cell"]]],["smoothly-table-expandable-cell.cjs",[[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-table-expandable-row.cjs",[[6,"smoothly-table-expandable-row",null,[[0,"expansionLoaded","onExpansionLoaded"],[0,"expansionOpen","onDetailsLoaded"]]]]],["smoothly-table-header.cjs",[[6,"smoothly-table-header",{"name":[1],"sortDirection":[1025,"sort-direction"]},[[0,"click","onClick"]]]]],["smoothly-table-row.cjs",[[6,"smoothly-table-row",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-icon.cjs",[[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]],["smoothly-selector.cjs",[[6,"smoothly-selector",{"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]]]],["smoothly-input-date.cjs",[[6,"smoothly-input-date",{"value":[1025],"open":[1028]}]]],["smoothly-notification.cjs",[[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]]]],["smoothly-menu-options.cjs",[[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.cjs",[[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1]}]]],["smoothly-display-date-time.cjs",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["smoothly-spinner.cjs",[[2,"smoothly-spinner",{"active":[516]}]]],["smoothly-option.cjs",[[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537]}]]],["smoothly-item.cjs",[[6,"smoothly-item",{"value":[8],"selected":[1540],"filter":[64]},[[0,"click","onClick"]]]]],["smoothly-input-month.cjs",[[2,"smoothly-input-month",{"value":[1025]}]]],["smoothly-calendar.cjs",[[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"doubleInput":[516,"double-input"]}]]],["smoothly-input.cjs",[[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.cjs",[[6,"smoothly-trigger",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]]]]], options);
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -6,7 +6,7 @@ const index = require('./index-5537d93a.js');
|
|
|
6
6
|
const Notice = require('./Notice-e43922ea.js');
|
|
7
7
|
const Trigger = require('./Trigger-74bd1ee8.js');
|
|
8
8
|
|
|
9
|
-
const styleCss$
|
|
9
|
+
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}";
|
|
10
10
|
|
|
11
11
|
const SmoothlyAccordion = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -52,9 +52,9 @@ const SmoothlyAccordion = class {
|
|
|
52
52
|
"value": ["valueChanged"]
|
|
53
53
|
}; }
|
|
54
54
|
};
|
|
55
|
-
SmoothlyAccordion.style = styleCss$
|
|
55
|
+
SmoothlyAccordion.style = styleCss$A;
|
|
56
56
|
|
|
57
|
-
const styleCss$
|
|
57
|
+
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))}";
|
|
58
58
|
|
|
59
59
|
const SmoothlyAccordionItem = class {
|
|
60
60
|
constructor(hostRef) {
|
|
@@ -99,9 +99,9 @@ const SmoothlyAccordionItem = class {
|
|
|
99
99
|
"open": ["openChanged"]
|
|
100
100
|
}; }
|
|
101
101
|
};
|
|
102
|
-
SmoothlyAccordionItem.style = styleCss$
|
|
102
|
+
SmoothlyAccordionItem.style = styleCss$z;
|
|
103
103
|
|
|
104
|
-
const styleCss$
|
|
104
|
+
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}";
|
|
105
105
|
|
|
106
106
|
const SmoothlyApp = class {
|
|
107
107
|
constructor(hostRef) {
|
|
@@ -111,7 +111,7 @@ const SmoothlyApp = class {
|
|
|
111
111
|
return (index.h("smoothly-notifier", null, index.h("slot", null)));
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
|
-
SmoothlyApp.style = styleCss$
|
|
114
|
+
SmoothlyApp.style = styleCss$y;
|
|
115
115
|
|
|
116
116
|
const SmoothlyAppDemo = class {
|
|
117
117
|
constructor(hostRef) {
|
|
@@ -18502,7 +18502,7 @@ function years(current) {
|
|
|
18502
18502
|
return result;
|
|
18503
18503
|
}
|
|
18504
18504
|
|
|
18505
|
-
const styleCss$
|
|
18505
|
+
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))}";
|
|
18506
18506
|
|
|
18507
18507
|
const Calendar = class {
|
|
18508
18508
|
constructor(hostRef) {
|
|
@@ -18556,7 +18556,7 @@ const Calendar = class {
|
|
|
18556
18556
|
"end": ["onEnd"]
|
|
18557
18557
|
}; }
|
|
18558
18558
|
};
|
|
18559
|
-
Calendar.style = styleCss$
|
|
18559
|
+
Calendar.style = styleCss$x;
|
|
18560
18560
|
|
|
18561
18561
|
var Alpha2_1$1 = createCommonjsModule(function (module, exports) {
|
|
18562
18562
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
@@ -31799,7 +31799,7 @@ function create(language) {
|
|
|
31799
31799
|
}, language);
|
|
31800
31800
|
}
|
|
31801
31801
|
|
|
31802
|
-
const styleCss$
|
|
31802
|
+
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)}";
|
|
31803
31803
|
|
|
31804
31804
|
const SmoothlyCheckbox = class {
|
|
31805
31805
|
constructor(hostRef) {
|
|
@@ -31824,9 +31824,9 @@ const SmoothlyCheckbox = class {
|
|
|
31824
31824
|
}
|
|
31825
31825
|
get element() { return index.getElement(this); }
|
|
31826
31826
|
};
|
|
31827
|
-
SmoothlyCheckbox.style = styleCss$
|
|
31827
|
+
SmoothlyCheckbox.style = styleCss$w;
|
|
31828
31828
|
|
|
31829
|
-
const styleCss$
|
|
31829
|
+
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}";
|
|
31830
31830
|
|
|
31831
31831
|
const SmoothlyDialog = class {
|
|
31832
31832
|
constructor(hostRef) {
|
|
@@ -31853,7 +31853,7 @@ const SmoothlyDialog = class {
|
|
|
31853
31853
|
}
|
|
31854
31854
|
render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
|
|
31855
31855
|
};
|
|
31856
|
-
SmoothlyDialog.style = styleCss$
|
|
31856
|
+
SmoothlyDialog.style = styleCss$v;
|
|
31857
31857
|
|
|
31858
31858
|
const SmoothlyDialogDemo = class {
|
|
31859
31859
|
constructor(hostRef) {
|
|
@@ -51500,7 +51500,7 @@ Object.defineProperty(exports, "StateEditor", { enumerable: true, get: function
|
|
|
51500
51500
|
//# sourceMappingURL=index.js.map
|
|
51501
51501
|
});
|
|
51502
51502
|
|
|
51503
|
-
const styleCss$
|
|
51503
|
+
const styleCss$u = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";
|
|
51504
51504
|
|
|
51505
51505
|
const SmoothlyDisplay = class {
|
|
51506
51506
|
constructor(hostRef) {
|
|
@@ -51529,9 +51529,9 @@ const SmoothlyDisplay = class {
|
|
|
51529
51529
|
return result;
|
|
51530
51530
|
}
|
|
51531
51531
|
};
|
|
51532
|
-
SmoothlyDisplay.style = styleCss$
|
|
51532
|
+
SmoothlyDisplay.style = styleCss$u;
|
|
51533
51533
|
|
|
51534
|
-
const styleCss$
|
|
51534
|
+
const styleCss$t = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";
|
|
51535
51535
|
|
|
51536
51536
|
const SmoothlyDisplayAmount = class {
|
|
51537
51537
|
constructor(hostRef) {
|
|
@@ -51579,9 +51579,9 @@ const SmoothlyDisplayAmount = class {
|
|
|
51579
51579
|
];
|
|
51580
51580
|
}
|
|
51581
51581
|
};
|
|
51582
|
-
SmoothlyDisplayAmount.style = styleCss$
|
|
51582
|
+
SmoothlyDisplayAmount.style = styleCss$t;
|
|
51583
51583
|
|
|
51584
|
-
const styleCss$
|
|
51584
|
+
const styleCss$s = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";
|
|
51585
51585
|
|
|
51586
51586
|
const SmoothlyDisplayDateTime = class {
|
|
51587
51587
|
constructor(hostRef) {
|
|
@@ -51592,7 +51592,7 @@ const SmoothlyDisplayDateTime = class {
|
|
|
51592
51592
|
return [datetime[0], " ", datetime[1]];
|
|
51593
51593
|
}
|
|
51594
51594
|
};
|
|
51595
|
-
SmoothlyDisplayDateTime.style = styleCss$
|
|
51595
|
+
SmoothlyDisplayDateTime.style = styleCss$s;
|
|
51596
51596
|
|
|
51597
51597
|
const SmoothlyDisplayDemo = class {
|
|
51598
51598
|
constructor(hostRef) {
|
|
@@ -51610,7 +51610,7 @@ const SmoothlyDisplayDemo = class {
|
|
|
51610
51610
|
}
|
|
51611
51611
|
};
|
|
51612
51612
|
|
|
51613
|
-
const styleCss$
|
|
51613
|
+
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}";
|
|
51614
51614
|
|
|
51615
51615
|
const SmoothlyFrame = class {
|
|
51616
51616
|
constructor(hostRef) {
|
|
@@ -51649,9 +51649,9 @@ const SmoothlyFrame = class {
|
|
|
51649
51649
|
}
|
|
51650
51650
|
get element() { return index.getElement(this); }
|
|
51651
51651
|
};
|
|
51652
|
-
SmoothlyFrame.style = styleCss$
|
|
51652
|
+
SmoothlyFrame.style = styleCss$r;
|
|
51653
51653
|
|
|
51654
|
-
const styleCss$
|
|
51654
|
+
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}";
|
|
51655
51655
|
|
|
51656
51656
|
const SmoothlyIcon = class {
|
|
51657
51657
|
constructor(hostRef) {
|
|
@@ -51694,9 +51694,9 @@ const SmoothlyIcon = class {
|
|
|
51694
51694
|
render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
|
|
51695
51695
|
};
|
|
51696
51696
|
SmoothlyIcon.cache = {};
|
|
51697
|
-
SmoothlyIcon.style = styleCss$
|
|
51697
|
+
SmoothlyIcon.style = styleCss$q;
|
|
51698
51698
|
|
|
51699
|
-
const styleCss$
|
|
51699
|
+
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}";
|
|
51700
51700
|
|
|
51701
51701
|
const SmoothlyIconDemo = class {
|
|
51702
51702
|
constructor(hostRef) {
|
|
@@ -52178,9 +52178,9 @@ const SmoothlyIconDemo = class {
|
|
|
52178
52178
|
];
|
|
52179
52179
|
}
|
|
52180
52180
|
};
|
|
52181
|
-
SmoothlyIconDemo.style = styleCss$
|
|
52181
|
+
SmoothlyIconDemo.style = styleCss$p;
|
|
52182
52182
|
|
|
52183
|
-
const styleCss$
|
|
52183
|
+
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}";
|
|
52184
52184
|
|
|
52185
52185
|
const SmoothlyInput = class {
|
|
52186
52186
|
constructor(hostRef) {
|
|
@@ -52330,9 +52330,9 @@ const SmoothlyInput = class {
|
|
|
52330
52330
|
"value": ["valueWatcher"]
|
|
52331
52331
|
}; }
|
|
52332
52332
|
};
|
|
52333
|
-
SmoothlyInput.style = styleCss$
|
|
52333
|
+
SmoothlyInput.style = styleCss$o;
|
|
52334
52334
|
|
|
52335
|
-
const styleCss$
|
|
52335
|
+
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))}";
|
|
52336
52336
|
|
|
52337
52337
|
const InputDate = class {
|
|
52338
52338
|
constructor(hostRef) {
|
|
@@ -52357,9 +52357,9 @@ const InputDate = class {
|
|
|
52357
52357
|
"value": ["onStart"]
|
|
52358
52358
|
}; }
|
|
52359
52359
|
};
|
|
52360
|
-
InputDate.style = styleCss$
|
|
52360
|
+
InputDate.style = styleCss$n;
|
|
52361
52361
|
|
|
52362
|
-
const styleCss$
|
|
52362
|
+
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}";
|
|
52363
52363
|
|
|
52364
52364
|
const InputDateRange = class {
|
|
52365
52365
|
constructor(hostRef) {
|
|
@@ -52390,7 +52390,7 @@ const InputDateRange = class {
|
|
|
52390
52390
|
"value": ["onValue"]
|
|
52391
52391
|
}; }
|
|
52392
52392
|
};
|
|
52393
|
-
InputDateRange.style = styleCss$
|
|
52393
|
+
InputDateRange.style = styleCss$m;
|
|
52394
52394
|
|
|
52395
52395
|
const SmoothlyInputDemo = class {
|
|
52396
52396
|
constructor(hostRef) {
|
|
@@ -52401,7 +52401,7 @@ const SmoothlyInputDemo = class {
|
|
|
52401
52401
|
}
|
|
52402
52402
|
};
|
|
52403
52403
|
|
|
52404
|
-
const styleCss$
|
|
52404
|
+
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}";
|
|
52405
52405
|
|
|
52406
52406
|
const MonthSelector = class {
|
|
52407
52407
|
constructor(hostRef) {
|
|
@@ -52430,9 +52430,9 @@ const MonthSelector = class {
|
|
|
52430
52430
|
"value": ["onValueChanged"]
|
|
52431
52431
|
}; }
|
|
52432
52432
|
};
|
|
52433
|
-
MonthSelector.style = styleCss$
|
|
52433
|
+
MonthSelector.style = styleCss$l;
|
|
52434
52434
|
|
|
52435
|
-
const styleCss$
|
|
52435
|
+
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))}";
|
|
52436
52436
|
|
|
52437
52437
|
const Item = class {
|
|
52438
52438
|
constructor(hostRef) {
|
|
@@ -52466,9 +52466,9 @@ const Item = class {
|
|
|
52466
52466
|
"selected": ["onSelectedChanged"]
|
|
52467
52467
|
}; }
|
|
52468
52468
|
};
|
|
52469
|
-
Item.style = styleCss$
|
|
52469
|
+
Item.style = styleCss$k;
|
|
52470
52470
|
|
|
52471
|
-
const styleCss$
|
|
52471
|
+
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}";
|
|
52472
52472
|
|
|
52473
52473
|
const SmoothlyMenuOptions = class {
|
|
52474
52474
|
constructor(hostRef) {
|
|
@@ -52567,9 +52567,9 @@ const SmoothlyMenuOptions = class {
|
|
|
52567
52567
|
"options": ["optionsChangeHandler"]
|
|
52568
52568
|
}; }
|
|
52569
52569
|
};
|
|
52570
|
-
SmoothlyMenuOptions.style = styleCss$
|
|
52570
|
+
SmoothlyMenuOptions.style = styleCss$j;
|
|
52571
52571
|
|
|
52572
|
-
const styleCss$
|
|
52572
|
+
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}";
|
|
52573
52573
|
|
|
52574
52574
|
const Notification = class {
|
|
52575
52575
|
constructor(hostRef) {
|
|
@@ -52627,9 +52627,9 @@ const Notification = class {
|
|
|
52627
52627
|
"notice": ["onUpdatedNotice"]
|
|
52628
52628
|
}; }
|
|
52629
52629
|
};
|
|
52630
|
-
Notification.style = styleCss$
|
|
52630
|
+
Notification.style = styleCss$i;
|
|
52631
52631
|
|
|
52632
|
-
const styleCss$
|
|
52632
|
+
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}";
|
|
52633
52633
|
|
|
52634
52634
|
const Notifier = class {
|
|
52635
52635
|
constructor(hostRef) {
|
|
@@ -52649,9 +52649,9 @@ const Notifier = class {
|
|
|
52649
52649
|
];
|
|
52650
52650
|
}
|
|
52651
52651
|
};
|
|
52652
|
-
Notifier.style = styleCss$
|
|
52652
|
+
Notifier.style = styleCss$h;
|
|
52653
52653
|
|
|
52654
|
-
const styleCss$
|
|
52654
|
+
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}";
|
|
52655
52655
|
|
|
52656
52656
|
const SmoothlyOption = class {
|
|
52657
52657
|
constructor(hostRef) {
|
|
@@ -52674,9 +52674,9 @@ const SmoothlyOption = class {
|
|
|
52674
52674
|
}
|
|
52675
52675
|
get element() { return index.getElement(this); }
|
|
52676
52676
|
};
|
|
52677
|
-
SmoothlyOption.style = styleCss$
|
|
52677
|
+
SmoothlyOption.style = styleCss$g;
|
|
52678
52678
|
|
|
52679
|
-
const styleCss$
|
|
52679
|
+
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}";
|
|
52680
52680
|
|
|
52681
52681
|
const SmoothlyPicker = class {
|
|
52682
52682
|
constructor(hostRef) {
|
|
@@ -52812,9 +52812,9 @@ const SmoothlyPicker = class {
|
|
|
52812
52812
|
"isOpen": ["isOpenChangeHander"]
|
|
52813
52813
|
}; }
|
|
52814
52814
|
};
|
|
52815
|
-
SmoothlyPicker.style = styleCss$
|
|
52815
|
+
SmoothlyPicker.style = styleCss$f;
|
|
52816
52816
|
|
|
52817
|
-
const styleCss$
|
|
52817
|
+
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}";
|
|
52818
52818
|
|
|
52819
52819
|
const SmoothlyPopup = class {
|
|
52820
52820
|
constructor(hostRef) {
|
|
@@ -52843,9 +52843,9 @@ const SmoothlyPopup = class {
|
|
|
52843
52843
|
return (index.h(index.Host, { style: Object.assign({}, this.cssVariables) }, index.h("content", { class: "pointer", onClick: () => this.onClick() }, index.h("slot", null)), index.h("div", { class: "background", onClick: () => this.onClick() }), index.h("div", { class: "arrow", onClick: () => this.onClick() }), index.h("aside", { ref: el => (this.aside = el) }, index.h("slot", { name: "popup" }))));
|
|
52844
52844
|
}
|
|
52845
52845
|
};
|
|
52846
|
-
SmoothlyPopup.style = styleCss$
|
|
52846
|
+
SmoothlyPopup.style = styleCss$e;
|
|
52847
52847
|
|
|
52848
|
-
const styleCss$
|
|
52848
|
+
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))}";
|
|
52849
52849
|
|
|
52850
52850
|
const SmoothlyRadio = class {
|
|
52851
52851
|
constructor(hostRef) {
|
|
@@ -52864,7 +52864,7 @@ const SmoothlyRadio = class {
|
|
|
52864
52864
|
];
|
|
52865
52865
|
}
|
|
52866
52866
|
};
|
|
52867
|
-
SmoothlyRadio.style = styleCss$
|
|
52867
|
+
SmoothlyRadio.style = styleCss$d;
|
|
52868
52868
|
|
|
52869
52869
|
const SmoothlyRoom = class {
|
|
52870
52870
|
constructor(hostRef) {
|
|
@@ -52875,7 +52875,7 @@ const SmoothlyRoom = class {
|
|
|
52875
52875
|
}
|
|
52876
52876
|
};
|
|
52877
52877
|
|
|
52878
|
-
const styleCss$
|
|
52878
|
+
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}";
|
|
52879
52879
|
|
|
52880
52880
|
const SmoothlySelect = class {
|
|
52881
52881
|
constructor(hostRef) {
|
|
@@ -52897,9 +52897,9 @@ const SmoothlySelect = class {
|
|
|
52897
52897
|
];
|
|
52898
52898
|
}
|
|
52899
52899
|
};
|
|
52900
|
-
SmoothlySelect.style = styleCss$
|
|
52900
|
+
SmoothlySelect.style = styleCss$c;
|
|
52901
52901
|
|
|
52902
|
-
const styleCss$
|
|
52902
|
+
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}";
|
|
52903
52903
|
|
|
52904
52904
|
const SmoothlySelectDemo = class {
|
|
52905
52905
|
constructor(hostRef) {
|
|
@@ -52968,9 +52968,9 @@ const SmoothlySelectDemo = class {
|
|
|
52968
52968
|
];
|
|
52969
52969
|
}
|
|
52970
52970
|
};
|
|
52971
|
-
SmoothlySelectDemo.style = styleCss$
|
|
52971
|
+
SmoothlySelectDemo.style = styleCss$b;
|
|
52972
52972
|
|
|
52973
|
-
const styleCss$
|
|
52973
|
+
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}";
|
|
52974
52974
|
|
|
52975
52975
|
const Selector = class {
|
|
52976
52976
|
constructor(hostRef) {
|
|
@@ -53076,9 +53076,9 @@ function isItem(value) {
|
|
|
53076
53076
|
(typeof value.selected == "boolean" || value.selected == undefined) &&
|
|
53077
53077
|
typeof value.filter == "function");
|
|
53078
53078
|
}
|
|
53079
|
-
Selector.style = styleCss$
|
|
53079
|
+
Selector.style = styleCss$a;
|
|
53080
53080
|
|
|
53081
|
-
const styleCss$
|
|
53081
|
+
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)}}";
|
|
53082
53082
|
|
|
53083
53083
|
const SmoothlySpinner = class {
|
|
53084
53084
|
constructor(hostRef) {
|
|
@@ -53088,9 +53088,9 @@ const SmoothlySpinner = class {
|
|
|
53088
53088
|
return index.h("div", null, "Loading...");
|
|
53089
53089
|
}
|
|
53090
53090
|
};
|
|
53091
|
-
SmoothlySpinner.style = styleCss$
|
|
53091
|
+
SmoothlySpinner.style = styleCss$9;
|
|
53092
53092
|
|
|
53093
|
-
const styleCss$
|
|
53093
|
+
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}";
|
|
53094
53094
|
|
|
53095
53095
|
const SmoothlySubmit = class {
|
|
53096
53096
|
constructor(hostRef) {
|
|
@@ -53142,9 +53142,9 @@ const SmoothlySubmit = class {
|
|
|
53142
53142
|
function hasNameAndValue(element) {
|
|
53143
53143
|
return (typeof element.name == "string" && typeof element.value == "string");
|
|
53144
53144
|
}
|
|
53145
|
-
SmoothlySubmit.style = styleCss$
|
|
53145
|
+
SmoothlySubmit.style = styleCss$8;
|
|
53146
53146
|
|
|
53147
|
-
const styleCss$
|
|
53147
|
+
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))}";
|
|
53148
53148
|
|
|
53149
53149
|
const Table = class {
|
|
53150
53150
|
constructor(hostRef) {
|
|
@@ -53161,7 +53161,19 @@ const Table = class {
|
|
|
53161
53161
|
}
|
|
53162
53162
|
get element() { return index.getElement(this); }
|
|
53163
53163
|
};
|
|
53164
|
-
Table.style = styleCss$
|
|
53164
|
+
Table.style = styleCss$7;
|
|
53165
|
+
|
|
53166
|
+
const styleCss$6 = ".sc-smoothly-table-cell-h{display:table-cell;padding:0.5em}";
|
|
53167
|
+
|
|
53168
|
+
const TableCell = class {
|
|
53169
|
+
constructor(hostRef) {
|
|
53170
|
+
index.registerInstance(this, hostRef);
|
|
53171
|
+
}
|
|
53172
|
+
render() {
|
|
53173
|
+
return (index.h(index.Host, null, index.h("slot", null)));
|
|
53174
|
+
}
|
|
53175
|
+
};
|
|
53176
|
+
TableCell.style = styleCss$6;
|
|
53165
53177
|
|
|
53166
53178
|
const styleCss$5 = "";
|
|
53167
53179
|
|
|
@@ -53170,7 +53182,10 @@ const TableDemo = class {
|
|
|
53170
53182
|
index.registerInstance(this, hostRef);
|
|
53171
53183
|
}
|
|
53172
53184
|
render() {
|
|
53173
|
-
return
|
|
53185
|
+
return [
|
|
53186
|
+
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header A"), index.h("smoothly-table-header", null, "Header B"), index.h("smoothly-table-header", null, "Header C")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-expandable-cell", null, "Value 1A", index.h("div", { slot: "detail" }, "1A details")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" }), index.h("div", { slot: "detail" }, "Budget details.")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" }), index.h("div", { slot: "detail" }, "Cost details."))), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-expandable-cell", null, "Value 1A", index.h("div", { slot: "detail" }, "2A details")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" }), index.h("div", { slot: "detail" }, "Budget details.")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 38, currency: "EUR" }), index.h("div", { slot: "detail" }, "Cost details.")))),
|
|
53187
|
+
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header D"), index.h("smoothly-table-header", null, "Header E"), index.h("smoothly-table-header", null, "Header F")), index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, "Value 1A"), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), index.h("div", { slot: "detail" }, "Cost details.")), index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, "Value 1A"), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), index.h("div", { slot: "detail" }, "Cost details."))),
|
|
53188
|
+
];
|
|
53174
53189
|
}
|
|
53175
53190
|
};
|
|
53176
53191
|
TableDemo.style = styleCss$5;
|
|
@@ -53272,15 +53287,34 @@ const TableHeader = class {
|
|
|
53272
53287
|
};
|
|
53273
53288
|
TableHeader.style = styleCss$2;
|
|
53274
53289
|
|
|
53275
|
-
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))}";
|
|
53290
|
+
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}";
|
|
53276
53291
|
|
|
53277
53292
|
const TableRow = class {
|
|
53278
53293
|
constructor(hostRef) {
|
|
53279
53294
|
index.registerInstance(this, hostRef);
|
|
53295
|
+
this.expansionOpen = index.createEvent(this, "expansionOpen", 7);
|
|
53296
|
+
this.align = "left";
|
|
53297
|
+
}
|
|
53298
|
+
openChanged(value) {
|
|
53299
|
+
if (this.expansionElement)
|
|
53300
|
+
this.element.after(this.expansionElement);
|
|
53301
|
+
}
|
|
53302
|
+
onClick(e) {
|
|
53303
|
+
this.open = !this.open;
|
|
53304
|
+
e.stopPropagation();
|
|
53305
|
+
}
|
|
53306
|
+
componentDidRender() {
|
|
53307
|
+
this.expansionOpen.emit(this.expansionElement);
|
|
53308
|
+
if (this.expansionElement && this.open)
|
|
53309
|
+
this.element.after(this.expansionElement);
|
|
53280
53310
|
}
|
|
53281
53311
|
render() {
|
|
53282
|
-
return (index.h(index.Host,
|
|
53312
|
+
return (index.h(index.Host, { style: { textAlign: this.align } }, index.h("slot", null), index.h("tr", { ref: e => (this.expansionElement = e) }, index.h("td", { colSpan: 500, class: !this.open ? "hide" : "" }, index.h("slot", { name: "detail" })))));
|
|
53283
53313
|
}
|
|
53314
|
+
get element() { return index.getElement(this); }
|
|
53315
|
+
static get watchers() { return {
|
|
53316
|
+
"open": ["openChanged"]
|
|
53317
|
+
}; }
|
|
53284
53318
|
};
|
|
53285
53319
|
TableRow.style = styleCss$1;
|
|
53286
53320
|
|
|
@@ -53369,6 +53403,7 @@ exports.smoothly_selector = Selector;
|
|
|
53369
53403
|
exports.smoothly_spinner = SmoothlySpinner;
|
|
53370
53404
|
exports.smoothly_submit = SmoothlySubmit;
|
|
53371
53405
|
exports.smoothly_table = Table;
|
|
53406
|
+
exports.smoothly_table_cell = TableCell;
|
|
53372
53407
|
exports.smoothly_table_demo = TableDemo;
|
|
53373
53408
|
exports.smoothly_table_expandable_cell = TableExpandableCell;
|
|
53374
53409
|
exports.smoothly_table_expandable_row = TableExpandableRow;
|
|
@@ -11,7 +11,10 @@ const TableDemo = class {
|
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return
|
|
14
|
+
return [
|
|
15
|
+
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header A"), index.h("smoothly-table-header", null, "Header B"), index.h("smoothly-table-header", null, "Header C")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-expandable-cell", null, "Value 1A", index.h("div", { slot: "detail" }, "1A details")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" }), index.h("div", { slot: "detail" }, "Budget details.")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" }), index.h("div", { slot: "detail" }, "Cost details."))), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-expandable-cell", null, "Value 1A", index.h("div", { slot: "detail" }, "2A details")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" }), index.h("div", { slot: "detail" }, "Budget details.")), index.h("smoothly-table-expandable-cell", null, index.h("smoothly-display", { type: "price", value: 38, currency: "EUR" }), index.h("div", { slot: "detail" }, "Cost details.")))),
|
|
16
|
+
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header D"), index.h("smoothly-table-header", null, "Header E"), index.h("smoothly-table-header", null, "Header F")), index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, "Value 1A"), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), index.h("div", { slot: "detail" }, "Cost details.")), index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, "Value 1A"), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), index.h("div", { slot: "detail" }, "Cost details."))),
|
|
17
|
+
];
|
|
15
18
|
}
|
|
16
19
|
};
|
|
17
20
|
TableDemo.style = styleCss;
|