smoothly 0.3.44 → 0.3.46
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/{Listenable-d0c6deb9.js → Listenable-f6012fc2.js} +23 -0
- package/dist/cjs/index.cjs.js +7 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/smoothly-accordion_53.cjs.entry.js +19 -25
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/icon/index.js +2 -11
- package/dist/collection/components/icon-demo/index.js +2 -7
- package/dist/collection/components/icon-demo/style.css +11 -8
- package/dist/collection/components/menu-options/index.js +7 -4
- package/dist/collection/components/picker/index.js +25 -3
- package/dist/collection/index.js +1 -1
- package/dist/collection/model/Icon.js +22 -0
- package/dist/collection/model/index.js +1 -0
- package/dist/custom-elements/index.js +43 -26
- package/dist/esm/{Listenable-5d2def19.js → Listenable-34b047d8.js} +24 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/smoothly-accordion_53.entry.js +19 -25
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/index.esm.js +1 -1
- package/dist/smoothly/{p-2921fbe3.entry.js → p-41bd21da.entry.js} +1 -1
- package/dist/smoothly/p-9bf79e04.entry.js +1 -0
- package/dist/smoothly/{p-796b1024.js → p-e6cb38de.js} +1 -1
- package/dist/smoothly/{p-44a26666.entry.js → p-e7b088e6.entry.js} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/icon/index.d.ts +0 -3
- package/dist/types/components/icon-demo/index.d.ts +0 -1
- package/dist/types/components/picker/index.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/model/Icon.d.ts +4 -0
- package/dist/types/model/Option.d.ts +1 -0
- package/dist/types/model/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/smoothly/p-eca386af.entry.js +0 -1
|
@@ -1091,6 +1091,29 @@ var GoogleFont;
|
|
|
1091
1091
|
GoogleFont.styleImportString = styleImportString;
|
|
1092
1092
|
})(GoogleFont || (GoogleFont = {}));
|
|
1093
1093
|
|
|
1094
|
+
var Icon;
|
|
1095
|
+
(function (Icon) {
|
|
1096
|
+
const names = {
|
|
1097
|
+
"*": "https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg",
|
|
1098
|
+
};
|
|
1099
|
+
const cache = {};
|
|
1100
|
+
async function fetch(url) {
|
|
1101
|
+
const response = await globalThis.fetch(url);
|
|
1102
|
+
return response.ok ? response.text() : undefined;
|
|
1103
|
+
}
|
|
1104
|
+
async function load(name) {
|
|
1105
|
+
var _a, _b;
|
|
1106
|
+
const url = ((_a = names[name]) !== null && _a !== void 0 ? _a : names["*"]).replace("${name}", name);
|
|
1107
|
+
return (_b = cache[url]) !== null && _b !== void 0 ? _b : (cache[url] = fetch(url));
|
|
1108
|
+
}
|
|
1109
|
+
Icon.load = load;
|
|
1110
|
+
function add(url, ...name) {
|
|
1111
|
+
for (const n of name)
|
|
1112
|
+
names[n] = url;
|
|
1113
|
+
}
|
|
1114
|
+
Icon.add = add;
|
|
1115
|
+
})(Icon || (Icon = {}));
|
|
1116
|
+
|
|
1094
1117
|
class Message {
|
|
1095
1118
|
static is(value) {
|
|
1096
1119
|
return typeof value == "object" && typeof value.destination == "string" && value.content != undefined;
|
|
@@ -46490,7 +46513,7 @@ const SmoothlyIcon$1 = class extends HTMLElement {
|
|
|
46490
46513
|
}
|
|
46491
46514
|
async loadDocument() {
|
|
46492
46515
|
if (this.name)
|
|
46493
|
-
this.document = await
|
|
46516
|
+
this.document = await Icon.load(this.name);
|
|
46494
46517
|
}
|
|
46495
46518
|
async componentWillLoad() {
|
|
46496
46519
|
await this.loadDocument();
|
|
@@ -46508,35 +46531,24 @@ const SmoothlyIcon$1 = class extends HTMLElement {
|
|
|
46508
46531
|
__stencil_render() {
|
|
46509
46532
|
return [];
|
|
46510
46533
|
}
|
|
46511
|
-
static async fetch(url) {
|
|
46512
|
-
const response = await fetch(url);
|
|
46513
|
-
return response.ok ? response.text() : undefined;
|
|
46514
|
-
}
|
|
46515
|
-
static async load(name) {
|
|
46516
|
-
var _a;
|
|
46517
|
-
const url = `https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg`;
|
|
46518
|
-
return (_a = SmoothlyIcon$1.cache[url]) !== null && _a !== void 0 ? _a : (SmoothlyIcon$1.cache[url] = SmoothlyIcon$1.fetch(url));
|
|
46519
|
-
}
|
|
46520
46534
|
static get watchers() { return {
|
|
46521
46535
|
"name": ["loadDocument"]
|
|
46522
46536
|
}; }
|
|
46523
46537
|
static get style() { return styleCss$B; }
|
|
46524
46538
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
46525
46539
|
};
|
|
46526
|
-
SmoothlyIcon$1.cache = {};
|
|
46527
46540
|
|
|
46528
|
-
const styleCss$A = "
|
|
46541
|
+
const styleCss$A = ".sc-smoothly-icon-demo-h{display:block;padding:1rem;max-width:900px;margin:auto}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-wrap:wrap;justify-content:center}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{margin:1.5rem}";
|
|
46529
46542
|
|
|
46530
46543
|
const SmoothlyIconDemo$1 = class extends HTMLElement {
|
|
46531
46544
|
constructor() {
|
|
46532
46545
|
super();
|
|
46533
46546
|
this.__registerHost();
|
|
46534
|
-
this.page = 0;
|
|
46535
46547
|
}
|
|
46536
46548
|
render() {
|
|
46537
46549
|
return [
|
|
46538
46550
|
h("h1", null, "Icons"),
|
|
46539
|
-
h("
|
|
46551
|
+
h("div", null, [
|
|
46540
46552
|
"add-circle",
|
|
46541
46553
|
"add",
|
|
46542
46554
|
"airplane",
|
|
@@ -47002,9 +47014,7 @@ const SmoothlyIconDemo$1 = class extends HTMLElement {
|
|
|
47002
47014
|
"volume-mute",
|
|
47003
47015
|
"volume-off",
|
|
47004
47016
|
"woman",
|
|
47005
|
-
]
|
|
47006
|
-
.slice(this.page * 100, 100)
|
|
47007
|
-
.map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
|
|
47017
|
+
].map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
|
|
47008
47018
|
];
|
|
47009
47019
|
}
|
|
47010
47020
|
static get style() { return styleCss$A; }
|
|
@@ -47508,10 +47518,13 @@ const SmoothlyMenuOptions$1 = class extends HTMLElement {
|
|
|
47508
47518
|
}
|
|
47509
47519
|
}
|
|
47510
47520
|
render() {
|
|
47511
|
-
return (h(Host, { style: { "--max-menu-height": this.maxMenuHeight } }, this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index) =>
|
|
47512
|
-
|
|
47513
|
-
|
|
47514
|
-
|
|
47521
|
+
return (h(Host, { style: { "--max-menu-height": this.maxMenuHeight } }, this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index) => {
|
|
47522
|
+
var _a;
|
|
47523
|
+
return (h("smoothly-option", { style: this.optionStyle, toggle: (_a = option.toggle) !== null && _a !== void 0 ? _a : this.toggle, ref: el => {
|
|
47524
|
+
index == 0 && (this.firstOptionsElement = el !== null && el !== void 0 ? el : this.firstOptionsElement);
|
|
47525
|
+
el && (this.optionElements[index] = el);
|
|
47526
|
+
}, checked: option.checked, value: option.value, name: option.name, divider: option.divider, "data-highlight": this.highlightIndex == index }, option.hint ? h("div", { slot: "hint" }, option.hint) : undefined));
|
|
47527
|
+
})) : this.mutable ? (h("smoothly-option", { style: this.optionStyle, value: this.keyword, name: this.keyword, "data-highlight": 0, new: true }, h("div", { slot: "left" }, h("smoothly-icon", { name: "square-outline", size: "small" }), " ", this.newOptionLabel))) : (h("div", null, this.emptyMenuLabel))));
|
|
47515
47528
|
}
|
|
47516
47529
|
get element() { return this; }
|
|
47517
47530
|
static get watchers() { return {
|
|
@@ -47674,6 +47687,7 @@ const SmoothlyPicker$1 = class extends HTMLElement {
|
|
|
47674
47687
|
this.selections = [];
|
|
47675
47688
|
this.selectNoneName = "Select None";
|
|
47676
47689
|
this.selectAllName = "Select All";
|
|
47690
|
+
this.selectAllEnabled = true;
|
|
47677
47691
|
this.selectionName = "items selected";
|
|
47678
47692
|
this.newOptionLabel = "Add:";
|
|
47679
47693
|
this.valueValidator = _ => [true, undefined];
|
|
@@ -47719,7 +47733,7 @@ const SmoothlyPicker$1 = class extends HTMLElement {
|
|
|
47719
47733
|
}
|
|
47720
47734
|
toggleAll() {
|
|
47721
47735
|
var _a;
|
|
47722
|
-
this.selections = this.selections.length == ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) ? [] : this.options;
|
|
47736
|
+
this.selections = this.selections.length == ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) || !this.selectAllEnabled ? [] : this.options;
|
|
47723
47737
|
this.inputElement.focus();
|
|
47724
47738
|
this.keepFocusOnReRender = true;
|
|
47725
47739
|
}
|
|
@@ -47817,9 +47831,12 @@ const SmoothlyPicker$1 = class extends HTMLElement {
|
|
|
47817
47831
|
? [
|
|
47818
47832
|
{
|
|
47819
47833
|
value: "select-none",
|
|
47820
|
-
name: this.selections.length
|
|
47821
|
-
|
|
47834
|
+
name: this.selections.length != this.options.length && this.selectAllEnabled
|
|
47835
|
+
? this.selectAllName
|
|
47836
|
+
: this.selectNoneName,
|
|
47837
|
+
checked: this.selectAllEnabled ? this.selections.length == this.options.length : undefined,
|
|
47822
47838
|
divider: true,
|
|
47839
|
+
toggle: this.selectAllEnabled,
|
|
47823
47840
|
},
|
|
47824
47841
|
]
|
|
47825
47842
|
: []),
|
|
@@ -48932,7 +48949,7 @@ const SmoothlyMenuOptions = /*@__PURE__*/proxyCustomElement(SmoothlyMenuOptions$
|
|
|
48932
48949
|
const SmoothlyNotification = /*@__PURE__*/proxyCustomElement(Notification, [2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]]);
|
|
48933
48950
|
const SmoothlyNotifier = /*@__PURE__*/proxyCustomElement(Notifier, [6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]);
|
|
48934
48951
|
const SmoothlyOption = /*@__PURE__*/proxyCustomElement(SmoothlyOption$1, [1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}]);
|
|
48935
|
-
const SmoothlyPicker = /*@__PURE__*/proxyCustomElement(SmoothlyPicker$1, [1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]]);
|
|
48952
|
+
const SmoothlyPicker = /*@__PURE__*/proxyCustomElement(SmoothlyPicker$1, [1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectAllEnabled":[1028,"select-all-enabled"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]]);
|
|
48936
48953
|
const SmoothlyPopup = /*@__PURE__*/proxyCustomElement(SmoothlyPopup$1, [6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}]);
|
|
48937
48954
|
const SmoothlyQuiet = /*@__PURE__*/proxyCustomElement(SmoothlyQuiet$1, [6,"smoothly-quiet",{"color":[1]}]);
|
|
48938
48955
|
const SmoothlyRadio = /*@__PURE__*/proxyCustomElement(SmoothlyRadio$1, [6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}]);
|
|
@@ -49032,4 +49049,4 @@ const defineCustomElements = (opts) => {
|
|
|
49032
49049
|
}
|
|
49033
49050
|
};
|
|
49034
49051
|
|
|
49035
|
-
export { App, ClientIdentifier, Cosmetic, GoogleFont, Listenable, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyBacktotop, SmoothlyButton, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyCountry, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyGoogleFont, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyQuiet, SmoothlyRadio, SmoothlyRadioButton, SmoothlyRadioButtonItem, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySkeleton, SmoothlySpinner, SmoothlySubmit, SmoothlySvg, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, redirect };
|
|
49052
|
+
export { App, ClientIdentifier, Cosmetic, GoogleFont, Icon, Listenable, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyBacktotop, SmoothlyButton, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyCountry, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyGoogleFont, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyQuiet, SmoothlyRadio, SmoothlyRadioButton, SmoothlyRadioButtonItem, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySkeleton, SmoothlySpinner, SmoothlySubmit, SmoothlySvg, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, redirect };
|
|
@@ -654,6 +654,29 @@ var Token;
|
|
|
654
654
|
Token.is = is;
|
|
655
655
|
})(Token || (Token = {}));
|
|
656
656
|
|
|
657
|
+
var Icon;
|
|
658
|
+
(function (Icon) {
|
|
659
|
+
const names = {
|
|
660
|
+
"*": "https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg",
|
|
661
|
+
};
|
|
662
|
+
const cache = {};
|
|
663
|
+
async function fetch(url) {
|
|
664
|
+
const response = await globalThis.fetch(url);
|
|
665
|
+
return response.ok ? response.text() : undefined;
|
|
666
|
+
}
|
|
667
|
+
async function load(name) {
|
|
668
|
+
var _a, _b;
|
|
669
|
+
const url = ((_a = names[name]) !== null && _a !== void 0 ? _a : names["*"]).replace("${name}", name);
|
|
670
|
+
return (_b = cache[url]) !== null && _b !== void 0 ? _b : (cache[url] = fetch(url));
|
|
671
|
+
}
|
|
672
|
+
Icon.load = load;
|
|
673
|
+
function add(url, ...name) {
|
|
674
|
+
for (const n of name)
|
|
675
|
+
names[n] = url;
|
|
676
|
+
}
|
|
677
|
+
Icon.add = add;
|
|
678
|
+
})(Icon || (Icon = {}));
|
|
679
|
+
|
|
657
680
|
class Message {
|
|
658
681
|
static is(value) {
|
|
659
682
|
return typeof value == "object" && typeof value.destination == "string" && value.content != undefined;
|
|
@@ -751,4 +774,4 @@ class Listenable {
|
|
|
751
774
|
}
|
|
752
775
|
_Listenable_listeners = new WeakMap();
|
|
753
776
|
|
|
754
|
-
export { Identifier as I, Listenable as L, Message as M, Trigger as T };
|
|
777
|
+
export { Identifier as I, Listenable as L, Message as M, Trigger as T, Icon as a };
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { A as App, C as Cosmetic, N as Notice, r as redirect } from './index-d7a4e405.js';
|
|
2
|
-
import { I as Identifier } from './Listenable-
|
|
3
|
-
export { L as Listenable, M as Message, T as Trigger } from './Listenable-
|
|
2
|
+
import { I as Identifier } from './Listenable-34b047d8.js';
|
|
3
|
+
export { a as Icon, L as Listenable, M as Message, T as Trigger } from './Listenable-34b047d8.js';
|
|
4
4
|
export { G as GoogleFont } from './GoogleFont-8474516b.js';
|
|
5
5
|
import './index-d3421c35.js';
|
|
6
6
|
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["smoothly-country",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_53",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"link":[1],"download":[4]}],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"disabled":[516],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[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-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513],"iconColor":[1,"icon-color"],"disabled":[1540]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[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-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"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028],"color":[1025]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{"tuple":[16]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"color":[513],"firstSelected":[32]}],[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":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"disableFilter":[4,"disable-filter"],"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-trigger",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
|
|
13
|
+
return bootstrapLazy([["smoothly-country",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_53",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"link":[1],"download":[4]}],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"disabled":[516],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectAllEnabled":[1028,"select-all-enabled"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[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-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513],"iconColor":[1,"icon-color"],"disabled":[1540]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[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-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"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028],"color":[1025]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{"tuple":[16]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"color":[513],"firstSelected":[32]}],[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":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"disableFilter":[4,"disable-filter"],"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-trigger",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as getElement, c as createEvent, H as Host } from './index-d3421c35.js';
|
|
2
2
|
import { r as redirect, A as App, N as Notice } from './index-d7a4e405.js';
|
|
3
|
-
import { T as Trigger, M as Message } from './Listenable-
|
|
3
|
+
import { T as Trigger, M as Message, a as Icon } from './Listenable-34b047d8.js';
|
|
4
4
|
import './GoogleFont-8474516b.js';
|
|
5
5
|
import { D as Date$1, L as Language, g as getLanguage, a as DateTime, b as Locale, c as Language$1, C as Currency, d as DateRange } from './getLanguage-cccb8418.js';
|
|
6
6
|
|
|
@@ -20869,7 +20869,7 @@ const SmoothlyIcon = class {
|
|
|
20869
20869
|
}
|
|
20870
20870
|
async loadDocument() {
|
|
20871
20871
|
if (this.name)
|
|
20872
|
-
this.document = await
|
|
20872
|
+
this.document = await Icon.load(this.name);
|
|
20873
20873
|
}
|
|
20874
20874
|
async componentWillLoad() {
|
|
20875
20875
|
await this.loadDocument();
|
|
@@ -20887,34 +20887,23 @@ const SmoothlyIcon = class {
|
|
|
20887
20887
|
__stencil_render() {
|
|
20888
20888
|
return [];
|
|
20889
20889
|
}
|
|
20890
|
-
static async fetch(url) {
|
|
20891
|
-
const response = await fetch(url);
|
|
20892
|
-
return response.ok ? response.text() : undefined;
|
|
20893
|
-
}
|
|
20894
|
-
static async load(name) {
|
|
20895
|
-
var _a;
|
|
20896
|
-
const url = `https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg`;
|
|
20897
|
-
return (_a = SmoothlyIcon.cache[url]) !== null && _a !== void 0 ? _a : (SmoothlyIcon.cache[url] = SmoothlyIcon.fetch(url));
|
|
20898
|
-
}
|
|
20899
20890
|
static get watchers() { return {
|
|
20900
20891
|
"name": ["loadDocument"]
|
|
20901
20892
|
}; }
|
|
20902
20893
|
render() { return h(Host, this.hostData(), this.__stencil_render()); }
|
|
20903
20894
|
};
|
|
20904
|
-
SmoothlyIcon.cache = {};
|
|
20905
20895
|
SmoothlyIcon.style = styleCss$x;
|
|
20906
20896
|
|
|
20907
|
-
const styleCss$w = "
|
|
20897
|
+
const styleCss$w = ".sc-smoothly-icon-demo-h{display:block;padding:1rem;max-width:900px;margin:auto}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-wrap:wrap;justify-content:center}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{margin:1.5rem}";
|
|
20908
20898
|
|
|
20909
20899
|
const SmoothlyIconDemo = class {
|
|
20910
20900
|
constructor(hostRef) {
|
|
20911
20901
|
registerInstance(this, hostRef);
|
|
20912
|
-
this.page = 0;
|
|
20913
20902
|
}
|
|
20914
20903
|
render() {
|
|
20915
20904
|
return [
|
|
20916
20905
|
h("h1", null, "Icons"),
|
|
20917
|
-
h("
|
|
20906
|
+
h("div", null, [
|
|
20918
20907
|
"add-circle",
|
|
20919
20908
|
"add",
|
|
20920
20909
|
"airplane",
|
|
@@ -21380,9 +21369,7 @@ const SmoothlyIconDemo = class {
|
|
|
21380
21369
|
"volume-mute",
|
|
21381
21370
|
"volume-off",
|
|
21382
21371
|
"woman",
|
|
21383
|
-
]
|
|
21384
|
-
.slice(this.page * 100, 100)
|
|
21385
|
-
.map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
|
|
21372
|
+
].map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
|
|
21386
21373
|
];
|
|
21387
21374
|
}
|
|
21388
21375
|
};
|
|
@@ -21878,10 +21865,13 @@ const SmoothlyMenuOptions = class {
|
|
|
21878
21865
|
}
|
|
21879
21866
|
}
|
|
21880
21867
|
render() {
|
|
21881
|
-
return (h(Host, { style: { "--max-menu-height": this.maxMenuHeight } }, this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index) =>
|
|
21882
|
-
|
|
21883
|
-
|
|
21884
|
-
|
|
21868
|
+
return (h(Host, { style: { "--max-menu-height": this.maxMenuHeight } }, this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index) => {
|
|
21869
|
+
var _a;
|
|
21870
|
+
return (h("smoothly-option", { style: this.optionStyle, toggle: (_a = option.toggle) !== null && _a !== void 0 ? _a : this.toggle, ref: el => {
|
|
21871
|
+
index == 0 && (this.firstOptionsElement = el !== null && el !== void 0 ? el : this.firstOptionsElement);
|
|
21872
|
+
el && (this.optionElements[index] = el);
|
|
21873
|
+
}, checked: option.checked, value: option.value, name: option.name, divider: option.divider, "data-highlight": this.highlightIndex == index }, option.hint ? h("div", { slot: "hint" }, option.hint) : undefined));
|
|
21874
|
+
})) : this.mutable ? (h("smoothly-option", { style: this.optionStyle, value: this.keyword, name: this.keyword, "data-highlight": 0, new: true }, h("div", { slot: "left" }, h("smoothly-icon", { name: "square-outline", size: "small" }), " ", this.newOptionLabel))) : (h("div", null, this.emptyMenuLabel))));
|
|
21885
21875
|
}
|
|
21886
21876
|
get element() { return getElement(this); }
|
|
21887
21877
|
static get watchers() { return {
|
|
@@ -22038,6 +22028,7 @@ const SmoothlyPicker = class {
|
|
|
22038
22028
|
this.selections = [];
|
|
22039
22029
|
this.selectNoneName = "Select None";
|
|
22040
22030
|
this.selectAllName = "Select All";
|
|
22031
|
+
this.selectAllEnabled = true;
|
|
22041
22032
|
this.selectionName = "items selected";
|
|
22042
22033
|
this.newOptionLabel = "Add:";
|
|
22043
22034
|
this.valueValidator = _ => [true, undefined];
|
|
@@ -22083,7 +22074,7 @@ const SmoothlyPicker = class {
|
|
|
22083
22074
|
}
|
|
22084
22075
|
toggleAll() {
|
|
22085
22076
|
var _a;
|
|
22086
|
-
this.selections = this.selections.length == ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) ? [] : this.options;
|
|
22077
|
+
this.selections = this.selections.length == ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) || !this.selectAllEnabled ? [] : this.options;
|
|
22087
22078
|
this.inputElement.focus();
|
|
22088
22079
|
this.keepFocusOnReRender = true;
|
|
22089
22080
|
}
|
|
@@ -22181,9 +22172,12 @@ const SmoothlyPicker = class {
|
|
|
22181
22172
|
? [
|
|
22182
22173
|
{
|
|
22183
22174
|
value: "select-none",
|
|
22184
|
-
name: this.selections.length
|
|
22185
|
-
|
|
22175
|
+
name: this.selections.length != this.options.length && this.selectAllEnabled
|
|
22176
|
+
? this.selectAllName
|
|
22177
|
+
: this.selectNoneName,
|
|
22178
|
+
checked: this.selectAllEnabled ? this.selections.length == this.options.length : undefined,
|
|
22186
22179
|
divider: true,
|
|
22180
|
+
toggle: this.selectAllEnabled,
|
|
22187
22181
|
},
|
|
22188
22182
|
]
|
|
22189
22183
|
: []),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-d3421c35.js';
|
|
2
|
-
import { T as Trigger, M as Message } from './Listenable-
|
|
2
|
+
import { T as Trigger, M as Message } from './Listenable-34b047d8.js';
|
|
3
3
|
import './GoogleFont-8474516b.js';
|
|
4
4
|
|
|
5
5
|
const styleCss = ".sc-smoothly-trigger-sink-h{display:block}[hidden].sc-smoothly-trigger-sink-h{display:none}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-d3421c35.js';
|
|
2
|
-
import { M as Message, T as Trigger } from './Listenable-
|
|
2
|
+
import { M as Message, T as Trigger } from './Listenable-34b047d8.js';
|
|
3
3
|
import './GoogleFont-8474516b.js';
|
|
4
4
|
|
|
5
5
|
const styleCss = ".sc-smoothly-trigger-source-h{display:block}[hidden].sc-smoothly-trigger-source-h{display:none}";
|
package/dist/esm/smoothly.js
CHANGED
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["smoothly-country",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_53",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"link":[1],"download":[4]}],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"disabled":[516],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[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-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513],"iconColor":[1,"icon-color"],"disabled":[1540]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[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-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"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028],"color":[1025]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{"tuple":[16]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"color":[513],"firstSelected":[32]}],[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":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"disableFilter":[4,"disable-filter"],"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-trigger",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
|
|
16
|
+
return bootstrapLazy([["smoothly-country",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-accordion_53",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{"color":[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"link":[1],"download":[4]}],[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"disabled":[516],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectAllEnabled":[1028,"select-all-enabled"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[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-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"size":[1],"intermediate":[1540],"selected":[1540],"disabled":[1540],"t":[32]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513],"iconColor":[1,"icon-color"],"disabled":[1540]}],[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[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-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"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table",{"root":[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028],"color":[1025]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{"tuple":[16]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"color":[513],"firstSelected":[32]}],[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":[1025],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"disableFilter":[4,"disable-filter"],"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-trigger",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]]], options);
|
|
17
17
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as App,C as Cosmetic,N as Notice,r as redirect}from"./p-94e08cee.js";import{I as e}from"./p-
|
|
1
|
+
export{A as App,C as Cosmetic,N as Notice,r as redirect}from"./p-94e08cee.js";import{I as e}from"./p-e6cb38de.js";export{a as Icon,L as Listenable,M as Message,T as Trigger}from"./p-e6cb38de.js";export{G as GoogleFont}from"./p-bd478a53.js";import"./p-4a0b35b7.js";class o{constructor(){}static get value(){return o.valueCache=localStorage.getItem("clientIdentifier")||void 0,o.valueCache||(o.valueCache=e.generate(12),localStorage.setItem("clientIdentifier",o.valueCache)),o.valueCache}}export{o as ClientIdentifier}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as i}from"./p-4a0b35b7.js";import{T as t,M as r}from"./p-
|
|
1
|
+
import{r as s,h as i}from"./p-4a0b35b7.js";import{T as t,M as r}from"./p-e6cb38de.js";import"./p-bd478a53.js";const o=class{constructor(i){s(this,i),this.context=void 0,this.destination=void 0,this.filter=void 0}get filters(){return this.filtersValue||(this.filtersValue=this.filter?this.filter.split(" "):[]),this.filtersValue}TriggerListener(s){t.is(s.detail)&&this.filters.some((i=>i==s.detail.name))&&(r.send(this.destination,s.detail,this.context||window),s.preventDefault(),s.stopPropagation())}render(){return i("slot",null)}};o.style=".sc-smoothly-trigger-sink-h{display:block}[hidden].sc-smoothly-trigger-sink-h{display:none}";export{o as smoothly_trigger_sink}
|