smoothly 1.0.0-alpha.47 → 1.0.0-alpha.48
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_62.cjs.entry.js → smoothly-accordion_63.cjs.entry.js} +127 -45
- package/dist/cjs/smoothly-accordion_63.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/index.js +75 -4
- package/dist/collection/components/form/index.js.map +1 -1
- package/dist/collection/components/input/Changeable.js +8 -0
- package/dist/collection/components/input/Changeable.js.map +1 -0
- package/dist/collection/components/input/Clearable.js.map +1 -0
- package/dist/collection/components/input/Submitable.js +8 -0
- package/dist/collection/components/input/Submitable.js.map +1 -0
- package/dist/collection/components/input/clear/index.js +237 -0
- package/dist/collection/components/input/clear/index.js.map +1 -0
- package/dist/collection/components/input/clear/style.css +249 -0
- package/dist/collection/components/input/demo/index.js +2 -0
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/collection/components/input/index.js +40 -0
- package/dist/collection/components/input/index.js.map +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +139 -55
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_62.entry.js → smoothly-accordion_63.entry.js} +127 -46
- package/dist/esm/smoothly-accordion_63.entry.js.map +1 -0
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-683994b4.entry.js → p-c420cb8b.entry.js} +2 -2
- package/dist/smoothly/p-c420cb8b.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/form/index.d.ts +10 -2
- package/dist/types/components/input/Changeable.d.ts +7 -0
- package/dist/types/components/input/Submitable.d.ts +6 -0
- package/dist/types/components/input/clear/index.d.ts +17 -0
- package/dist/types/components/input/index.d.ts +7 -1
- package/dist/types/components.d.ts +40 -0
- package/package.json +1 -1
- package/dist/cjs/smoothly-accordion_62.cjs.entry.js.map +0 -1
- package/dist/collection/components/form/Clearable.js.map +0 -1
- package/dist/esm/smoothly-accordion_62.entry.js.map +0 -1
- package/dist/smoothly/p-683994b4.entry.js.map +0 -1
- /package/dist/collection/components/{form → input}/Clearable.js +0 -0
- /package/dist/types/components/{form → input}/Clearable.d.ts +0 -0
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_63.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-input-clear",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"size":[513],"shape":[513],"display":[516],"type":[513]},[[0,"click","clickHandler"]]],[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",{"value":[1040],"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"prevent":[4],"changed":[1540],"notice":[32],"submit":[64],"clear":[64]},[[2,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlySubmit","smoothlySubmitHandler"],[0,"smoothlyInputLoad","SmoothlyInputLoadHandler"]]],[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],"changed":[1540],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]},[[0,"smoothlyInputLoad","SmoothlyInputLoadHandler"]]],[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$V = "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$V;
|
|
59
59
|
|
|
60
|
-
const styleCss$
|
|
60
|
+
const styleCss$U = ".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$U;
|
|
109
109
|
|
|
110
|
-
const styleCss$
|
|
110
|
+
const styleCss$T = "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$T;
|
|
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$S = ".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$S;
|
|
1428
1428
|
|
|
1429
|
-
const styleCss$
|
|
1429
|
+
const styleCss$R = ".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$R;
|
|
1459
1459
|
|
|
1460
|
-
const styleCss$
|
|
1460
|
+
const styleCss$Q = "[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$Q;
|
|
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$P = "[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$P;
|
|
1530
1530
|
|
|
1531
|
-
const styleCss$
|
|
1531
|
+
const styleCss$O = "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$O;
|
|
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$N = ".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$N;
|
|
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$M = "*.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$M;
|
|
1775
1775
|
|
|
1776
|
-
const styleCss$
|
|
1776
|
+
const styleCss$L = ".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$L;
|
|
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$K = ".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$K;
|
|
22074
22074
|
|
|
22075
|
-
const styleCss$
|
|
22075
|
+
const styleCss$J = ".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$J;
|
|
22127
22127
|
|
|
22128
|
-
const styleCss$
|
|
22128
|
+
const styleCss$I = ".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$I;
|
|
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$H = "*{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$H;
|
|
26060
26060
|
|
|
26061
|
-
const styleCss$
|
|
26061
|
+
const styleCss$G = ":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$G;
|
|
26127
26127
|
|
|
26128
26128
|
var Method;
|
|
26129
26129
|
(function (Method) {
|
|
@@ -26943,15 +26943,16 @@ var Clearable;
|
|
|
26943
26943
|
Clearable.is = is;
|
|
26944
26944
|
})(Clearable || (Clearable = {}));
|
|
26945
26945
|
|
|
26946
|
-
const styleCss$
|
|
26946
|
+
const styleCss$F = "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) {
|
|
26950
26950
|
index.registerInstance(this, hostRef);
|
|
26951
26951
|
this.smoothlyFormInput = index.createEvent(this, "smoothlyFormInput", 7);
|
|
26952
26952
|
this.smoothlyFormSubmit = index.createEvent(this, "smoothlyFormSubmit", 7);
|
|
26953
|
-
this.value = {};
|
|
26954
26953
|
this.clearables = new Map();
|
|
26954
|
+
this.listeners = {};
|
|
26955
|
+
this.value = {};
|
|
26955
26956
|
this.looks = "plain";
|
|
26956
26957
|
this.name = undefined;
|
|
26957
26958
|
this.method = undefined;
|
|
@@ -26959,6 +26960,18 @@ const SmoothlyForm = class {
|
|
|
26959
26960
|
this.processing = undefined;
|
|
26960
26961
|
this.prevent = true;
|
|
26961
26962
|
this.notice = undefined;
|
|
26963
|
+
this.changed = false;
|
|
26964
|
+
}
|
|
26965
|
+
listen(property, listener) {
|
|
26966
|
+
var _a;
|
|
26967
|
+
var _b;
|
|
26968
|
+
((_a = (_b = this.listeners)[property]) !== null && _a !== void 0 ? _a : (_b[property] = [])).push(listener);
|
|
26969
|
+
listener(this);
|
|
26970
|
+
}
|
|
26971
|
+
watchValue() {
|
|
26972
|
+
var _a;
|
|
26973
|
+
this.changed = Object.values(this.value).filter(value => Boolean(value)).length > 0;
|
|
26974
|
+
(_a = this.listeners.changed) === null || _a === void 0 ? void 0 : _a.forEach(l => l(this));
|
|
26962
26975
|
}
|
|
26963
26976
|
async smoothlyInputHandler(event) {
|
|
26964
26977
|
this.notice = undefined;
|
|
@@ -26973,6 +26986,9 @@ const SmoothlyForm = class {
|
|
|
26973
26986
|
this.submit();
|
|
26974
26987
|
this.processing = false;
|
|
26975
26988
|
}
|
|
26989
|
+
async SmoothlyInputLoadHandler(event) {
|
|
26990
|
+
event.detail(this);
|
|
26991
|
+
}
|
|
26976
26992
|
async submit() {
|
|
26977
26993
|
this.smoothlyFormSubmit.emit(this.value);
|
|
26978
26994
|
if (this.action) {
|
|
@@ -26991,12 +27007,15 @@ const SmoothlyForm = class {
|
|
|
26991
27007
|
new Set(this.clearables.values()).forEach(clearable => clearable.clear());
|
|
26992
27008
|
}
|
|
26993
27009
|
render() {
|
|
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" }))));
|
|
27010
|
+
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: "clear" }), index.h("slot", { name: "submit" }))));
|
|
26995
27011
|
}
|
|
27012
|
+
static get watchers() { return {
|
|
27013
|
+
"value": ["watchValue"]
|
|
27014
|
+
}; }
|
|
26996
27015
|
};
|
|
26997
|
-
SmoothlyForm.style = styleCss$
|
|
27016
|
+
SmoothlyForm.style = styleCss$F;
|
|
26998
27017
|
|
|
26999
|
-
const styleCss$
|
|
27018
|
+
const styleCss$E = ".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
27019
|
|
|
27001
27020
|
const SmoothlyFrame = class {
|
|
27002
27021
|
constructor(hostRef) {
|
|
@@ -27041,9 +27060,9 @@ const SmoothlyFrame = class {
|
|
|
27041
27060
|
}
|
|
27042
27061
|
get element() { return index.getElement(this); }
|
|
27043
27062
|
};
|
|
27044
|
-
SmoothlyFrame.style = styleCss$
|
|
27063
|
+
SmoothlyFrame.style = styleCss$E;
|
|
27045
27064
|
|
|
27046
|
-
const styleCss$
|
|
27065
|
+
const styleCss$D = "[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
27066
|
|
|
27048
27067
|
const SmoothlyIcon = class {
|
|
27049
27068
|
constructor(hostRef) {
|
|
@@ -27095,9 +27114,9 @@ const SmoothlyIcon = class {
|
|
|
27095
27114
|
render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
|
|
27096
27115
|
};
|
|
27097
27116
|
SmoothlyIcon.cache = {};
|
|
27098
|
-
SmoothlyIcon.style = styleCss$
|
|
27117
|
+
SmoothlyIcon.style = styleCss$D;
|
|
27099
27118
|
|
|
27100
|
-
const styleCss$
|
|
27119
|
+
const styleCss$C = "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
27120
|
|
|
27102
27121
|
const SmoothlyIconDemo = class {
|
|
27103
27122
|
constructor(hostRef) {
|
|
@@ -27579,9 +27598,9 @@ const SmoothlyIconDemo = class {
|
|
|
27579
27598
|
];
|
|
27580
27599
|
}
|
|
27581
27600
|
};
|
|
27582
|
-
SmoothlyIconDemo.style = styleCss$
|
|
27601
|
+
SmoothlyIconDemo.style = styleCss$C;
|
|
27583
27602
|
|
|
27584
|
-
const styleCss$
|
|
27603
|
+
const styleCss$B = ".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
27604
|
|
|
27586
27605
|
const SmoothlyInput = class {
|
|
27587
27606
|
constructor(hostRef) {
|
|
@@ -27590,6 +27609,7 @@ const SmoothlyInput = class {
|
|
|
27590
27609
|
this.smoothlyChange = index.createEvent(this, "smoothlyChange", 7);
|
|
27591
27610
|
this.smoothlyInput = index.createEvent(this, "smoothlyInput", 7);
|
|
27592
27611
|
this.keepFocusOnReRender = false;
|
|
27612
|
+
this.listener = {};
|
|
27593
27613
|
this.name = undefined;
|
|
27594
27614
|
this.value = undefined;
|
|
27595
27615
|
this.type = "text";
|
|
@@ -27604,6 +27624,15 @@ const SmoothlyInput = class {
|
|
|
27604
27624
|
this.readonly = false;
|
|
27605
27625
|
this.currency = undefined;
|
|
27606
27626
|
this.initialValue = undefined;
|
|
27627
|
+
this.changed = false;
|
|
27628
|
+
}
|
|
27629
|
+
listen(property, listener) {
|
|
27630
|
+
this.listener[property] = listener;
|
|
27631
|
+
listener(this);
|
|
27632
|
+
}
|
|
27633
|
+
async SmoothlyInputLoadHandler(event) {
|
|
27634
|
+
event.stopPropagation();
|
|
27635
|
+
event.detail(this);
|
|
27607
27636
|
}
|
|
27608
27637
|
get formatter() {
|
|
27609
27638
|
let result;
|
|
@@ -27622,6 +27651,7 @@ const SmoothlyInput = class {
|
|
|
27622
27651
|
return formatter.format(dist$1.StateEditor.copy(formatter.unformat(dist$1.StateEditor.copy(state))));
|
|
27623
27652
|
}
|
|
27624
27653
|
valueWatcher(value, before) {
|
|
27654
|
+
var _a, _b;
|
|
27625
27655
|
if (this.lastValue != value) {
|
|
27626
27656
|
this.lastValue = value;
|
|
27627
27657
|
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(value), selection: this.state.selection }).value });
|
|
@@ -27631,6 +27661,8 @@ const SmoothlyInput = class {
|
|
|
27631
27661
|
value = value.trim();
|
|
27632
27662
|
this.smoothlyInput.emit({ [this.name]: value });
|
|
27633
27663
|
}
|
|
27664
|
+
this.changed = Boolean(this.value);
|
|
27665
|
+
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
27634
27666
|
}
|
|
27635
27667
|
onCurrency() {
|
|
27636
27668
|
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value, pattern: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).pattern });
|
|
@@ -27795,7 +27827,54 @@ function getLocale() {
|
|
|
27795
27827
|
const result = navigator.language;
|
|
27796
27828
|
return getLanguage.Locale.is(result) ? result : getLanguage.Language$1.is(result) ? getLanguage.Locale.toLocale(result) : undefined;
|
|
27797
27829
|
}
|
|
27798
|
-
SmoothlyInput.style = styleCss$
|
|
27830
|
+
SmoothlyInput.style = styleCss$B;
|
|
27831
|
+
|
|
27832
|
+
var Changeable;
|
|
27833
|
+
(function (Changeable) {
|
|
27834
|
+
function is(value) {
|
|
27835
|
+
return value && typeof value == "object" && typeof value.changed == "boolean" && typeof value.listen == "function";
|
|
27836
|
+
}
|
|
27837
|
+
Changeable.is = is;
|
|
27838
|
+
})(Changeable || (Changeable = {}));
|
|
27839
|
+
|
|
27840
|
+
const styleCss$A = "[color=default].sc-smoothly-input-clear{--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-input-clear{--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-input-clear{--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-input-clear{--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-input-clear{--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-input-clear{--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-input-clear{--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-input-clear{--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-input-clear{--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-input-clear{--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-input-clear-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-input-clear-h{display:inline;border:none}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}a.sc-smoothly-input-clear,button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}button.sc-smoothly-input-clear{justify-content:center;height:100%;width:100%;border-radius:0.5rem;min-width:8em;align-items:center}.sc-smoothly-input-clear-h:not([size=icon])>button.sc-smoothly-input-clear{padding:0.8em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}.sc-smoothly-input-clear-h:not([fill=clear]):hover,.sc-smoothly-input-clear-h:not([fill=clear]):focus,.sc-smoothly-input-clear-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-input-clear-h:not([fill=clear]):hover>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):focus>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):active>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):hover .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):focus .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):active .sc-smoothly-input-clear-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-input-clear-h:hover>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:focus>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h:not([fill]),[fill=default].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=default].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-input-clear-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-input-clear-h{background:transparent;border-color:transparent}.sc-smoothly-input-clear-s>smoothly-icon[slot=start],.sc-smoothly-input-clear-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h{transition:0.6s;margin:0rem;min-width:0rem !important}[type=\"input\"].sc-smoothly-input-clear-h{line-height:1}.sc-smoothly-input-clear-h[type=\"input\"] .sc-smoothly-input-clear-s>smoothly-icon{filter:opacity(60%);font-size:70%}.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}[type=\"input\"].sc-smoothly-input-clear-h button.sc-smoothly-input-clear{padding:0rem;margin:0rem;min-width:0rem}";
|
|
27841
|
+
|
|
27842
|
+
const SmoothlyInputClear = class {
|
|
27843
|
+
constructor(hostRef) {
|
|
27844
|
+
index.registerInstance(this, hostRef);
|
|
27845
|
+
this.smoothlyInputLoad = index.createEvent(this, "smoothlyInputLoad", 7);
|
|
27846
|
+
this.color = undefined;
|
|
27847
|
+
this.expand = undefined;
|
|
27848
|
+
this.fill = "clear";
|
|
27849
|
+
this.disabled = false;
|
|
27850
|
+
this.size = undefined;
|
|
27851
|
+
this.shape = undefined;
|
|
27852
|
+
this.display = true;
|
|
27853
|
+
this.type = "input";
|
|
27854
|
+
}
|
|
27855
|
+
async componentWillLoad() {
|
|
27856
|
+
this.smoothlyInputLoad.emit(parent => {
|
|
27857
|
+
if (Clearable.is(parent)) {
|
|
27858
|
+
this.parent = parent;
|
|
27859
|
+
if (Changeable.is(parent))
|
|
27860
|
+
parent.listen("changed", async (p) => {
|
|
27861
|
+
if (p instanceof SmoothlyForm)
|
|
27862
|
+
this.disabled = !p.changed;
|
|
27863
|
+
if (p instanceof SmoothlyInput)
|
|
27864
|
+
this.display = p.changed;
|
|
27865
|
+
});
|
|
27866
|
+
}
|
|
27867
|
+
});
|
|
27868
|
+
}
|
|
27869
|
+
clickHandler() {
|
|
27870
|
+
var _a;
|
|
27871
|
+
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.clear();
|
|
27872
|
+
}
|
|
27873
|
+
render() {
|
|
27874
|
+
return (index.h(Button, { disabled: this.disabled, type: "button" }, index.h("slot", null)));
|
|
27875
|
+
}
|
|
27876
|
+
};
|
|
27877
|
+
SmoothlyInputClear.style = styleCss$A;
|
|
27799
27878
|
|
|
27800
27879
|
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
27880
|
|
|
@@ -27898,6 +27977,8 @@ const SmoothlyInputDemo = class {
|
|
|
27898
27977
|
}
|
|
27899
27978
|
render() {
|
|
27900
27979
|
return [
|
|
27980
|
+
index.h("h4", null, "Clear"),
|
|
27981
|
+
index.h("smoothly-form", { looks: "border" }, index.h("smoothly-input", { name: "First Name" }, "First name"), index.h("smoothly-input", { name: "Last name" }, "Last name", index.h("smoothly-input-clear", { slot: "end" }, index.h("smoothly-icon", { name: "close" }))), index.h("smoothly-input", { type: "phone", name: "Phone" }, "Phone", index.h("smoothly-input-clear", { slot: "end" }, index.h("smoothly-icon", { name: "close" }))), index.h("smoothly-input-clear", { fill: "default", type: "form", color: "danger", slot: "submit" }, "Clear")),
|
|
27901
27982
|
index.h("h2", null, "Border"),
|
|
27902
27983
|
index.h("smoothly-form", { looks: "border" }, index.h("smoothly-input", { type: "email", name: "email" }, "Email"), index.h("smoothly-input", { type: "password", name: "password" }, "Password"), index.h("smoothly-submit", { onSubmit: (e) => alert(e), color: "success", fill: "solid" }, "Send")),
|
|
27903
27984
|
index.h("h2", null, "Grid"),
|
|
@@ -29179,6 +29260,7 @@ exports.smoothly_frame = SmoothlyFrame;
|
|
|
29179
29260
|
exports.smoothly_icon = SmoothlyIcon;
|
|
29180
29261
|
exports.smoothly_icon_demo = SmoothlyIconDemo;
|
|
29181
29262
|
exports.smoothly_input = SmoothlyInput;
|
|
29263
|
+
exports.smoothly_input_clear = SmoothlyInputClear;
|
|
29182
29264
|
exports.smoothly_input_date = InputDate;
|
|
29183
29265
|
exports.smoothly_input_date_range = InputDateRange;
|
|
29184
29266
|
exports.smoothly_input_demo = SmoothlyInputDemo;
|
|
@@ -29218,4 +29300,4 @@ exports.smoothly_trigger = SmoothlyTrigger;
|
|
|
29218
29300
|
exports.smoothly_tuple = SmoothlyTuple;
|
|
29219
29301
|
exports.smoothly_urlencoded = Urlencoded;
|
|
29220
29302
|
|
|
29221
|
-
//# sourceMappingURL=smoothly-
|
|
29303
|
+
//# sourceMappingURL=smoothly-accordion_63.cjs.entry.js.map
|