smoothly 1.0.0-alpha.42 → 1.0.0-alpha.43
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_61.cjs.entry.js → smoothly-accordion_62.cjs.entry.js} +91 -50
- package/dist/cjs/smoothly-accordion_62.cjs.entry.js.map +1 -0
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/form/style.css +2 -3
- package/dist/collection/components/input/demo/index.js +2 -1
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/collection/components/input/file/index.js +167 -0
- package/dist/collection/components/input/file/index.js.map +1 -0
- package/dist/collection/components/input/file/style.css +60 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +100 -57
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_61.entry.js → smoothly-accordion_62.entry.js} +91 -51
- package/dist/esm/smoothly-accordion_62.entry.js.map +1 -0
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-e546b7ac.entry.js → p-677abe56.entry.js} +2 -2
- package/dist/smoothly/p-677abe56.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/input/file/index.d.ts +19 -0
- package/dist/types/components.d.ts +27 -0
- package/package.json +1 -1
- package/dist/cjs/smoothly-accordion_61.cjs.entry.js.map +0 -1
- package/dist/esm/smoothly-accordion_61.entry.js.map +0 -1
- package/dist/smoothly/p-e546b7ac.entry.js.map +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["smoothly-
|
|
17
|
+
return index.bootstrapLazy([["smoothly-accordion_62.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{"label":[1],"color":[1],"menuOpen":[1540,"menu-open"],"selected":[32]},[[0,"burgerStatus","burgerStatusHandler"],[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"],[0,"smoothlyRoomLoaded","roomLoadedHandler"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[2,"smoothly-select-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[516]}],[2,"smoothly-icon-demo"],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32],"selector":[32]},[[0,"filters","onFilterUpdate"],[2,"smoothlyChecked","smoothlyCheckedHandler"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-picker",{"label":[1],"name":[1],"open":[1540],"multiple":[4],"mutable":[4],"readonly":[4],"searchLabel":[1,"search-label"],"validator":[16],"labeledDefault":[4,"labeled-default"],"selectedElement":[32],"selected":[32]},[[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChanged","optionsSelectedHandler"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-burger",{"visible":[1540],"open":[1540],"mediaQuery":[513,"media-query"]},[[9,"resize","resizeHandler"]]],[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"name":[1],"value":[8],"disabled":[516],"t":[32],"toggle":[64]}],[6,"smoothly-input-file",{"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"size":[513],"name":[1],"value":[8]}],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[1,"smoothly-filter",{"placeholder":[1025],"criteria":[1040],"inputValue":[1032,"input-value"],"expanded":[32],"freeSearchValue":[32],"clear":[64]},[[0,"filter","filterHandler"]]],[6,"smoothly-picker-menu",{"multiple":[516],"mutable":[516],"readonly":[516],"label":[1],"validator":[16],"labeledDefault":[4,"labeled-default"],"allowed":[32],"new":[32],"search":[32]},[[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChanged","optionChangedHandler"]]],[1,"smoothly-filter-input",{"name":[513],"value":[1025],"type":[513],"required":[1540],"minLength":[2,"min-length"],"showLabel":[516,"show-label"],"maxLength":[2,"max-length"],"autocomplete":[4],"pattern":[16],"placeholder":[1],"disabled":[4],"readonly":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540],"align":[513],"open":[1540]},[[0,"smoothlyExpandableLoad","handleExpandableLoaded"],[0,"smoothlyExpandableChange","handleExpandableState"],[0,"smoothlySpotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"smoothlyExpansionLoad","handleEvents"],[0,"smoothlyExpansionOpen","handleEvents"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",{"open":[1540]},[[0,"smoothlyExpansionLoad","onExpansionLoad"],[0,"smoothlyExpandableChange","onExpansionChange"],[0,"smoothlyExpansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[6,"smoothly-picker-option",{"selected":[1540],"visible":[1540],"labeled":[516],"readonly":[1540],"value":[8],"name":[513],"valueElement":[32]}],[4,"smoothly-form",{"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"prevent":[4],"notice":[32],"submit":[64],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlySubmit","smoothlySubmitHandler"]]],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-input-select",{"initialPrompt":[1,"initial-prompt"],"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32],"reset":[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"filter":[64]},[[0,"click","onClick"]]],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"showLabel":[516,"show-label"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1537],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]],["smoothly-addresses.cjs",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["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-address-display.cjs",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]],["smoothly-address.cjs",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -8,7 +8,7 @@ require('./GoogleFont-6c4f0da1.js');
|
|
|
8
8
|
const redirect = require('./redirect-27d21fcc.js');
|
|
9
9
|
const getLanguage = require('./getLanguage-4f0a45d5.js');
|
|
10
10
|
|
|
11
|
-
const styleCss$
|
|
11
|
+
const styleCss$U = "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}";
|
|
12
12
|
|
|
13
13
|
const SmoothlyAccordion = class {
|
|
14
14
|
constructor(hostRef) {
|
|
@@ -55,9 +55,9 @@ const SmoothlyAccordion = class {
|
|
|
55
55
|
"value": ["valueChanged"]
|
|
56
56
|
}; }
|
|
57
57
|
};
|
|
58
|
-
SmoothlyAccordion.style = styleCss$
|
|
58
|
+
SmoothlyAccordion.style = styleCss$U;
|
|
59
59
|
|
|
60
|
-
const styleCss$
|
|
60
|
+
const styleCss$T = ".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))}";
|
|
61
61
|
|
|
62
62
|
const SmoothlyAccordionItem = class {
|
|
63
63
|
constructor(hostRef) {
|
|
@@ -105,9 +105,9 @@ const SmoothlyAccordionItem = class {
|
|
|
105
105
|
"open": ["openChanged"]
|
|
106
106
|
}; }
|
|
107
107
|
};
|
|
108
|
-
SmoothlyAccordionItem.style = styleCss$
|
|
108
|
+
SmoothlyAccordionItem.style = styleCss$T;
|
|
109
109
|
|
|
110
|
-
const styleCss$
|
|
110
|
+
const styleCss$S = "smoothly-app{display:block;scrollbar-width:none}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{background:none}smoothly-app>smoothly-notifier>header{background:rgba(var(--smoothly-color));color:rgba(var(--smoothly-color-contrast))}smoothly-app>smoothly-notifier>header{position:fixed;top:0;left:0;width:100%;z-index:5;height:5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px 0 rgba(var(--smoothly-dark-shadow));border-bottom:1px solid rgba(var(--smoothly-dark-color))}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;height:100%;margin:0}smoothly-app>smoothly-notifier>header>h1{margin-left:3.8rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>nav>ul li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>[slot=nav-start]{height:fit-content;padding:0.5em 0em;margin-top:1em}smoothly-app>smoothly-notifier>header>nav>ul>[slot=nav-end]{width:fit-content;gap:0.5em;align-self:center;height:fit-content;margin-left:10em}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;margin:0 0.4cm;text-decoration:none;align-items:center;align-self:center}smoothly-app>smoothly-notifier>main{position:relative;top:5rem}@media screen and (max-width: 900px){smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{width:10em;top:2.5rem;position:absolute;right:0;flex-direction:column}smoothly-app>smoothly-notifier>header>nav>ul li{margin-right:0;margin-bottom:1em;background-color:rgba(var(--smoothly-color));width:100%}smoothly-app>smoothly-notifier>header>nav>ul smoothly-burger{position:absolute;top:0;right:0}smoothly-app>smoothly-notifier>header>nav>ul>[slot=nav-start]{display:none}smoothly-app>smoothly-notifier>header>nav>ul>[slot=nav-end]{margin-left:3em;width:10em;padding:1.5em;background-color:rgba(var(--smoothly-color))}}.true:not([menuOpen]){display:none}";
|
|
111
111
|
|
|
112
112
|
const SmoothlyApp = class {
|
|
113
113
|
constructor(hostRef) {
|
|
@@ -162,7 +162,7 @@ const SmoothlyApp = class {
|
|
|
162
162
|
"selected": ["selectedChanged"]
|
|
163
163
|
}; }
|
|
164
164
|
};
|
|
165
|
-
SmoothlyApp.style = styleCss$
|
|
165
|
+
SmoothlyApp.style = styleCss$S;
|
|
166
166
|
|
|
167
167
|
const SmoothlyAppDemo = class {
|
|
168
168
|
constructor(hostRef) {
|
|
@@ -1393,7 +1393,7 @@ if (!globalThis.URLPattern) {
|
|
|
1393
1393
|
globalThis.URLPattern = URLPattern$1;
|
|
1394
1394
|
}
|
|
1395
1395
|
|
|
1396
|
-
const styleCss$
|
|
1396
|
+
const styleCss$R = ".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer}.sc-smoothly-app-room-h>main.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{margin:0em 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit;margin-bottom:1em}";
|
|
1397
1397
|
|
|
1398
1398
|
const SmoothlyAppRoom = class {
|
|
1399
1399
|
constructor(hostRef) {
|
|
@@ -1424,9 +1424,9 @@ const SmoothlyAppRoom = class {
|
|
|
1424
1424
|
];
|
|
1425
1425
|
}
|
|
1426
1426
|
};
|
|
1427
|
-
SmoothlyAppRoom.style = styleCss$
|
|
1427
|
+
SmoothlyAppRoom.style = styleCss$R;
|
|
1428
1428
|
|
|
1429
|
-
const styleCss$
|
|
1429
|
+
const styleCss$Q = ".sc-smoothly-backtotop-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
|
|
1430
1430
|
|
|
1431
1431
|
const SmoothlyBacktotop = class {
|
|
1432
1432
|
constructor(hostRef) {
|
|
@@ -1455,9 +1455,9 @@ const SmoothlyBacktotop = class {
|
|
|
1455
1455
|
}) }, index.h("smoothly-icon", { name: "chevron-up-outline" })));
|
|
1456
1456
|
}
|
|
1457
1457
|
};
|
|
1458
|
-
SmoothlyBacktotop.style = styleCss$
|
|
1458
|
+
SmoothlyBacktotop.style = styleCss$Q;
|
|
1459
1459
|
|
|
1460
|
-
const styleCss$
|
|
1460
|
+
const styleCss$P = "[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";
|
|
1461
1461
|
|
|
1462
1462
|
const SmoothlyBurger = class {
|
|
1463
1463
|
constructor(hostRef) {
|
|
@@ -1492,7 +1492,7 @@ const SmoothlyBurger = class {
|
|
|
1492
1492
|
"open": ["closedHandler"]
|
|
1493
1493
|
}; }
|
|
1494
1494
|
};
|
|
1495
|
-
SmoothlyBurger.style = styleCss$
|
|
1495
|
+
SmoothlyBurger.style = styleCss$P;
|
|
1496
1496
|
|
|
1497
1497
|
const Button = ({ disabled, type, link, download }) => {
|
|
1498
1498
|
return disabled && (link || type == "link") ? (index.h("slot", null)) : link ? (index.h("a", { href: link, target: "_blank", download: download },
|
|
@@ -1507,7 +1507,7 @@ const Button = ({ disabled, type, link, download }) => {
|
|
|
1507
1507
|
index.h("slot", { name: "end" })));
|
|
1508
1508
|
};
|
|
1509
1509
|
|
|
1510
|
-
const styleCss$
|
|
1510
|
+
const styleCss$O = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{display:inline-block;margin:1em;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out}[type=link].sc-smoothly-button-h{display:inline;border:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}a.sc-smoothly-button,button.sc-smoothly-button{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}button.sc-smoothly-button{justify-content:center;height:100%;width:100%;border-radius:0.5rem;min-width:8em;align-items:center}.sc-smoothly-button-h:not([size=icon])>button.sc-smoothly-button{padding:0.8em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}.sc-smoothly-button-h:not([fill=clear]):hover,.sc-smoothly-button-h:not([fill=clear]):focus,.sc-smoothly-button-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-button-h:not([fill=clear]):hover>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):focus>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):active>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):hover .sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):focus .sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):active .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-button-h:hover>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:focus>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:active>button.sc-smoothly-button{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h:not([fill]),[fill=default].sc-smoothly-button-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-button-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-button-h>button.sc-smoothly-button,[fill=default].sc-smoothly-button-h>button.sc-smoothly-button{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h>button.sc-smoothly-button{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-button-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-button-h{background:transparent;border-color:transparent}.sc-smoothly-button-s>smoothly-icon[slot=start],.sc-smoothly-button-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-button-h{display:none}";
|
|
1511
1511
|
|
|
1512
1512
|
const SmoothlyButton = class {
|
|
1513
1513
|
constructor(hostRef) {
|
|
@@ -1526,9 +1526,9 @@ const SmoothlyButton = class {
|
|
|
1526
1526
|
return (index.h(Button, { disabled: this.disabled, type: this.type, link: this.link, download: this.download }, index.h("slot", null)));
|
|
1527
1527
|
}
|
|
1528
1528
|
};
|
|
1529
|
-
SmoothlyButton.style = styleCss$
|
|
1529
|
+
SmoothlyButton.style = styleCss$O;
|
|
1530
1530
|
|
|
1531
|
-
const styleCss$
|
|
1531
|
+
const styleCss$N = "smoothly-button-demo{display:block}smoothly-button-demo>section>div{display:flex;align-items:center}";
|
|
1532
1532
|
|
|
1533
1533
|
const SmoothlyButtonDemo = class {
|
|
1534
1534
|
constructor(hostRef) {
|
|
@@ -1542,7 +1542,7 @@ const SmoothlyButtonDemo = class {
|
|
|
1542
1542
|
];
|
|
1543
1543
|
}
|
|
1544
1544
|
};
|
|
1545
|
-
SmoothlyButtonDemo.style = styleCss$
|
|
1545
|
+
SmoothlyButtonDemo.style = styleCss$N;
|
|
1546
1546
|
|
|
1547
1547
|
function month(date) {
|
|
1548
1548
|
const d = new Date(date);
|
|
@@ -1602,7 +1602,7 @@ function years(current) {
|
|
|
1602
1602
|
return result;
|
|
1603
1603
|
}
|
|
1604
1604
|
|
|
1605
|
-
const styleCss$
|
|
1605
|
+
const styleCss$M = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;margin-bottom:1rem}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}th.sc-smoothly-calendar,td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-default-shade));cursor:pointer;user-select:none}td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:nth-child(6),td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-tint))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-tint), var(--other-month-opacity))}td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-dark-tint));color:rgb(var(--smoothly-dark-contrast))}td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.disable.sc-smoothly-calendar{cursor:not-allowed;background-color:rgb(var(--smoothly-default-tint), 0.5);color:rgb(var(--smoothly-default-contrast), 0.5)}";
|
|
1606
1606
|
|
|
1607
1607
|
const Calendar = class {
|
|
1608
1608
|
constructor(hostRef) {
|
|
@@ -1692,7 +1692,7 @@ const Calendar = class {
|
|
|
1692
1692
|
"end": ["onEnd"]
|
|
1693
1693
|
}; }
|
|
1694
1694
|
};
|
|
1695
|
-
Calendar.style = styleCss$
|
|
1695
|
+
Calendar.style = styleCss$M;
|
|
1696
1696
|
|
|
1697
1697
|
function create$2(translations, language) {
|
|
1698
1698
|
let result;
|
|
@@ -1734,7 +1734,7 @@ function create$1(language) {
|
|
|
1734
1734
|
}, language);
|
|
1735
1735
|
}
|
|
1736
1736
|
|
|
1737
|
-
const styleCss$
|
|
1737
|
+
const styleCss$L = "*.sc-smoothly-checkbox{box-sizing:border-box}.sc-smoothly-checkbox-h{display:block}.sc-smoothly-checkbox-h>main.sc-smoothly-checkbox{display:flex;align-items:center;width:fit-content;height:max-content;margin:0.3rem 0;line-height:0}.sc-smoothly-checkbox-h>main.sc-smoothly-checkbox>label.sc-smoothly-checkbox{display:flex;justify-content:center;align-items:center;margin:0 0.2em}.sc-smoothly-checkbox-h>main.sc-smoothly-checkbox>div.sc-smoothly-checkbox{border:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-checkbox-h>main.sc-smoothly-checkbox>div.sc-smoothly-checkbox>smoothly-icon.sc-smoothly-checkbox{display:flex;justify-content:center;align-items:center}.sc-smoothly-checkbox-h:not([checked])>main.sc-smoothly-checkbox>div.sc-smoothly-checkbox>smoothly-icon.sc-smoothly-checkbox,.sc-smoothly-checkbox-h:not([intermediate])>main.sc-smoothly-checkbox>div.sc-smoothly-checkbox>smoothly-icon.sc-smoothly-checkbox{stroke:rgb(var(--smoothly-color-contrast))}[disabled].sc-smoothly-checkbox-h>main.sc-smoothly-checkbox>div.sc-smoothly-checkbox{border:1px solid rgb(var(--smoothly-color-contrast), 0.3)}.sc-smoothly-checkbox-s>[slot=expansion]{display:none;background-color:rgb(var(--smoothly-secondary-color));color:rgb(var(--smoothly-secondary-contrast))}[checked].sc-smoothly-checkbox-s>[slot=expansion]{display:block;padding:0.5em;border-radius:5px;margin:0.5rem 0}[checked].sc-smoothly-checkbox-s>[slot=expansion]::before{content:\"\\25B2\";position:relative;top:-1.35em;left:2rem;color:rgb(var(--smoothly-secondary-color))}";
|
|
1738
1738
|
|
|
1739
1739
|
const SmoothlyCheckbox = class {
|
|
1740
1740
|
constructor(hostRef) {
|
|
@@ -1771,9 +1771,9 @@ const SmoothlyCheckbox = class {
|
|
|
1771
1771
|
}
|
|
1772
1772
|
get element() { return index.getElement(this); }
|
|
1773
1773
|
};
|
|
1774
|
-
SmoothlyCheckbox.style = styleCss$
|
|
1774
|
+
SmoothlyCheckbox.style = styleCss$L;
|
|
1775
1775
|
|
|
1776
|
-
const styleCss$
|
|
1776
|
+
const styleCss$K = ".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}";
|
|
1777
1777
|
|
|
1778
1778
|
const SmoothlyDialog = class {
|
|
1779
1779
|
constructor(hostRef) {
|
|
@@ -1802,7 +1802,7 @@ const SmoothlyDialog = class {
|
|
|
1802
1802
|
}
|
|
1803
1803
|
render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
|
|
1804
1804
|
};
|
|
1805
|
-
SmoothlyDialog.style = styleCss$
|
|
1805
|
+
SmoothlyDialog.style = styleCss$K;
|
|
1806
1806
|
|
|
1807
1807
|
const SmoothlyDialogDemo = class {
|
|
1808
1808
|
constructor(hostRef) {
|
|
@@ -22023,7 +22023,7 @@ Object.defineProperty(exports, "StateEditor", { enumerable: true, get: function
|
|
|
22023
22023
|
//# sourceMappingURL=index.js.map
|
|
22024
22024
|
});
|
|
22025
22025
|
|
|
22026
|
-
const styleCss$
|
|
22026
|
+
const styleCss$J = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";
|
|
22027
22027
|
|
|
22028
22028
|
const SmoothlyDisplay = class {
|
|
22029
22029
|
constructor(hostRef) {
|
|
@@ -22070,9 +22070,9 @@ function getLocale$1() {
|
|
|
22070
22070
|
const result = navigator.language;
|
|
22071
22071
|
return getLanguage.Locale.is(result) ? result : getLanguage.Language$1.is(result) ? getLanguage.Locale.toLocale(result) : undefined;
|
|
22072
22072
|
}
|
|
22073
|
-
SmoothlyDisplay.style = styleCss$
|
|
22073
|
+
SmoothlyDisplay.style = styleCss$J;
|
|
22074
22074
|
|
|
22075
|
-
const styleCss$
|
|
22075
|
+
const styleCss$I = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";
|
|
22076
22076
|
|
|
22077
22077
|
const SmoothlyDisplayAmount = class {
|
|
22078
22078
|
constructor(hostRef) {
|
|
@@ -22123,9 +22123,9 @@ const SmoothlyDisplayAmount = class {
|
|
|
22123
22123
|
];
|
|
22124
22124
|
}
|
|
22125
22125
|
};
|
|
22126
|
-
SmoothlyDisplayAmount.style = styleCss$
|
|
22126
|
+
SmoothlyDisplayAmount.style = styleCss$I;
|
|
22127
22127
|
|
|
22128
|
-
const styleCss$
|
|
22128
|
+
const styleCss$H = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";
|
|
22129
22129
|
|
|
22130
22130
|
const SmoothlyDisplayDateTime = class {
|
|
22131
22131
|
constructor(hostRef) {
|
|
@@ -22140,7 +22140,7 @@ const SmoothlyDisplayDateTime = class {
|
|
|
22140
22140
|
return [datetime[0], " ", datetime[1]];
|
|
22141
22141
|
}
|
|
22142
22142
|
};
|
|
22143
|
-
SmoothlyDisplayDateTime.style = styleCss$
|
|
22143
|
+
SmoothlyDisplayDateTime.style = styleCss$H;
|
|
22144
22144
|
|
|
22145
22145
|
const SmoothlyDisplayDemo = class {
|
|
22146
22146
|
constructor(hostRef) {
|
|
@@ -26014,7 +26014,7 @@ var Clearable$1;
|
|
|
26014
26014
|
Clearable.is = is;
|
|
26015
26015
|
})(Clearable$1 || (Clearable$1 = {}));
|
|
26016
26016
|
|
|
26017
|
-
const styleCss$
|
|
26017
|
+
const styleCss$G = "*{box-sizing:border-box}:host{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;margin-bottom:1em}:host>smoothly-input{margin-bottom:0.5em}section{display:flex;justify-content:center;align-items:center}.hidden{display:flex;width:0px;opacity:0}.container{width:inherit;position:relative;z-index:3;margin:0.8em 0;opacity:1;transition:opacity 100ms ease-in-out}.container:after{content:\"\";height:100%;width:100%;border:1px solid rgb(var(--smoothly-color-contrast));border-radius:0.25em;position:absolute;top:0;left:0}.container:before{content:\"\";width:0.6em;height:0.6em;transform:rotate(45deg);border-top:1px solid rgb(var(--smoothly-color-contrast));border-left:1px solid rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-default-color));position:absolute;z-index:3}.container.arrow-top:before{left:calc(84.5%);top:-5px}.container-wrapper{width:100%;padding:1em;position:relative}.btn.hidden{margin-right:0.25em;opacity:0;cursor:text}.btn.clear{margin-right:0.25em;opacity:0.3}::slotted(div[slot=filter]){display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;gap:0.5em}:host>smoothly-fom>smoothly-input>section[slot=end]>smoothly-button{font-size:100%;min-width:min-content;padding:0;margin:0;border:none !important}";
|
|
26018
26018
|
|
|
26019
26019
|
const SmoothlyFilter = class {
|
|
26020
26020
|
constructor(hostRef) {
|
|
@@ -26056,9 +26056,9 @@ const SmoothlyFilter = class {
|
|
|
26056
26056
|
];
|
|
26057
26057
|
}
|
|
26058
26058
|
};
|
|
26059
|
-
SmoothlyFilter.style = styleCss$
|
|
26059
|
+
SmoothlyFilter.style = styleCss$G;
|
|
26060
26060
|
|
|
26061
|
-
const styleCss$
|
|
26061
|
+
const styleCss$F = ":host{display:block}";
|
|
26062
26062
|
|
|
26063
26063
|
const SmoothlyFilterInput = class {
|
|
26064
26064
|
constructor(hostRef) {
|
|
@@ -26123,7 +26123,7 @@ const SmoothlyFilterInput = class {
|
|
|
26123
26123
|
];
|
|
26124
26124
|
}
|
|
26125
26125
|
};
|
|
26126
|
-
SmoothlyFilterInput.style = styleCss$
|
|
26126
|
+
SmoothlyFilterInput.style = styleCss$F;
|
|
26127
26127
|
|
|
26128
26128
|
var Method;
|
|
26129
26129
|
(function (Method) {
|
|
@@ -26943,7 +26943,7 @@ var Clearable;
|
|
|
26943
26943
|
Clearable.is = is;
|
|
26944
26944
|
})(Clearable || (Clearable = {}));
|
|
26945
26945
|
|
|
26946
|
-
const styleCss$
|
|
26946
|
+
const styleCss$E = "smoothly-form{display:block;--background-color:var(--smoothly-default-color)}smoothly-form>form{position:relative;min-width:15em}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:10em;flex-basis:40%}smoothly-form>form>fieldset smoothly-picker smoothly-picker-menu,smoothly-form[looks=\"border\"]>form>fieldset smoothly-picker smoothly-input,smoothly-form[looks=\"grid\"]>form>fieldset smoothly-picker smoothly-input,smoothly-form[looks=\"border\"]>form>fieldset>*,smoothly-form[looks=\"grid\"]>form>fieldset>*{border:rgb(var(--smoothly-default-contrast)) solid 1px}smoothly-form[looks=\"line\"]>form>fieldset smoothly-picker smoothly-input,smoothly-form[looks=\"line\"]>form>fieldset>*{border-bottom:rgb(var(--smoothly-default-contrast)) solid 1px}smoothly-form[looks=\"grid\"]>form>fieldset{border:rgba(var(--smoothly-default-contrast), .5) solid .5px}smoothly-form[looks=\"grid\"]>form>fieldset smoothly-picker smoothly-input,smoothly-form[looks=\"grid\"]>form>fieldset>*{border:rgba(var(--smoothly-default-contrast), .5) solid .5px}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset{gap:2em}smoothly-form>form>[slot=submit]{margin:.5em auto;max-width:10em}";
|
|
26947
26947
|
|
|
26948
26948
|
const SmoothlyForm = class {
|
|
26949
26949
|
constructor(hostRef) {
|
|
@@ -26994,9 +26994,9 @@ const SmoothlyForm = class {
|
|
|
26994
26994
|
return (index.h(index.Host, null, this.notice ? index.h("smoothly-notification", { notice: this.notice }) : [], index.h("smoothly-spinner", { active: this.processing }), index.h("form", { onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, index.h("fieldset", null, index.h("slot", null)), index.h("slot", { name: "submit" }))));
|
|
26995
26995
|
}
|
|
26996
26996
|
};
|
|
26997
|
-
SmoothlyForm.style = styleCss$
|
|
26997
|
+
SmoothlyForm.style = styleCss$E;
|
|
26998
26998
|
|
|
26999
|
-
const styleCss$
|
|
26999
|
+
const styleCss$D = ".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}";
|
|
27000
27000
|
|
|
27001
27001
|
const SmoothlyFrame = class {
|
|
27002
27002
|
constructor(hostRef) {
|
|
@@ -27041,9 +27041,9 @@ const SmoothlyFrame = class {
|
|
|
27041
27041
|
}
|
|
27042
27042
|
get element() { return index.getElement(this); }
|
|
27043
27043
|
};
|
|
27044
|
-
SmoothlyFrame.style = styleCss$
|
|
27044
|
+
SmoothlyFrame.style = styleCss$D;
|
|
27045
27045
|
|
|
27046
|
-
const styleCss$
|
|
27046
|
+
const styleCss$C = "[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:block}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{width:1.2em;height:1.2em}[size=small].sc-smoothly-icon-h{width:1.4em;height:1.4em}[size=medium].sc-smoothly-icon-h{width:1.8em;height:1.8em}[size=large].sc-smoothly-icon-h{width:2.8em;height:2.8em}[size=xlarge].sc-smoothly-icon-h{width:4em;height:4em}";
|
|
27047
27047
|
|
|
27048
27048
|
const SmoothlyIcon = class {
|
|
27049
27049
|
constructor(hostRef) {
|
|
@@ -27095,9 +27095,9 @@ const SmoothlyIcon = class {
|
|
|
27095
27095
|
render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
|
|
27096
27096
|
};
|
|
27097
27097
|
SmoothlyIcon.cache = {};
|
|
27098
|
-
SmoothlyIcon.style = styleCss$
|
|
27098
|
+
SmoothlyIcon.style = styleCss$C;
|
|
27099
27099
|
|
|
27100
|
-
const styleCss$
|
|
27100
|
+
const styleCss$B = "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}";
|
|
27101
27101
|
|
|
27102
27102
|
const SmoothlyIconDemo = class {
|
|
27103
27103
|
constructor(hostRef) {
|
|
@@ -27579,9 +27579,9 @@ const SmoothlyIconDemo = class {
|
|
|
27579
27579
|
];
|
|
27580
27580
|
}
|
|
27581
27581
|
};
|
|
27582
|
-
SmoothlyIconDemo.style = styleCss$
|
|
27582
|
+
SmoothlyIconDemo.style = styleCss$B;
|
|
27583
27583
|
|
|
27584
|
-
const styleCss$
|
|
27584
|
+
const styleCss$A = ".sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);padding:0 0.4em;overflow:hidden;background-color:rgb(var(--background-color));color:rgb(var(--text-color, var(--smoothly-default-contrast)))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}label.sc-smoothly-input{position:absolute;left:0;top:0.6em;color:rgb(var(--text-color, var(--smoothly-default-contrast)));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label]) label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label]) input.sc-smoothly-input{padding:0.7em 0.3em 0.7em 0.4em}input.sc-smoothly-input{padding:1.2em 0.3em 0.2em 0.4em;box-sizing:border-box;width:100%;height:100%;background:none;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family);background-color:rgb(var(--background-color))}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}[placeholder].sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}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 40em rgb(var(--background-color)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--background-color)) inset}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--text-color, var(--smoothly-default-contrast)))}";
|
|
27585
27585
|
|
|
27586
27586
|
const SmoothlyInput = class {
|
|
27587
27587
|
constructor(hostRef) {
|
|
@@ -27795,9 +27795,9 @@ function getLocale() {
|
|
|
27795
27795
|
const result = navigator.language;
|
|
27796
27796
|
return getLanguage.Locale.is(result) ? result : getLanguage.Language$1.is(result) ? getLanguage.Locale.toLocale(result) : undefined;
|
|
27797
27797
|
}
|
|
27798
|
-
SmoothlyInput.style = styleCss$
|
|
27798
|
+
SmoothlyInput.style = styleCss$A;
|
|
27799
27799
|
|
|
27800
|
-
const styleCss$
|
|
27800
|
+
const styleCss$z = ".sc-smoothly-input-date-h{position:relative;max-width:100vw}nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));min-width:18em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0;left:0;right:0;bottom:0;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, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}@media screen and (min-width: 400px){nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}}";
|
|
27801
27801
|
|
|
27802
27802
|
const InputDate = class {
|
|
27803
27803
|
constructor(hostRef) {
|
|
@@ -27836,9 +27836,9 @@ const InputDate = class {
|
|
|
27836
27836
|
"value": ["onStart"]
|
|
27837
27837
|
}; }
|
|
27838
27838
|
};
|
|
27839
|
-
InputDate.style = styleCss$
|
|
27839
|
+
InputDate.style = styleCss$z;
|
|
27840
27840
|
|
|
27841
|
-
const styleCss$
|
|
27841
|
+
const styleCss$y = ".sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--background, transparent);border-radius:0.25rem;cursor:pointer}smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent;width:var(--input-width)}span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}";
|
|
27842
27842
|
|
|
27843
27843
|
const InputDateRange = class {
|
|
27844
27844
|
constructor(hostRef) {
|
|
@@ -27885,9 +27885,9 @@ const InputDateRange = class {
|
|
|
27885
27885
|
"value": ["onValue"]
|
|
27886
27886
|
}; }
|
|
27887
27887
|
};
|
|
27888
|
-
InputDateRange.style = styleCss$
|
|
27888
|
+
InputDateRange.style = styleCss$y;
|
|
27889
27889
|
|
|
27890
|
-
const styleCss$
|
|
27890
|
+
const styleCss$x = "smoothly-input-demo{display:block;margin:2em;margin-bottom:20rem}";
|
|
27891
27891
|
|
|
27892
27892
|
const SmoothlyInputDemo = class {
|
|
27893
27893
|
constructor(hostRef) {
|
|
@@ -27936,14 +27936,54 @@ const SmoothlyInputDemo = class {
|
|
|
27936
27936
|
"--input-width": "6rem",
|
|
27937
27937
|
} }),
|
|
27938
27938
|
index.h("br", null),
|
|
27939
|
-
index.h("h4", null, "
|
|
27939
|
+
index.h("h4", null, "Smoothly Selector"),
|
|
27940
27940
|
index.h("smoothly-input-select", { initialPrompt: "Select...", ref: (element) => (this.selectElement = element) }, index.h("smoothly-item", { value: "1" }, "January"), index.h("smoothly-item", { value: "2" }, "February"), index.h("smoothly-item", { value: "3" }, "March"), index.h("smoothly-item", { value: "4" }, "April"), index.h("smoothly-item", { value: "5" }, "May"), index.h("smoothly-item", { value: "6" }, "June"), index.h("smoothly-item", { value: "7" }, "July"), index.h("smoothly-item", { value: "8" }, "August"), index.h("smoothly-item", { value: "9" }, "September"), index.h("smoothly-item", { value: "10" }, "October"), index.h("smoothly-item", { value: "11" }, "November"), index.h("smoothly-item", { value: "12" }, "December")),
|
|
27941
27941
|
index.h("button", { onClick: async () => this.selectElement.reset() }, "Reset select"),
|
|
27942
|
+
index.h("smoothly-form", { looks: "line", onSmoothlyFormSubmit: e => console.log("Submitted", e.detail) }, index.h("smoothly-input-file", { placeholder: "Select or drag a file here", name: "input file demo" }, index.h("span", { slot: "label" }, "Testing file input"), index.h("smoothly-icon", { slot: "button", name: "folder-outline" })), index.h("smoothly-submit", { slot: "submit" }, "Submit")),
|
|
27942
27943
|
index.h("br", null),
|
|
27943
27944
|
];
|
|
27944
27945
|
}
|
|
27945
27946
|
};
|
|
27946
|
-
SmoothlyInputDemo.style = styleCss$
|
|
27947
|
+
SmoothlyInputDemo.style = styleCss$x;
|
|
27948
|
+
|
|
27949
|
+
const styleCss$w = ".sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%}.mask.sc-smoothly-input-file{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgb(var(--smoothly-default-contrast), 0.3)}.sc-smoothly-input-file-h:not(.dragging) .mask.sc-smoothly-input-file{display:none}input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}smoothly-button.sc-smoothly-input-file{margin:0;border:none}label.sc-smoothly-input-file{padding-left:0.4rem;padding-top:0.4rem;display:flex;width:100%;align-items:baseline;justify-content:flex-start;color:rgb(var(--text-color, var(--smoothly-default-contrast)));cursor:inherit}label.sc-smoothly-input-file-s>*{display:block;width:100%;font-size:0.65em;opacity:0.8}.sc-smoothly-input-file-h:not([show-label]) label.sc-smoothly-input-file{display:none}smoothly-icon.sc-smoothly-input-file{display:none;position:absolute;right:0.2em;top:0.6em}span.sc-smoothly-input-file{cursor:pointer;padding-left:0.5rem}";
|
|
27950
|
+
|
|
27951
|
+
const SmoothlyInputFile = class {
|
|
27952
|
+
constructor(hostRef) {
|
|
27953
|
+
index.registerInstance(this, hostRef);
|
|
27954
|
+
this.smoothlyInput = index.createEvent(this, "smoothlyInput", 7);
|
|
27955
|
+
this.smoothlyChange = index.createEvent(this, "smoothlyChange", 7);
|
|
27956
|
+
this.transfer = new DataTransfer();
|
|
27957
|
+
this.dragging = false;
|
|
27958
|
+
this.name = undefined;
|
|
27959
|
+
this.showLabel = true;
|
|
27960
|
+
this.value = undefined;
|
|
27961
|
+
this.placeholder = undefined;
|
|
27962
|
+
}
|
|
27963
|
+
render() {
|
|
27964
|
+
var _a, _b;
|
|
27965
|
+
return (index.h(index.Host, { class: { dragging: this.dragging }, onDragOver: (event) => (event.preventDefault(), event.stopPropagation()), onDragEnter: () => (this.dragging = true) }, index.h("label", null, index.h("slot", { name: "label" })), index.h("smoothly-button", { onClick: event => { var _a; return (event.stopPropagation(), (_a = this.input) === null || _a === void 0 ? void 0 : _a.click()); } }, index.h("slot", { name: "button" })), index.h("span", { onClick: event => { var _a; return (event.stopPropagation(), (_a = this.input) === null || _a === void 0 ? void 0 : _a.click()); } }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { class: "mask", onDrop: event => {
|
|
27966
|
+
var _a;
|
|
27967
|
+
return (event.preventDefault(),
|
|
27968
|
+
event.stopPropagation(),
|
|
27969
|
+
(this.dragging = false),
|
|
27970
|
+
((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files.length) &&
|
|
27971
|
+
(this.smoothlyInput.emit({ name: this.name, value: (this.value = event.dataTransfer.files[0]) }),
|
|
27972
|
+
this.smoothlyChange.emit({ name: this.name, value: (this.value = event.dataTransfer.files[0]) })));
|
|
27973
|
+
}, onDragLeave: event => (event.stopPropagation(), (this.dragging = false)) }), index.h("input", { ref: element => (this.input = element), type: "file", files: (this.transfer.items.clear(), this.value && this.transfer.items.add(this.value), this.transfer.files), onInput: event => {
|
|
27974
|
+
var _a, _b, _c;
|
|
27975
|
+
return (event.stopPropagation(),
|
|
27976
|
+
((_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) &&
|
|
27977
|
+
this.smoothlyInput.emit({ name: this.name, value: (this.value = (_c = this.input) === null || _c === void 0 ? void 0 : _c.files[0]) }));
|
|
27978
|
+
}, onChange: event => {
|
|
27979
|
+
var _a, _b, _c;
|
|
27980
|
+
return (event.stopPropagation(),
|
|
27981
|
+
((_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) &&
|
|
27982
|
+
this.smoothlyChange.emit({ name: this.name, value: (this.value = (_c = this.input) === null || _c === void 0 ? void 0 : _c.files[0]) }));
|
|
27983
|
+
} }), index.h("slot", null)));
|
|
27984
|
+
}
|
|
27985
|
+
};
|
|
27986
|
+
SmoothlyInputFile.style = styleCss$w;
|
|
27947
27987
|
|
|
27948
27988
|
const styleCss$v = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
|
|
27949
27989
|
|
|
@@ -29144,6 +29184,7 @@ exports.smoothly_input = SmoothlyInput;
|
|
|
29144
29184
|
exports.smoothly_input_date = InputDate;
|
|
29145
29185
|
exports.smoothly_input_date_range = InputDateRange;
|
|
29146
29186
|
exports.smoothly_input_demo = SmoothlyInputDemo;
|
|
29187
|
+
exports.smoothly_input_file = SmoothlyInputFile;
|
|
29147
29188
|
exports.smoothly_input_month = MonthSelector;
|
|
29148
29189
|
exports.smoothly_input_select = SmoothlyInputSelect;
|
|
29149
29190
|
exports.smoothly_item = Item;
|
|
@@ -29179,4 +29220,4 @@ exports.smoothly_trigger = SmoothlyTrigger;
|
|
|
29179
29220
|
exports.smoothly_tuple = SmoothlyTuple;
|
|
29180
29221
|
exports.smoothly_urlencoded = Urlencoded;
|
|
29181
29222
|
|
|
29182
|
-
//# sourceMappingURL=smoothly-
|
|
29223
|
+
//# sourceMappingURL=smoothly-accordion_62.cjs.entry.js.map
|