framework7 8.0.0-beta.1 → 8.0.0-beta.3
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/components/app/app-class.js +6 -2
- package/components/checkbox/checkbox-rtl.css +1 -1
- package/components/checkbox/checkbox.css +1 -1
- package/components/checkbox/checkbox.less +22 -0
- package/components/dialog/dialog-md.less +1 -0
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog.css +1 -1
- package/components/notification/notification.d.ts +1 -1
- package/components/panel/panel-class.js +14 -0
- package/components/photo-browser/photo-browser-class.js +1 -0
- package/components/photo-browser/photo-browser.d.ts +2 -0
- package/components/photo-browser/photo-browser.js +2 -0
- package/components/picker/picker-rtl.css +1 -1
- package/components/picker/picker.css +1 -1
- package/components/picker/picker.less +36 -33
- package/components/popover/popover-rtl.css +1 -1
- package/components/popover/popover.css +1 -1
- package/components/popover/popover.less +4 -0
- package/components/smart-select/smart-select-class.js +19 -5
- package/components/smart-select/smart-select.d.ts +4 -1
- package/components/smart-select/smart-select.js +2 -0
- package/components/swiper/swiper-rtl.css +1 -1
- package/components/swiper/swiper.css +1 -1
- package/components/swiper/swiper.js +6 -18
- package/components/toolbar/toolbar-ios.less +1 -0
- package/framework7-bundle-rtl.css +88 -36
- package/framework7-bundle-rtl.min.css +4 -4
- package/framework7-bundle.css +88 -36
- package/framework7-bundle.esm.js +3 -3
- package/framework7-bundle.js +789 -435
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +3 -3
- package/framework7-bundle.min.css +4 -4
- package/framework7-bundle.min.js +4 -4
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +3 -3
- package/framework7-lite.esm.js +3 -3
- package/framework7-rtl.css +4 -3
- package/framework7-rtl.min.css +4 -4
- package/framework7.css +4 -3
- package/framework7.esm.js +3 -3
- package/framework7.less +3 -3
- package/framework7.min.css +4 -4
- package/modules/router/back.js +22 -6
- package/modules/router/navigate.js +11 -2
- package/modules/router/router-class.js +3 -2
- package/modules/router/router.d.ts +1 -1
- package/package.json +5 -21
- package/components/accordion/accordion.lazy.js +0 -1
- package/components/actions/actions.lazy.js +0 -1
- package/components/area-chart/area-chart.lazy.js +0 -1
- package/components/autocomplete/autocomplete.lazy.js +0 -1
- package/components/breadcrumbs/breadcrumbs.lazy.js +0 -1
- package/components/calendar/calendar.lazy.js +0 -1
- package/components/card/card.lazy.js +0 -1
- package/components/checkbox/checkbox.lazy.js +0 -1
- package/components/chip/chip.lazy.js +0 -1
- package/components/color-picker/color-picker.lazy.js +0 -1
- package/components/contacts-list/contacts-list.lazy.js +0 -1
- package/components/data-table/data-table.lazy.js +0 -1
- package/components/dialog/dialog.lazy.js +0 -1
- package/components/fab/fab.lazy.js +0 -1
- package/components/form/form.lazy.js +0 -1
- package/components/gauge/gauge.lazy.js +0 -1
- package/components/grid/grid.lazy.js +0 -1
- package/components/infinite-scroll/infinite-scroll.lazy.js +0 -1
- package/components/input/input.lazy.js +0 -1
- package/components/list-index/list-index.lazy.js +0 -1
- package/components/login-screen/login-screen.lazy.js +0 -1
- package/components/messagebar/messagebar.lazy.js +0 -1
- package/components/messages/messages.lazy.js +0 -1
- package/components/notification/notification.lazy.js +0 -1
- package/components/panel/panel.lazy.js +0 -1
- package/components/photo-browser/photo-browser.lazy.js +0 -1
- package/components/picker/picker.lazy.js +0 -1
- package/components/pie-chart/pie-chart.lazy.js +0 -1
- package/components/popover/popover.lazy.js +0 -1
- package/components/popup/popup.lazy.js +0 -1
- package/components/preloader/preloader.lazy.js +0 -1
- package/components/progressbar/progressbar.lazy.js +0 -1
- package/components/pull-to-refresh/pull-to-refresh.lazy.js +0 -1
- package/components/radio/radio.lazy.js +0 -1
- package/components/range/range.lazy.js +0 -1
- package/components/searchbar/searchbar.lazy.js +0 -1
- package/components/sheet/sheet.lazy.js +0 -1
- package/components/skeleton/skeleton.lazy.js +0 -1
- package/components/smart-select/smart-select.lazy.js +0 -1
- package/components/sortable/sortable.lazy.js +0 -1
- package/components/stepper/stepper.lazy.js +0 -1
- package/components/swipeout/swipeout.lazy.js +0 -1
- package/components/swiper/swiper.lazy.js +0 -1
- package/components/tabs/tabs.lazy.js +0 -1
- package/components/text-editor/text-editor.lazy.js +0 -1
- package/components/timeline/timeline.lazy.js +0 -1
- package/components/toast/toast.lazy.js +0 -1
- package/components/toggle/toggle.lazy.js +0 -1
- package/components/tooltip/tooltip.lazy.js +0 -1
- package/components/treeview/treeview.lazy.js +0 -1
- package/components/typography/typography.lazy.js +0 -1
- package/components/virtual-list/virtual-list.lazy.js +0 -1
- package/framework7-lite.js +0 -31
- package/framework7.js +0 -13027
- package/framework7.js.map +0 -1
- package/framework7.min.js +0 -14
- package/framework7.min.js.map +0 -1
- package/less/plugin.js +0 -15
package/modules/router/back.js
CHANGED
|
@@ -119,11 +119,13 @@ function backward(router, el, backwardOptions) {
|
|
|
119
119
|
if (router.history.indexOf(options.route.url) >= 0) {
|
|
120
120
|
backIndex = router.history.length - router.history.indexOf(options.route.url) - 1;
|
|
121
121
|
router.history = router.history.slice(0, router.history.indexOf(options.route.url) + 2);
|
|
122
|
+
router.propsHistory = router.propsHistory.slice(0, router.history.indexOf(options.route.url) + 2);
|
|
122
123
|
view.history = router.history;
|
|
123
124
|
} else if (router.history[[router.history.length - 2]]) {
|
|
124
|
-
router.
|
|
125
|
+
router.propsHistory[router.propsHistory.length - 2] = options.props || {};
|
|
125
126
|
} else {
|
|
126
127
|
router.history.unshift(router.url);
|
|
128
|
+
router.propsHistory.unshift(options.props || {});
|
|
127
129
|
}
|
|
128
130
|
const $pageToRemove = $oldPage.prev('.page-previous');
|
|
129
131
|
let $navbarToRemove;
|
|
@@ -249,11 +251,14 @@ function backward(router, el, backwardOptions) {
|
|
|
249
251
|
// Update History
|
|
250
252
|
if (options.replaceState) {
|
|
251
253
|
router.history[router.history.length - 1] = options.route.url;
|
|
254
|
+
router.propsHistory[router.propsHistory.length - 1] = options.props || {};
|
|
252
255
|
} else {
|
|
253
256
|
if (router.history.length === 1) {
|
|
254
257
|
router.history.unshift(router.url);
|
|
258
|
+
router.propsHistory.unshift(options.props || {});
|
|
255
259
|
}
|
|
256
260
|
router.history.pop();
|
|
261
|
+
router.propsHistory.pop();
|
|
257
262
|
}
|
|
258
263
|
router.saveHistory();
|
|
259
264
|
|
|
@@ -336,7 +341,8 @@ function backward(router, el, backwardOptions) {
|
|
|
336
341
|
const preloadPreviousPage = router.params.preloadPreviousPage || router.params[`${app.theme}SwipeBack`];
|
|
337
342
|
if (preloadPreviousPage && router.history[router.history.length - 2] && !isMaster) {
|
|
338
343
|
router.back(router.history[router.history.length - 2], {
|
|
339
|
-
preload: true
|
|
344
|
+
preload: true,
|
|
345
|
+
props: router.propsHistory[router.propsHistory.length - 2] || {}
|
|
340
346
|
});
|
|
341
347
|
}
|
|
342
348
|
if (router.params.browserHistory) {
|
|
@@ -386,6 +392,7 @@ function loadBack(router, backParams, backOptions, ignorePageChange) {
|
|
|
386
392
|
componentUrl
|
|
387
393
|
} = params;
|
|
388
394
|
if (options.route.url && router.url === options.route.url && !(options.reloadCurrent || options.reloadPrevious) && !router.params.allowDuplicateUrls) {
|
|
395
|
+
router.allowPageChange = true;
|
|
389
396
|
return false;
|
|
390
397
|
}
|
|
391
398
|
if (!options.route && url) {
|
|
@@ -448,6 +455,7 @@ function back() {
|
|
|
448
455
|
if (router.swipeBackActive) return router;
|
|
449
456
|
let navigateUrl;
|
|
450
457
|
let navigateOptions;
|
|
458
|
+
let navigateProps;
|
|
451
459
|
let route;
|
|
452
460
|
if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'object') {
|
|
453
461
|
navigateOptions = (arguments.length <= 0 ? undefined : arguments[0]) || {};
|
|
@@ -531,6 +539,7 @@ function back() {
|
|
|
531
539
|
}
|
|
532
540
|
router.currentRoute = previousRoute;
|
|
533
541
|
router.history.pop();
|
|
542
|
+
router.propsHistory.pop();
|
|
534
543
|
router.saveHistory();
|
|
535
544
|
if (needHistoryBack && isBrokenBrowserHistory && !currentRouteWithoutBrowserHistory) {
|
|
536
545
|
History.back();
|
|
@@ -573,7 +582,8 @@ function back() {
|
|
|
573
582
|
if (!navigateOptions.force && $previousPage.length && !skipMaster) {
|
|
574
583
|
if (router.params.browserHistory && $previousPage[0].f7Page && router.history[router.history.length - 2] !== $previousPage[0].f7Page.route.url) {
|
|
575
584
|
router.back(router.history[router.history.length - 2], extend(navigateOptions, {
|
|
576
|
-
force: true
|
|
585
|
+
force: true,
|
|
586
|
+
props: router.propsHistory[router.propsHistory.length - 2] || {}
|
|
577
587
|
}));
|
|
578
588
|
return router;
|
|
579
589
|
}
|
|
@@ -597,11 +607,13 @@ function back() {
|
|
|
597
607
|
}
|
|
598
608
|
if (!navigateUrl && router.history.length > 1) {
|
|
599
609
|
navigateUrl = router.history[router.history.length - 2];
|
|
610
|
+
navigateProps = router.propsHistory[router.propsHistory.length - 2] || {};
|
|
600
611
|
}
|
|
601
612
|
if (skipMaster && !navigateOptions.force && router.history[router.history.length - 3]) {
|
|
602
613
|
return router.back(router.history[router.history.length - 3], extend({}, navigateOptions || {}, {
|
|
603
614
|
force: true,
|
|
604
|
-
animate: false
|
|
615
|
+
animate: false,
|
|
616
|
+
props: router.propsHistory[router.propsHistory.length - 3] || {}
|
|
605
617
|
}));
|
|
606
618
|
}
|
|
607
619
|
if (skipMaster && !navigateOptions.force) {
|
|
@@ -631,9 +643,13 @@ function back() {
|
|
|
631
643
|
}
|
|
632
644
|
const options = {};
|
|
633
645
|
if (route.route.options) {
|
|
634
|
-
extend(options, route.route.options, navigateOptions
|
|
646
|
+
extend(options, route.route.options, navigateOptions, {
|
|
647
|
+
props: navigateProps || {}
|
|
648
|
+
});
|
|
635
649
|
} else {
|
|
636
|
-
extend(options, navigateOptions
|
|
650
|
+
extend(options, navigateOptions, {
|
|
651
|
+
props: navigateProps || {}
|
|
652
|
+
});
|
|
637
653
|
}
|
|
638
654
|
options.route = route;
|
|
639
655
|
function resolve() {
|
|
@@ -6,12 +6,16 @@ import redirect from './redirect.js';
|
|
|
6
6
|
import processRouteQueue from './process-route-queue.js';
|
|
7
7
|
import appRouterCheck from './app-router-check.js';
|
|
8
8
|
import asyncComponent from './async-component.js';
|
|
9
|
-
function refreshPage() {
|
|
9
|
+
function refreshPage(props) {
|
|
10
|
+
if (props === void 0) {
|
|
11
|
+
props = {};
|
|
12
|
+
}
|
|
10
13
|
const router = this;
|
|
11
14
|
appRouterCheck(router, 'refreshPage');
|
|
12
15
|
return router.navigate(router.currentRoute.url, {
|
|
13
16
|
ignoreCache: true,
|
|
14
|
-
reloadCurrent: true
|
|
17
|
+
reloadCurrent: true,
|
|
18
|
+
props
|
|
15
19
|
});
|
|
16
20
|
}
|
|
17
21
|
function forward(router, el, forwardOptions) {
|
|
@@ -285,14 +289,19 @@ function forward(router, el, forwardOptions) {
|
|
|
285
289
|
if (((options.reloadCurrent || reloadDetail && otherDetailPageEl) && router.history.length) > 0 || options.replaceState) {
|
|
286
290
|
if (reloadDetail && detailsInBetweenRemoved > 0) {
|
|
287
291
|
router.history = router.history.slice(0, router.history.length - detailsInBetweenRemoved);
|
|
292
|
+
router.propsHistory = router.propsHistory.slice(0, router.propsHistory.length - detailsInBetweenRemoved);
|
|
288
293
|
}
|
|
289
294
|
router.history[router.history.length - (options.reloadPrevious ? 2 : 1)] = url;
|
|
295
|
+
router.propsHistory[router.propsHistory.length - (options.reloadPrevious ? 2 : 1)] = options.props || {};
|
|
290
296
|
} else if (options.reloadPrevious) {
|
|
291
297
|
router.history[router.history.length - 2] = url;
|
|
298
|
+
router.propsHistory[router.propsHistory.length - 2] = options.props || {};
|
|
292
299
|
} else if (options.reloadAll) {
|
|
293
300
|
router.history = [url];
|
|
301
|
+
router.propsHistory = [options.props || {}];
|
|
294
302
|
} else {
|
|
295
303
|
router.history.push(url);
|
|
304
|
+
router.propsHistory.push(options.props || {});
|
|
296
305
|
}
|
|
297
306
|
}
|
|
298
307
|
router.saveHistory();
|
|
@@ -36,6 +36,7 @@ class Router extends Framework7Class {
|
|
|
36
36
|
params: view.params,
|
|
37
37
|
routes: view.routes,
|
|
38
38
|
history: view.history,
|
|
39
|
+
propsHistory: [],
|
|
39
40
|
scrollHistory: view.scrollHistory,
|
|
40
41
|
cache: app.cache,
|
|
41
42
|
dynamicNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar,
|
|
@@ -1029,11 +1030,11 @@ class Router extends Framework7Class {
|
|
|
1029
1030
|
}
|
|
1030
1031
|
} else {
|
|
1031
1032
|
if (browserHistoryRoot && documentUrl.indexOf(browserHistoryRoot) >= 0) {
|
|
1032
|
-
documentUrl = documentUrl.
|
|
1033
|
+
documentUrl = documentUrl.substring(documentUrl.indexOf(browserHistoryRoot) + browserHistoryRoot.length);
|
|
1033
1034
|
if (documentUrl === '') documentUrl = '/';
|
|
1034
1035
|
}
|
|
1035
1036
|
if (browserHistorySeparator.length > 0 && documentUrl.indexOf(browserHistorySeparator) >= 0) {
|
|
1036
|
-
initialUrl = documentUrl.
|
|
1037
|
+
initialUrl = documentUrl.substring(documentUrl.indexOf(browserHistorySeparator) + browserHistorySeparator.length);
|
|
1037
1038
|
} else {
|
|
1038
1039
|
initialUrl = documentUrl;
|
|
1039
1040
|
}
|
|
@@ -226,7 +226,7 @@ export namespace Router {
|
|
|
226
226
|
/** Go back to previous page, going back in View history */
|
|
227
227
|
back(url?: string, options?: RouteOptions): Router;
|
|
228
228
|
/** Refresh/reload current page */
|
|
229
|
-
refreshPage(): Router;
|
|
229
|
+
refreshPage(props?: any): Router;
|
|
230
230
|
/** Clear router previous pages history and remove all previous pages from DOM */
|
|
231
231
|
clearPreviousHistory(): Router;
|
|
232
232
|
/** Updates current route url, and updates `router.currentRoute` properties (query, params, hash, etc.) based on passed url. This method doesn't load or reload any content. It just changes current route url */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "framework7",
|
|
3
|
-
"version": "8.0.0-beta.
|
|
3
|
+
"version": "8.0.0-beta.3",
|
|
4
4
|
"description": "Full featured mobile HTML framework for building iOS & Android apps",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -150,10 +150,6 @@
|
|
|
150
150
|
"./components/pull-to-refresh/less": "./components/pull-to-refresh/pull-to-refresh.less",
|
|
151
151
|
"./components/pull-to-refresh/css": "./components/pull-to-refresh/pull-to-refresh.css",
|
|
152
152
|
"./components/pull-to-refresh/css/rtl": "./components/pull-to-refresh/pull-to-refresh-rtl.css",
|
|
153
|
-
"./components/lazy": "./components/lazy/lazy.js",
|
|
154
|
-
"./components/lazy/less": "./components/lazy/lazy.less",
|
|
155
|
-
"./components/lazy/css": "./components/lazy/lazy.css",
|
|
156
|
-
"./components/lazy/css/rtl": "./components/lazy/lazy-rtl.css",
|
|
157
153
|
"./components/data-table": "./components/data-table/data-table.js",
|
|
158
154
|
"./components/data-table/less": "./components/data-table/data-table.less",
|
|
159
155
|
"./components/data-table/css": "./components/data-table/data-table.css",
|
|
@@ -202,10 +198,6 @@
|
|
|
202
198
|
"./components/skeleton/less": "./components/skeleton/skeleton.less",
|
|
203
199
|
"./components/skeleton/css": "./components/skeleton/skeleton.css",
|
|
204
200
|
"./components/skeleton/css/rtl": "./components/skeleton/skeleton-rtl.css",
|
|
205
|
-
"./components/menu": "./components/menu/menu.js",
|
|
206
|
-
"./components/menu/less": "./components/menu/menu.less",
|
|
207
|
-
"./components/menu/css": "./components/menu/menu.css",
|
|
208
|
-
"./components/menu/css/rtl": "./components/menu/menu-rtl.css",
|
|
209
201
|
"./components/color-picker": "./components/color-picker/color-picker.js",
|
|
210
202
|
"./components/color-picker/less": "./components/color-picker/color-picker.less",
|
|
211
203
|
"./components/color-picker/css": "./components/color-picker/color-picker.css",
|
|
@@ -340,9 +332,6 @@
|
|
|
340
332
|
"components/pull-to-refresh": [
|
|
341
333
|
"./components/pull-to-refresh/pull-to-refresh"
|
|
342
334
|
],
|
|
343
|
-
"components/lazy": [
|
|
344
|
-
"./components/lazy/lazy.d.ts"
|
|
345
|
-
],
|
|
346
335
|
"components/data-table": [
|
|
347
336
|
"./components/data-table/data-table.d.ts"
|
|
348
337
|
],
|
|
@@ -376,9 +365,6 @@
|
|
|
376
365
|
"components/skeleton": [
|
|
377
366
|
"./components/skeleton/skeleton.d.ts"
|
|
378
367
|
],
|
|
379
|
-
"components/menu": [
|
|
380
|
-
"./components/menu/menu.d.ts"
|
|
381
|
-
],
|
|
382
368
|
"components/color-picker": [
|
|
383
369
|
"./components/color-picker/color-picker.d.ts"
|
|
384
370
|
],
|
|
@@ -388,9 +374,6 @@
|
|
|
388
374
|
"components/text-editor": [
|
|
389
375
|
"./components/text-editor/text-editor.d.ts"
|
|
390
376
|
],
|
|
391
|
-
"components/elevation": [
|
|
392
|
-
"./components/elevation/elevation.d.ts"
|
|
393
|
-
],
|
|
394
377
|
"components/typography": [
|
|
395
378
|
"./components/typography/typography.d.ts"
|
|
396
379
|
],
|
|
@@ -446,11 +429,12 @@
|
|
|
446
429
|
"url": "https://www.patreon.com/framework7"
|
|
447
430
|
},
|
|
448
431
|
"dependencies": {
|
|
449
|
-
"dom7": "^4.0.
|
|
432
|
+
"dom7": "^4.0.6",
|
|
450
433
|
"htm": "^3.1.1",
|
|
451
434
|
"path-to-regexp": "^6.2.0",
|
|
452
435
|
"skeleton-elements": "^4.0.1",
|
|
453
436
|
"ssr-window": "^4.0.2",
|
|
454
|
-
"swiper": "^9.0.
|
|
455
|
-
}
|
|
437
|
+
"swiper": "^9.0.3"
|
|
438
|
+
},
|
|
439
|
+
"releaseDate": "March 9, 2023"
|
|
456
440
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);var t=e.$,n=e.utils,i=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,n.nextFrame),c=n.bindMethods;const r={toggleClicked(e){let o=e.closest(".accordion-item").eq(0);o.length||(o=e.parents("li").eq(0));const t=e.parents(".accordion-item-content").eq(0);t.length&&t.parents(o).length||e.parents("li").length>1&&e.parents("li")[0]!==o[0]||this.accordion.toggle(o)},open(e){const o=this,n=t(e);let c=!1;function r(){c=!0}if(n.trigger("accordion:beforeopen",{prevent:r},r),o.emit("accordionBeforeOpen",n[0],r),c)return;const s=n.parents(".accordion-list").eq(0);let a=n.children(".accordion-item-content");if(a.removeAttr("aria-hidden"),0===a.length&&(a=n.find(".accordion-item-content")),0===a.length)return;const d=s.length>0&&n.parent().children(".accordion-item-opened");d.length>0&&o.accordion.close(d),a.transitionEnd((()=>{n.hasClass("accordion-item-opened")?(a.transition(0),a.css("height","auto"),i((()=>{a.transition(""),n.trigger("accordion:opened"),o.emit("accordionOpened",n[0])}))):(a.css("height",""),n.trigger("accordion:closed"),o.emit("accordionClosed",n[0]))})),a.css("height",`${a[0].scrollHeight}px`),n.trigger("accordion:open"),n.addClass("accordion-item-opened"),o.emit("accordionOpen",n[0])},close(e){const o=this,n=t(e);let c=!1;function r(){c=!0}if(n.trigger("accordion:beforeclose",{prevent:r},r),o.emit("accordionBeforeClose",n[0],r),c)return;let s=n.children(".accordion-item-content");0===s.length&&(s=n.find(".accordion-item-content")),n.removeClass("accordion-item-opened"),s.attr("aria-hidden",!0),s.transition(0),s.css("height",`${s[0].scrollHeight}px`),s.transitionEnd((()=>{n.hasClass("accordion-item-opened")?(s.transition(0),s.css("height","auto"),i((()=>{s.transition(""),n.trigger("accordion:opened"),o.emit("accordionOpened",n[0])}))):(s.css("height",""),n.trigger("accordion:closed"),o.emit("accordionClosed",n[0]))})),i((()=>{s.transition(""),s.css("height",""),n.trigger("accordion:close"),o.emit("accordionClose",n[0])}))},toggle(e){const o=t(e);0!==o.length&&(o.hasClass("accordion-item-opened")?this.accordion.close(e):this.accordion.open(e))}};var s={name:"accordion",create(){c(this,{accordion:r})},clicks:{".accordion-item .item-link, .accordion-item-toggle, .links-list.accordion-list > ul > li > a":function(e){r.toggleClicked.call(this,e)}}};if(o){if(e.prototype.modules&&e.prototype.modules[s.name])return;e.use(s),e.instance&&(e.instance.useModuleParams(s,e.instance.params),e.instance.useModule(s))}return s}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(o,e){void 0===e&&(e=!0);var a=o.$,s=o.utils,t=o.getDevice,n=(o.getSupport,o.Class,o.Modal),l=(o.ConstructorMethods,o.ModalMethods),r=o.$jsx,c=s.extend,i=s.nextTick;class p extends n{constructor(o,e){const s=c({on:{}},o.params.actions,e);super(o,s);const n=this,l=t();let r,p,d;if(n.params=s,n.params.buttons&&(r=n.params.buttons,Array.isArray(r[0])||(r=[r])),n.groups=r,n.params.el?p=a(n.params.el).eq(0):n.params.content?p=a(n.params.content).filter((o=>1===o.nodeType)).eq(0):n.params.buttons&&(n.params.convertToPopover&&(n.popoverHtml=n.renderPopover()),n.actionsHtml=n.render()),p&&p.length>0&&p[0].f7Modal)return p[0].f7Modal;if(p&&0===p.length&&!n.actionsHtml&&!n.popoverHtml)return n.destroy();n.params.backdrop&&n.params.backdropEl?d=a(n.params.backdropEl):n.params.backdrop&&(n.params.backdropUnique?(d=a('<div class="popup-backdrop popup-backdrop-unique"></div>'),n.$containerEl.append(d)):d=n.$containerEl.children(".actions-backdrop"),0===d.length&&(d=a('<div class="actions-backdrop"></div>'),n.$containerEl.append(d)));const m=n.open,u=n.close;let v;function k(o){const e=a(this);let s,t;if(e.hasClass("list-button")||e.hasClass("item-link")?(s=e.parents("li").index(),t=e.parents(".list").index()):(s=e.index(),t=e.parents(".actions-group").index()),void 0!==r){const e=r[t][s];e.onClick&&e.onClick(n,o),n.params.onClick&&n.params.onClick(n,o),!1!==e.close&&n.close()}}function b(o){const e=o.target,s=a(e);!l.desktop&&l.cordova&&(window.Keyboard&&window.Keyboard.isVisible||window.cordova.plugins&&window.cordova.plugins.Keyboard&&window.cordova.plugins.Keyboard.isVisible)||0===s.closest(n.el).length&&(n.params.closeByBackdropClick&&n.params.backdrop&&n.backdropEl&&n.backdropEl===e||n.params.closeByOutsideClick)&&n.close()}function $(o){27===o.keyCode&&n.params.closeOnEscape&&n.close()}return n.open=function(e){let s=!1;const{targetEl:t,targetX:r,targetY:c,targetWidth:p,targetHeight:d}=n.params;return n.params.convertToPopover&&(t||void 0!==r&&void 0!==c)&&(n.params.forceToPopover||l.ios&&l.ipad||o.width>=768||l.desktop)&&(s=!0),s&&n.popoverHtml?(v=o.popover.create({containerEl:n.params.containerEl,content:n.popoverHtml,backdrop:n.params.backdrop,targetEl:t,targetX:r,targetY:c,targetWidth:p,targetHeight:d,on:{open(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:open ${n.type.toLowerCase()}:open`),n.emit(`local::open modalOpen ${n.type}Open`,n)},opened(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:opened ${n.type.toLowerCase()}:opened`),n.emit(`local::opened modalOpened ${n.type}Opened`,n)},close(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:close ${n.type.toLowerCase()}:close`),n.emit(`local::close modalClose ${n.type}Close`,n)},closed(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:closed ${n.type.toLowerCase()}:closed`),n.emit(`local::closed modalClosed ${n.type}Closed`,n)}}}),v.open(e),v.once("popoverOpened",(()=>{v.$el.find(".list-button, .item-link").each((o=>{a(o).on("click",k)}))})),v.once("popoverClosed",(()=>{v.$el.find(".list-button, .item-link").each((o=>{a(o).off("click",k)})),i((()=>{v.destroy(),v=void 0}))}))):(n.$el=n.actionsHtml?a(n.actionsHtml):n.$el,n.$el[0].f7Modal=n,n.groups&&(n.$el.find(".actions-button").each((o=>{a(o).on("click",k)})),n.once("actionsClosed",(()=>{n.$el.find(".actions-button").each((o=>{a(o).off("click",k)}))}))),n.el=n.$el[0],m.call(n,e)),n},n.close=function(o){return v?v.close(o):u.call(n,o),n},c(n,{app:o,$el:p,el:p?p[0]:void 0,$backdropEl:d,backdropEl:d&&d[0],type:"actions"}),n.params.closeOnEscape&&(n.on("open",(()=>{a(document).on("keydown",$)})),n.on("close",(()=>{a(document).off("keydown",$)}))),n.on("opened",(()=>{(n.params.closeByBackdropClick||n.params.closeByOutsideClick)&&o.on("click",b)})),n.on("close",(()=>{(n.params.closeByBackdropClick||n.params.closeByOutsideClick)&&o.off("click",b)})),p&&(p[0].f7Modal=n),n}render(){const o=this;if(o.params.render)return o.params.render.call(o,o);const{groups:e}=o,a=o.params.cssClass;return r("div",{class:`actions-modal${o.params.grid?" actions-grid":""} ${a||""}`},e.map((o=>r("div",{class:"actions-group"},o.map((o=>{const e=["actions-"+(o.label?"label":"button")],{color:a,bg:s,strong:t,disabled:n,label:l,text:c,icon:i}=o;return a&&e.push(`color-${a}`),s&&e.push(`bg-color-${s}`),t&&e.push("actions-button-strong"),n&&e.push("disabled"),l?r("div",{class:e.join(" ")},c):r("div",{class:e.join(" ")},i&&r("div",{class:"actions-button-media"},i),r("div",{class:"actions-button-text"},c))}))))))}renderPopover(){const o=this;if(o.params.renderPopover)return o.params.renderPopover.call(o,o);const{groups:e}=o,a=o.params.cssClass;return r("div",{class:`popover popover-from-actions ${a||""}`},r("div",{class:"popover-inner"},e.map((o=>r("div",{class:"list"},r("ul",null,o.map((o=>{const e=[],{color:a,bg:s,strong:t,disabled:n,label:l,text:c,icon:i}=o;return a&&e.push(`color-${a}`),s&&e.push(`bg-color-${s}`),t&&e.push("popover-from-actions-strong"),n&&e.push("disabled"),l?(e.push("popover-from-actions-label"),`<li class="${e.join(" ")}">${c}</li>`):i?(e.push("item-link item-content"),r("li",null,r("a",{class:e.join(" ")},r("div",{class:"item-media"},i),r("div",{class:"item-inner"},r("div",{class:"item-title"},c))))):(e.push("list-button"),r("li",null,r("a",{class:e.join(" ")},c)))}))))))))}}var d={name:"actions",params:{actions:{convertToPopover:!0,forceToPopover:!1,backdrop:!0,backdropEl:void 0,backdropUnique:!1,cssClass:null,closeByBackdropClick:!0,closeOnEscape:!1,render:null,renderPopover:null,containerEl:null}},static:{Actions:p},create(){this.actions=l({app:this,constructor:p,defaultSelector:".actions-modal.modal-in"})},clicks:{".actions-open":function(o,e){void 0===e&&(e={});this.actions.open(e.actions,e.animate,o)},".actions-close":function(o,e){void 0===e&&(e={});this.actions.close(e.actions,e.animate,o)}}};if(e){if(o.prototype.modules&&o.prototype.modules[d.name])return;o.use(d),o.instance&&(o.instance.useModuleParams(d,o.instance.params),o.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var a=e.$,s=e.utils,l=(e.getDevice,e.getSupport,e.Class),n=(e.Modal,e.ConstructorMethods),o=(e.ModalMethods,e.$jsx),r=s.extend,i=s.deleteProps;class d extends l{constructor(e,t){void 0===t&&(t={}),super(t,[e]);const s=this,l=r({},e.params.areaChart);s.useModulesParams(l),s.params=r(l,t);const{el:n}=s.params;if(!n)return s;const o=a(n);return 0===o.length?s:o[0].f7AreaChart?o[0].f7AreaChart:(r(s,{app:e,$el:o,el:o&&o[0],currentIndex:null,hiddenDatasets:[],f7Tooltip:null,linesOffsets:null}),o[0].f7AreaChart=s,s.useModules(),s.onMouseEnter=s.onMouseEnter.bind(s),s.onMouseMove=s.onMouseMove.bind(s),s.onMouseLeave=s.onMouseLeave.bind(s),s.onLegendClick=s.onLegendClick.bind(s),s.init(),s)}getVisibleLabels(){const{maxAxisLabels:e,axisLabels:t}=this.params;if(!e||t.length<=e)return t;const a=Math.ceil(t.length/e);return t.filter(((e,t)=>t%a==0))}getSummValues(){const{datasets:e}=this.params,{hiddenDatasets:t}=this,a=[];return e.filter(((e,a)=>!t.includes(a))).forEach((e=>{let{values:t}=e;t.forEach(((e,t)=>{a[t]||(a[t]=0),a[t]+=e}))})),a}getChartData(){const{datasets:e,lineChart:t,width:a,height:s}=this.params,{hiddenDatasets:l}=this,n=[];if(!e.length)return n;const o=e[0].values.map((()=>0));let r=0;return t?e.filter(((e,t)=>!l.includes(t))).forEach((e=>{let{values:t}=e;const a=Math.max(...t);a>r&&(r=a)})):r=Math.max(...this.getSummValues()),e.filter(((e,t)=>!l.includes(t))).forEach((e=>{let{label:l,values:i,color:d}=e;const h=i.map(((e,l)=>{o[l]+=e;const n=t?e:o[l],d=l/(i.length-1)*a,h=s-n/r*s;return t?`${0===l?"M":"L"}${d},${h}`:`${d} ${h}`}));t||h.push(`${a} ${s} 0 ${s}`),n.push({label:l,points:h.join(" "),color:d})})),n.reverse()}getVerticalLines(){const{datasets:e,width:t}=this.params,a=[];if(!e.length)return a;const s=e[0].values;return s.forEach(((e,l)=>{const n=l/(s.length-1)*t;a.push(n)})),a}toggleDataset(e){const{hiddenDatasets:t,params:{toggleDatasets:a}}=this;a&&(t.includes(e)?t.splice(t.indexOf(e),1):t.push(e),this.$legendEl&&(this.$legendEl.find(".area-chart-legend-item").removeClass("area-chart-legend-item-hidden"),t.forEach((e=>{this.$legendEl.find(`.area-chart-legend-item[data-index="${e}"]`).addClass("area-chart-legend-item-hidden")}))),this.update({},!0))}formatAxisLabel(e){const{formatAxisLabel:t}=this.params;return t?t.call(this,e):e}formatLegendLabel(e){const{formatLegendLabel:t}=this.params;return t?t.call(this,e):e}calcLinesOffsets(){const e=this.svgEl.querySelectorAll("line");this.linesOffsets=[];for(let t=0;t<e.length;t+=1)this.linesOffsets.push(e[t].getBoundingClientRect().left)}formatTooltip(){const e=this,{currentIndex:t,hiddenDatasets:a,params:{datasets:s,axisLabels:l,formatTooltip:n,formatTooltipTotal:o,formatTooltipAxisLabel:r,formatTooltipDataset:i}}=e;if(null===t)return"";let d=0;const h=s.filter(((e,t)=>!a.includes(t))).map((e=>({color:e.color,label:e.label,value:e.values[t]})));if(h.forEach((e=>{d+=e.value})),n)return n({index:t,total:d,datasets:h});let c=r?r.call(e,l[t]):this.formatAxisLabel(l[t]);c||(c="");return`\n <div class="area-chart-tooltip-label">${c}</div>\n <div class="area-chart-tooltip-total">${o?o.call(e,d):d}</div>\n ${h.length>0?`\n <ul class="area-chart-tooltip-list">\n ${h.map((t=>{let{label:a,color:s,value:l}=t;return`\n <li><span style="background-color: ${s};"></span>${i?i.call(e,a,l,s):`${a?`${a}: `:""}${l}`}</li>\n `})).join("")}\n </ul>`:""}\n `}setTooltip(){const e=this,{app:t,el:a,svgEl:s,hiddenDatasets:l,currentIndex:n,params:{tooltip:o,datasets:r}}=e;if(!o)return;if(r.filter(((e,t)=>!l.includes(t))).length>0)return null===n||e.f7Tooltip?void(e.f7Tooltip&&e.f7Tooltip.hide&&e.f7Tooltip.show&&(null!==n?(e.f7Tooltip.setText(e.formatTooltip()),e.f7Tooltip.setTargetEl(s.querySelector(`line[data-index="${n}"]`)),e.f7Tooltip.show()):e.f7Tooltip.hide())):(e.f7Tooltip=t.tooltip.create({trigger:"manual",containerEl:a,targetEl:s.querySelector(`line[data-index="${n}"]`),text:e.formatTooltip(),cssClass:"area-chart-tooltip"}),void(e.f7Tooltip&&e.f7Tooltip.show&&e.f7Tooltip.show()));e.f7Tooltip&&e.f7Tooltip.hide&&e.f7Tooltip.hide()}setCurrentIndex(e){e!==this.currentIndex&&(this.currentIndex=e,this.$el.trigger("areachart:select",{index:e}),this.emit("local::select areaChartSelect",this,e),this.$svgEl.find("line").removeClass("area-chart-current-line"),this.$svgEl.find(`line[data-index="${e}"]`).addClass("area-chart-current-line"),this.setTooltip())}onLegendClick(e){const t=parseInt(a(e.target).closest(".area-chart-legend-item").attr("data-index"),10);this.toggleDataset(t)}onMouseEnter(){this.calcLinesOffsets()}onMouseMove(e){const t=this;t.linesOffsets||t.calcLinesOffsets();let a=e.pageX;void 0===a&&(a=0);const s=t.linesOffsets.map((e=>Math.abs(a-e))),l=Math.min(...s),n=s.indexOf(l);t.setCurrentIndex(n)}onMouseLeave(){this.setCurrentIndex(null)}attachEvents(){const{svgEl:e,$el:t}=this;e&&(e.addEventListener("mouseenter",this.onMouseEnter),e.addEventListener("mousemove",this.onMouseMove),e.addEventListener("mouseleave",this.onMouseLeave),t.on("click",".area-chart-legend-item",this.onLegendClick))}detachEvents(){const{svgEl:e,$el:t}=this;e&&(e.removeEventListener("mouseenter",this.onMouseEnter),e.removeEventListener("mousemove",this.onMouseMove),e.removeEventListener("mouseleave",this.onMouseLeave),t.off("click",".area-chart-legend-item",this.onLegendClick))}render(){const e=this,{lineChart:t,toggleDatasets:a,width:s,height:l,axis:n,axisLabels:r,legend:i,datasets:d}=e.params,h=e.getChartData(),c=e.getVerticalLines(),u=e.getVisibleLabels(),p=a?"button":"span";return o("div",null,o("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:l,viewBox:`0 0 ${s} ${l}`,preserveAspectRatio:"none"},h.map((e=>t?o("path",{stroke:e.color,"fill-rule":"evenodd",d:e.points}):o("polygon",{fill:e.color,"fill-rule":"evenodd",points:e.points}))),c.map(((e,t)=>o("line",{"data-index":t,fill:"#000",x1:e,y1:0,x2:e,y2:l})))),n&&o("div",{class:"area-chart-axis"},r.map((t=>o("span",null,u.includes(t)&&o("span",null,e.formatAxisLabel(t)))))),i&&o("div",{class:"area-chart-legend"},d.map(((t,s)=>o(p,{"data-index":s,class:"area-chart-legend-item "+(a?"area-chart-legend-button":""),_type:a?"button":void 0},o("span",{style:`background-color: ${t.color}`}),e.formatLegendLabel(t.label))))))}update(e,t){void 0===e&&(e={}),void 0===t&&(t=!1);const s=this,{params:l}=s;if(Object.keys(e).forEach((t=>{void 0!==e[t]&&(l[t]=e[t])})),0===s.$svgEl.length)return s;s.detachEvents(),s.$svgEl.remove(),t||(s.$axisEl.remove(),s.$legendEl.remove());const n=a(s.render()),o=n.find("svg");if(r(s,{svgEl:o&&o[0],$svgEl:o}),!t){const e=n.find(".area-chart-axis"),t=n.find(".area-chart-legend");r(s,{$axisEl:e,$legendEl:t}),s.$el.append(e),s.$el.append(t)}return s.$el.prepend(o),s.attachEvents(),s}init(){const e=this,t=a(e.render()),s=t.find("svg"),l=t.find(".area-chart-axis"),n=t.find(".area-chart-legend");return r(e,{svgEl:s&&s[0],$svgEl:s,$axisEl:l,$legendEl:n}),e.$el.append(s),e.$el.append(l),e.$el.append(n),e.attachEvents(),e}destroy(){const e=this;e.$el&&!e.destroyed&&(e.$el.trigger("piechart:beforedestroy"),e.emit("local::beforeDestroy areaChartBeforeDestroy",e),e.detachEvents(),e.$svgEl.remove(),e.$axisEl.remove(),e.$legendEl.remove(),e.f7Tooltip&&e.f7Tooltip.destroy&&e.f7Tooltip.destroy(),delete e.$el[0].f7AreaChart,i(e),e.destroyed=!0)}}var h={name:"areaChart",params:{areaChart:{el:null,lineChart:!1,datasets:[],axis:!1,axisLabels:[],tooltip:!1,legend:!1,toggleDatasets:!1,width:640,height:320,maxAxisLabels:8,formatAxisLabel:null,formatLegendLabel:null,formatTooltip:null,formatTooltipAxisLabel:null,formatTooltipTotal:null,formatTooltipDataset:null}},create(){const e=this;e.areaChart=n({defaultSelector:".area-chart",constructor:d,app:e,domProp:"f7AreaChart"}),e.areaChart.update=function(t,s){if(0===a(t).length)return;const l=e.areaChart.get(t);return l?(l.update(s),l):void 0}}};if(t){if(e.prototype.modules&&e.prototype.modules[h.name])return;e.use(h),e.instance&&(e.instance.useModuleParams(h,e.instance.params),e.instance.useModule(h))}return h}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);var t=e.$,a=e.utils,r=e.getDevice,l=(e.getSupport,e.Class),n=(e.Modal,e.ConstructorMethods),p=(e.ModalMethods,e.$jsx),s=a.extend,i=a.id,d=a.nextTick,c=a.iosPreloaderContent,u=a.mdPreloaderContent,m=a.deleteProps;class h extends l{constructor(e,o){void 0===o&&(o={}),super(o,[e]);const a=this;a.app=e;const l=r(),n=s({on:{}},e.params.autocomplete);let p,c;a.useModulesParams(n),a.params=s(n,o),a.params.openerEl&&(p=t(a.params.openerEl),p.length&&(p[0].f7Autocomplete=a)),a.params.inputEl&&(c=t(a.params.inputEl),c.length&&(c[0].f7Autocomplete=a));const u=i();let m=o.url;!m&&p&&p.length&&(p.attr("href")?m=p.attr("href"):p.find("a").length>0&&(m=p.find("a").attr("href"))),m&&"#"!==m&&""!==m||(m=a.params.url);const h=a.params.multiple?"checkbox":"radio";s(a,{$openerEl:p,openerEl:p&&p[0],$inputEl:c,inputEl:c&&c[0],id:u,url:m,value:a.params.value||[],inputType:h,inputName:`${h}-${u}`,$modalEl:void 0,$dropdownEl:void 0});let v="";function f(){let e=a.$inputEl.val().trim();a.params.source&&a.params.source.call(a,e,(o=>{let t="";const r=a.params.limit?Math.min(a.params.limit,o.length):o.length;let l,n,p;a.items=o,a.params.highlightMatches&&(e=e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),l=new RegExp(`(${e})`,"i"));for(let e=0;e<r;e+=1){const r="object"==typeof o[e]?o[e][a.params.valueProperty]:o[e],s="object"==typeof o[e]?o[e][a.params.textProperty]:o[e];0===e&&(n=r,p=a.items[e]),t+=a.renderItem({value:r,text:a.params.highlightMatches?s.replace(l,"<b>$1</b>"):s},e)}if(""===t&&""===e&&a.params.dropdownPlaceholderText&&(t+=a.renderItem({placeholder:!0,text:a.params.dropdownPlaceholderText})),a.$dropdownEl.find("ul").html(t),a.params.typeahead){if(!n||!p)return;if(0!==n.toLowerCase().indexOf(e.toLowerCase()))return;if(v.toLowerCase()===e.toLowerCase())return void(a.value=[]);if(0===v.toLowerCase().indexOf(e.toLowerCase()))return v=e,void(a.value=[]);c.val(n),c[0].setSelectionRange(e.length,n.length);const o="object"==typeof a.value[0]?a.value[0][a.params.valueProperty]:a.value[0];o&&n.toLowerCase()===o.toLowerCase()||(a.value=[p],a.emit("local::change autocompleteChange",[p]))}v=e}))}function g(){const e=this,o=e.value;let r,l,n;if(t(e).parents(".autocomplete-values").length>0){if("checkbox"===a.inputType&&!e.checked){for(let e=0;e<a.value.length;e+=1)n="string"==typeof a.value[e]?a.value[e]:a.value[e][a.params.valueProperty],n!==o&&1*n!=1*o||a.value.splice(e,1);a.updateValues(),a.emit("local::change autocompleteChange",a.value)}}else{for(let e=0;e<a.items.length;e+=1)l="object"==typeof a.items[e]?a.items[e][a.params.valueProperty]:a.items[e],l!==o&&1*l!=1*o||(r=a.items[e]);if("radio"===a.inputType)a.value=[r];else if(e.checked)a.value.push(r);else for(let e=0;e<a.value.length;e+=1)n="object"==typeof a.value[e]?a.value[e][a.params.valueProperty]:a.value[e],n!==o&&1*n!=1*o||a.value.splice(e,1);a.updateValues(),("radio"===a.inputType&&e.checked||"checkbox"===a.inputType)&&a.emit("local::change autocompleteChange",a.value)}}function b(e){const o=t(e.target);o.is(a.$inputEl[0])||a.$dropdownEl&&o.closest(a.$dropdownEl[0]).length||a.close()}function w(){a.open()}function $(){a.open()}function E(){a.$dropdownEl.find("label.active-state").length>0||setTimeout((()=>{a.close()}),0)}function y(){a.positionDropdown()}function C(e){if(!a.opened)return;if(27===e.keyCode)return e.preventDefault(),void a.$inputEl.blur();if(13===e.keyCode){const o=a.$dropdownEl.find(".autocomplete-dropdown-selected label");return o.length?(e.preventDefault(),o.trigger("click"),void a.$inputEl.blur()):void(a.params.typeahead&&(e.preventDefault(),a.$inputEl.blur()))}if(40!==e.keyCode&&38!==e.keyCode)return;e.preventDefault();const o=a.$dropdownEl.find(".autocomplete-dropdown-selected");let t;o.length?(t=o[40===e.keyCode?"next":"prev"]("li"),t.length||(t=a.$dropdownEl.find("li").eq(40===e.keyCode?0:a.$dropdownEl.find("li").length-1))):t=a.$dropdownEl.find("li").eq(40===e.keyCode?0:a.$dropdownEl.find("li").length-1),t.hasClass("autocomplete-dropdown-placeholder")||(o.removeClass("autocomplete-dropdown-selected"),t.addClass("autocomplete-dropdown-selected"))}function P(){const e=t(this);let o;for(let t=0;t<a.items.length;t+=1){const r="object"==typeof a.items[t]?a.items[t][a.params.valueProperty]:a.items[t],l=e.attr("data-value");r!==l&&1*r!=1*l||(o=a.items[t])}a.params.updateInputValueOnSelect&&(a.$inputEl.val("object"==typeof o?o[a.params.valueProperty]:o),a.$inputEl.trigger("input change")),a.value=[o],a.emit("local::change autocompleteChange",[o]),a.close()}return a.attachEvents=function(){"dropdown"!==a.params.openIn&&a.$openerEl&&a.$openerEl.on("click",w),"dropdown"===a.params.openIn&&a.$inputEl&&(a.$inputEl.on("focus",$),a.$inputEl.on(a.params.inputEvents,f),l.android?t("html").on("click",b):a.$inputEl.on("blur",E),a.$inputEl.on("keydown",C))},a.detachEvents=function(){"dropdown"!==a.params.openIn&&a.$openerEl&&a.$openerEl.off("click",w),"dropdown"===a.params.openIn&&a.$inputEl&&(a.$inputEl.off("focus",$),a.$inputEl.off(a.params.inputEvents,f),l.android?t("html").off("click",b):a.$inputEl.off("blur",E),a.$inputEl.off("keydown",C))},a.attachDropdownEvents=function(){a.$dropdownEl.on("click","label",P),e.on("resize",y)},a.detachDropdownEvents=function(){a.$dropdownEl.off("click","label",P),e.off("resize",y)},a.attachPageEvents=function(){a.$el.on("change",'input[type="radio"], input[type="checkbox"]',g),a.params.closeOnSelect&&!a.params.multiple&&a.$el.once("click",".list label",(()=>{d((()=>{a.close()}))}))},a.detachPageEvents=function(){a.$el.off("change",'input[type="radio"], input[type="checkbox"]',g)},a.useModules(),a.init(),a}get view(){const e=this,{$openerEl:o,$inputEl:t,app:a}=e;let r;if(e.params.view)r=e.params.view;else if(o||t){const e=o||t;r=e.closest(".view").length&&e.closest(".view")[0].f7View}return r||(r=a.views.main),r}positionDropdown(){const{$inputEl:e,app:o,$dropdownEl:a}=this,r=e.parents(".page-content");if(0===r.length)return;const l=e.offset(),n=e[0].offsetWidth,p=e[0].offsetHeight,s=e.parents(".list");let i;s.parents().each((e=>{if(i)return;const o=t(e);o.parent(r).length&&(i=o)}));const d=s.offset(),c=parseInt(r.css("padding-bottom"),10),u=s.length>0?d.left-r.offset().left:0,m=l.left-(s.length>0?d.left:0)-(o.rtl,0),h=l.top-(r.offset().top-r[0].scrollTop),v=r[0].scrollHeight-c-(h+r[0].scrollTop)-e[0].offsetHeight,f=o.rtl?"padding-right":"padding-left";let g;s.length&&(g=(o.rtl?s[0].offsetWidth-m-n:m)-("md"===o.theme?16:15)),a.css({left:`${s.length>0?u:m}px`,top:`${h+r[0].scrollTop+p}px`,width:`${s.length>0?s[0].offsetWidth:n}px`}),a.children(".autocomplete-dropdown-inner").css({maxHeight:`${v}px`,[f]:s.length>0?`${g}px`:""})}focus(){this.$el.find("input[type=search]").focus()}source(e){const o=this;if(!o.params.source)return;const{$el:t}=o;o.params.source.call(o,e,(a=>{let r="";const l=o.params.limit?Math.min(o.params.limit,a.length):a.length;o.items=a;for(let e=0;e<l;e+=1){let t=!1;const l="object"==typeof a[e]?a[e][o.params.valueProperty]:a[e];for(let e=0;e<o.value.length;e+=1){const a="object"==typeof o.value[e]?o.value[e][o.params.valueProperty]:o.value[e];a!==l&&1*a!=1*l||(t=!0)}r+=o.renderItem({value:l,text:"object"==typeof a[e]?a[e][o.params.textProperty]:a[e],inputType:o.inputType,id:o.id,inputName:o.inputName,selected:t},e)}t.find(".autocomplete-found ul").html(r),0===a.length?0!==e.length?(t.find(".autocomplete-not-found").show(),t.find(".autocomplete-found, .autocomplete-values").hide()):(t.find(".autocomplete-values").show(),t.find(".autocomplete-found, .autocomplete-not-found").hide()):(t.find(".autocomplete-found").show(),t.find(".autocomplete-not-found, .autocomplete-values").hide())}))}updateValues(){const e=this;let o="";for(let t=0;t<e.value.length;t+=1)o+=e.renderItem({value:"object"==typeof e.value[t]?e.value[t][e.params.valueProperty]:e.value[t],text:"object"==typeof e.value[t]?e.value[t][e.params.textProperty]:e.value[t],inputType:e.inputType,id:e.id,inputName:`${e.inputName}-checked}`,selected:!0},t);e.$el.find(".autocomplete-values ul").html(o)}preloaderHide(){const e=this;"dropdown"===e.params.openIn&&e.$dropdownEl?e.$dropdownEl.find(".autocomplete-preloader").removeClass("autocomplete-preloader-visible"):t(".autocomplete-preloader").removeClass("autocomplete-preloader-visible")}preloaderShow(){const e=this;"dropdown"===e.params.openIn&&e.$dropdownEl?e.$dropdownEl.find(".autocomplete-preloader").addClass("autocomplete-preloader-visible"):t(".autocomplete-preloader").addClass("autocomplete-preloader-visible")}renderPreloader(){const e=this,o={iosPreloaderContent:c,mdPreloaderContent:u};return p("div",{class:"autocomplete-preloader preloader "+(e.params.preloaderColor?`color-${e.params.preloaderColor}`:"")},o[`${e.app.theme}PreloaderContent`]||"")}renderSearchbar(){const e=this;return e.params.renderSearchbar?e.params.renderSearchbar.call(e):p("form",{class:"searchbar"},p("div",{class:"searchbar-inner"},p("div",{class:"searchbar-input-wrap"},p("input",{type:"search",spellcheck:e.params.searchbarSpellcheck||"false",placeholder:e.params.searchbarPlaceholder}),p("i",{class:"searchbar-icon"}),p("span",{class:"input-clear-button"})),e.params.searchbarDisableButton&&p("span",{class:"searchbar-disable-button"},e.params.searchbarDisableText)))}renderItem(e,o){const t=this;if(t.params.renderItem)return t.params.renderItem.call(t,e,o);const a=e.value&&"string"==typeof e.value?e.value.replace(/"/g,"""):e.value;return"dropdown"!==t.params.openIn?p("li",null,p("label",{class:`item-${e.inputType} item-content`},p("input",{type:e.inputType,name:e.inputName,value:a,_checked:e.selected}),p("i",{class:`icon icon-${e.inputType}`}),p("div",{class:"item-inner"},p("div",{class:"item-title"},e.text)))):e.placeholder?p("li",{class:"autocomplete-dropdown-placeholder"},p("label",{class:"item-content"},p("div",{class:"item-inner"},p("div",{class:"item-title"},e.text)))):p("li",null,p("label",{class:"item-radio item-content","data-value":a},p("div",{class:"item-inner"},p("div",{class:"item-title"},e.text))))}renderNavbar(){const e=this;if(e.params.renderNavbar)return e.params.renderNavbar.call(e);let o=e.params.pageTitle;void 0===o&&e.$openerEl&&e.$openerEl.length&&(o=e.$openerEl.find(".item-title").text().trim());const t="popup"===e.params.openIn,a=t?e.params.preloader&&p("div",{class:"left"},e.renderPreloader()):p("div",{class:"left sliding"},p("a",{class:"link back"},p("i",{class:"icon icon-back"}),p("span",{class:"if-not-md"},e.params.pageBackLinkText))),r=t?p("div",{class:"right"},p("a",{class:"link popup-close","data-popup":".autocomplete-popup"},e.params.popupCloseLinkText)):e.params.preloader&&p("div",{class:"right"},e.renderPreloader());return p("div",{class:"navbar "+(e.params.navbarColorTheme?`color-${e.params.navbarColorTheme}`:"")},p("div",{class:"navbar-bg"}),p("div",{class:"navbar-inner "+(e.params.navbarColorTheme?`color-${e.params.navbarColorTheme}`:"")},a,o&&p("div",{class:"title sliding"},o),r,p("div",{class:"subnavbar sliding"},e.renderSearchbar())))}renderDropdown(){const e=this;return e.params.renderDropdown?e.params.renderDropdown.call(e,e.items):p("div",{class:"autocomplete-dropdown"},p("div",{class:"autocomplete-dropdown-inner"},p("div",{class:"list no-safe-areas"},p("ul",null))),e.params.preloader&&e.renderPreloader())}renderPage(e){const o=this;return o.params.renderPage?o.params.renderPage.call(o,o.items):p("div",{class:"page page-with-subnavbar autocomplete-page","data-name":"autocomplete-page"},o.renderNavbar(e),p("div",{class:"searchbar-backdrop"}),p("div",{class:"page-content"},p("div",{class:`list autocomplete-list autocomplete-found autocomplete-list-${o.id} ${o.params.formColorTheme?`color-${o.params.formColorTheme}`:""}`},p("ul",null)),p("div",{class:"list autocomplete-not-found"},p("ul",null,p("li",{class:"item-content"},p("div",{class:"item-inner"},p("div",{class:"item-title"},o.params.notFoundText))))),p("div",{class:"list autocomplete-values"},p("ul",null))))}renderPopup(){const e=this;return e.params.renderPopup?e.params.renderPopup.call(e,e.items):p("div",{class:"popup autocomplete-popup"},p("div",{class:"view"},e.renderPage(!0),";"))}onOpen(e,o){const a=this,r=a.app,l=t(o);if(a.$el=l,a.el=l[0],a.openedIn=e,a.opened=!0,"dropdown"===a.params.openIn)a.attachDropdownEvents(),a.$dropdownEl.addClass("autocomplete-dropdown-in"),a.$inputEl.trigger("input");else{let e=l.find(".searchbar");"page"===a.params.openIn&&"ios"===r.theme&&0===e.length&&(e=t(r.navbar.getElByPage(l)).find(".searchbar")),a.searchbar=r.searchbar.create({el:e,backdropEl:l.find(".searchbar-backdrop"),customSearch:!0,on:{search(e,o){0===o.length&&a.searchbar.enabled?a.searchbar.backdropShow():a.searchbar.backdropHide(),a.source(o)}}}),a.attachPageEvents(),a.updateValues(),a.params.requestSourceOnOpen&&a.source("")}a.emit("local::open autocompleteOpen",a)}autoFocus(){const e=this;return e.searchbar&&e.searchbar.$inputEl&&e.searchbar.$inputEl.focus(),e}onOpened(){const e=this;"dropdown"!==e.params.openIn&&e.params.autoFocus&&e.autoFocus(),e.emit("local::opened autocompleteOpened",e)}onClose(){const e=this;e.destroyed||(e.searchbar&&e.searchbar.destroy&&(e.searchbar.destroy(),e.searchbar=null,delete e.searchbar),"dropdown"===e.params.openIn?(e.detachDropdownEvents(),e.$dropdownEl.removeClass("autocomplete-dropdown-in").remove()):e.detachPageEvents(),e.emit("local::close autocompleteClose",e))}onClosed(){const e=this;e.destroyed||(e.opened=!1,e.$el=null,e.el=null,delete e.$el,delete e.el,e.emit("local::closed autocompleteClosed",e))}openPage(){const e=this;if(e.opened)return e;const o=e.renderPage();return e.view.router.navigate({url:e.url,route:{content:o,path:e.url,on:{pageBeforeIn(o,t){e.onOpen("page",t.el)},pageAfterIn(o,t){e.onOpened("page",t.el)},pageBeforeOut(o,t){e.onClose("page",t.el)},pageAfterOut(o,t){e.onClosed("page",t.el)}},options:{animate:e.params.animate}}}),e}openPopup(){const e=this;if(e.opened)return e;const o={content:e.renderPopup(),animate:e.params.animate,push:e.params.popupPush,swipeToClose:e.params.popupSwipeToClose,on:{popupOpen(o){e.onOpen("popup",o.el)},popupOpened(o){e.onOpened("popup",o.el)},popupClose(o){e.onClose("popup",o.el)},popupClosed(o){e.onClosed("popup",o.el)}}};return e.params.routableModals&&e.view?e.view.router.navigate({url:e.url,route:{path:e.url,popup:o}}):e.modal=e.app.popup.create(o).open(e.params.animate),e}openDropdown(){const e=this;e.$dropdownEl||(e.$dropdownEl=t(e.renderDropdown()));const o=e.$inputEl.parents(".page-content");e.params.dropdownContainerEl?t(e.params.dropdownContainerEl).append(e.$dropdownEl):0===o.length?e.$dropdownEl.insertAfter(e.$inputEl):(e.positionDropdown(),o.append(e.$dropdownEl)),e.onOpen("dropdown",e.$dropdownEl),e.onOpened("dropdown",e.$dropdownEl)}open(){const e=this;if(e.opened)return e;return e[`open${e.params.openIn.split("").map(((e,o)=>0===o?e.toUpperCase():e)).join("")}`](),e}close(){const e=this;return e.opened?("dropdown"===e.params.openIn?(e.onClose(),e.onClosed()):e.params.routableModals&&e.view||"page"===e.openedIn?e.view.router.back({animate:e.params.animate}):(e.modal.once("modalClosed",(()=>{d((()=>{e.destroyed||(e.modal.destroy(),delete e.modal)}))})),e.modal.close()),e):e}init(){this.attachEvents()}destroy(){const e=this;e.emit("local::beforeDestroy autocompleteBeforeDestroy",e),e.detachEvents(),e.$inputEl&&e.$inputEl[0]&&delete e.$inputEl[0].f7Autocomplete,e.$openerEl&&e.$openerEl[0]&&delete e.$openerEl[0].f7Autocomplete,m(e),e.destroyed=!0}}var v={name:"autocomplete",params:{autocomplete:{openerEl:void 0,inputEl:void 0,view:void 0,dropdownContainerEl:void 0,dropdownPlaceholderText:void 0,typeahead:!1,highlightMatches:!0,updateInputValueOnSelect:!0,inputEvents:"input",value:void 0,multiple:!1,source:void 0,limit:void 0,valueProperty:"id",textProperty:"text",openIn:"page",pageBackLinkText:"Back",popupCloseLinkText:"Close",pageTitle:void 0,searchbarPlaceholder:"Search...",searchbarDisableText:"Cancel",searchbarDisableButton:!0,searchbarSpellcheck:!1,popupPush:!1,popupSwipeToClose:void 0,animate:!0,autoFocus:!1,closeOnSelect:!1,notFoundText:"Nothing found",requestSourceOnOpen:!1,preloaderColor:void 0,preloader:!1,formColorTheme:void 0,navbarColorTheme:void 0,routableModals:!1,url:"select/",renderDropdown:void 0,renderPage:void 0,renderPopup:void 0,renderItem:void 0,renderSearchbar:void 0,renderNavbar:void 0}},static:{Autocomplete:h},create(){const e=this;e.autocomplete=s(n({defaultSelector:void 0,constructor:h,app:e,domProp:"f7Autocomplete"}),{open(o){const t=e.autocomplete.get(o);if(t&&t.open)return t.open()},close(o){const t=e.autocomplete.get(o);if(t&&t.close)return t.close()}})}};if(o){if(e.prototype.modules&&e.prototype.modules[v.name])return;e.use(v),e.instance&&(e.instance.useModuleParams(v,e.instance.params),e.instance.useModule(v))}return v}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);e.$;var o=e.utils,s=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,o.bindMethods);const r={};var a={name:"breadrumbs",create(){s(this,{breadrumbs:r})}};if(t){if(e.prototype.modules&&e.prototype.modules[a.name])return;e.use(a),e.instance&&(e.instance.useModuleParams(a,e.instance.params),e.instance.useModule(a))}return a}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var t=e.$,n=e.utils,r=e.getDevice,o=e.getSupport,l=e.Class,s=(e.Modal,e.ConstructorMethods),i=(e.ModalMethods,e.$jsx),c=n.extend,d=n.nextTick,m=n.deleteProps;class h extends l{constructor(e,a){void 0===a&&(a={}),super(a,[e]);const n=this;let r,l;if(n.params=c({},e.params.calendar,a),n.params.containerEl&&(r=t(n.params.containerEl),0===r.length))return n;n.params.inputEl&&(l=t(n.params.inputEl));const s="horizontal"===n.params.direction;let i=1;s&&(i=e.rtl?-1:1),c(n,{app:e,$containerEl:r,containerEl:r&&r[0],inline:r&&r.length>0,$inputEl:l,inputEl:l&&l[0],initialized:!1,opened:!1,url:n.params.url,isHorizontal:s,inverter:i,animating:!1,allowTouchMove:!0,hasTimePicker:n.params.timePicker&&!n.params.rangePicker&&!n.params.multiple}),n.dayFormatter=e=>new Intl.DateTimeFormat(n.params.locale,{day:"numeric"}).format(e).replace(/日/,""),n.monthFormatter=e=>new Intl.DateTimeFormat(n.params.locale,{month:"long"}).format(e),n.yearFormatter=e=>new Intl.DateTimeFormat(n.params.locale,{year:"numeric"}).format(e),n.timeSelectorFormatter=e=>new Intl.DateTimeFormat(n.params.locale,n.params.timePickerFormat).format(e);const d=n.timeSelectorFormatter(new Date).toLowerCase();n.is12HoursFormat=d.indexOf("pm")>=0||d.indexOf("am")>=0;let{monthNames:m,monthNamesShort:h,dayNames:p,dayNamesShort:u}=n.params;const{monthNamesIntl:v,monthNamesShortIntl:g,dayNamesIntl:f,dayNamesShortIntl:k}=n.getIntlNames();function y(){n.open()}function P(e){e.preventDefault()}function $(){n.setValue([]),n.opened&&n.update()}function M(e){const a=t(e.target);!n.destroyed&&n.params&&(n.isPopover()||n.opened&&!n.closing&&(a.closest('[class*="backdrop"]').length||n.monthPickerPopover||n.yearPickerPopover||n.timePickerPopover||(l&&l.length>0?a[0]!==l[0]&&0===a.closest(".sheet-modal, .calendar-modal").length&&n.close():0===t(e.target).closest(".sheet-modal, .calendar-modal").length&&n.close())))}return"auto"===m&&(m=v),"auto"===h&&(h=g),"auto"===p&&(p=f),"auto"===u&&(u=k),c(n,{monthNames:m,monthNamesShort:h,dayNames:p,dayNamesShort:u}),c(n,{attachInputEvents(){n.$inputEl.on("click",y),n.$inputEl.on("input:clear",$),n.params.inputReadOnly&&(n.$inputEl.on("focus mousedown",P),n.$inputEl[0]&&(n.$inputEl[0].f7ValidateReadonly=!0))},detachInputEvents(){n.$inputEl.off("click",y),n.$inputEl.off("input:clear",$),n.params.inputReadOnly&&(n.$inputEl.off("focus mousedown",P),n.$inputEl[0]&&delete n.$inputEl[0].f7ValidateReadonly)},attachHtmlEvents(){e.on("click",M)},detachHtmlEvents(){e.off("click",M)}}),n.attachCalendarEvents=function(){let a,r,l,s,i,c,d,m,h,p,u,v,g,f,k=!0;const{$el:y,$wrapperEl:P}=n;function $(e){r||a||(a=!0,l="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,i=l,s="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,c=s,d=(new Date).getTime(),v=0,k=!0,f=void 0,h=n.monthsTranslate)}function M(e){if(!a)return;const{isHorizontal:t}=n;i="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,c="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,void 0===f&&(f=!!(f||Math.abs(c-s)>Math.abs(i-l))),t&&f||!n.allowTouchMove?a=!1:(e.preventDefault(),n.animating?a=!1:(k=!1,r||(r=!0,p=P[0].offsetWidth,u=P[0].offsetHeight,P.transition(0)),g=t?i-l:c-s,v=g/(t?p:u),h=100*(n.monthsTranslate*n.inverter+v),P.transform(`translate3d(${t?h:0}%, ${t?0:h}%, 0)`)))}function D(){if(!a||!r)return a=!1,void(r=!1);a=!1,r=!1,m=(new Date).getTime(),m-d<300?Math.abs(g)<10?n.resetMonth():g>=10?e.rtl?n.nextMonth():n.prevMonth():e.rtl?n.prevMonth():n.nextMonth():v<=-.5?e.rtl?n.prevMonth():n.nextMonth():v>=.5?e.rtl?n.nextMonth():n.prevMonth():n.resetMonth(),setTimeout((()=>{k=!0}),100)}function w(e){if(!k)return;let a=t(e.target).parents(".calendar-day");if(0===a.length&&t(e.target).hasClass("calendar-day")&&(a=t(e.target)),0===a.length)return;if(a.hasClass("calendar-day-disabled"))return;n.params.rangePicker||(a.hasClass("calendar-day-next")&&n.nextMonth(),a.hasClass("calendar-day-prev")&&n.prevMonth());const r=parseInt(a.attr("data-year"),10),o=parseInt(a.attr("data-month"),10),l=parseInt(a.attr("data-day"),10);if(n.emit("local::dayClick calendarDayClick",n,a[0],r,o,l),!a.hasClass("calendar-day-selected")||n.params.multiple||n.params.rangePicker){const e=new Date(r,o,l,0,0,0);n.hasTimePicker&&(n.value&&n.value[0]?e.setHours(n.value[0].getHours(),n.value[0].getMinutes()):e.setHours((new Date).getHours(),(new Date).getMinutes())),n.addValue(e)}n.params.closeOnSelect&&(n.params.rangePicker&&2===n.value.length||!n.params.rangePicker)&&n.close()}function T(){n.nextMonth()}function C(){n.prevMonth()}function E(){n.nextYear()}function x(){n.prevYear()}function I(){n.openMonthPicker()}function b(){n.openYearPicker()}function Y(){n.openTimePicker()}const F=!("touchstart"!==e.touchEvents.start||!o().passiveListener)&&{passive:!0,capture:!1};y.find(".calendar-prev-month-button").on("click",C),y.find(".calendar-next-month-button").on("click",T),y.find(".calendar-prev-year-button").on("click",x),y.find(".calendar-next-year-button").on("click",E),n.params.monthPicker&&y.find(".current-month-value").on("click",I),n.params.yearPicker&&y.find(".current-year-value").on("click",b),n.hasTimePicker&&y.find(".calendar-time-selector a").on("click",Y),P.on("click",w),n.params.touchMove&&(P.on(e.touchEvents.start,$,F),e.on("touchmove:active",M),e.on("touchend:passive",D)),n.detachCalendarEvents=function(){y.find(".calendar-prev-month-button").off("click",C),y.find(".calendar-next-month-button").off("click",T),y.find(".calendar-prev-year-button").off("click",x),y.find(".calendar-next-year-button").off("click",E),n.params.monthPicker&&y.find(".current-month-value").off("click",I),n.params.yearPicker&&y.find(".current-year-value").off("click",b),n.hasTimePicker&&y.find(".calendar-time-selector a").off("click",Y),P.off("click",w),n.params.touchMove&&(P.off(e.touchEvents.start,$,F),e.off("touchmove:active",M),e.off("touchend:passive",D))}},n.init(),n}get view(){const{$inputEl:e,app:a,params:t}=this;let n;return t.view?n=t.view:e&&(n=e.parents(".view").length&&e.parents(".view")[0].f7View),n||(n=a.views.main),n}getIntlNames(){const e=this,a=e.params.locale,t=[],n=[],r=[],o=[],l=new Intl.DateTimeFormat(a,{month:"long"}),s=new Intl.DateTimeFormat(a,{month:"short"}),i=new Intl.DateTimeFormat(a,{weekday:"long"}),c=new Intl.DateTimeFormat(a,{weekday:"short"});let d,m,h;for(let a=0;a<24;a+=1){const r=(new Date).setMonth(a,1),o=e.yearFormatter(r);d&&o!==d&&(m&&(h=!0),m=!0,d=o),d||(d=o),m&&d===o&&!h&&(t.push(l.format(r)),n.push(s.format(r)))}const p=(new Date).getDay();for(let e=0;e<7;e+=1){const a=(new Date).getTime()+24*(e-p)*60*60*1e3;r.push(i.format(a)),o.push(c.format(a))}return{monthNamesIntl:t,monthNamesShortIntl:n,dayNamesIntl:r,dayNamesShortIntl:o}}normalizeDate(e){const a=new Date(e);return this.hasTimePicker?new Date(a.getFullYear(),a.getMonth(),a.getDate(),a.getHours(),a.getMinutes()):new Date(a.getFullYear(),a.getMonth(),a.getDate())}normalizeValues(e){const a=this;let t=[];return e&&Array.isArray(e)&&(t=e.map((e=>a.normalizeDate(e)))),t}initInput(){const e=this;e.$inputEl&&e.params.inputReadOnly&&e.$inputEl.prop("readOnly",!0)}isPopover(){const e=this,{app:a,modal:t,params:n}=e,o=r();if("sheet"===n.openIn)return!1;if(t&&"popover"!==t.type)return!1;if(!e.inline&&e.inputEl){if("popover"===n.openIn)return!0;if(o.ios)return!!o.ipad;if(a.width>=768)return!0}return!1}formatDate(e){const a=this,t=new Date(e),n=t.getFullYear(),r=t.getMonth(),o=r+1,l=t.getDate(),s=t.getDay(),{monthNames:i,monthNamesShort:c,dayNames:d,dayNamesShort:m}=a,{dateFormat:h,locale:p}=a.params;function u(e){return e<10?`0${e}`:e}if("string"==typeof h){const e={yyyy:n,yy:String(n).substring(2),mm:u(o),m:o,MM:i[r],M:c[r],dd:u(l),d:l,DD:d[s],D:m[s]};if(a.params.timePicker){const a=t.getHours(),n=t.getMinutes(),r=t.getSeconds();let o=a;a>12&&(o=a-12),0===a&&(o=12);const l=a>=12&&0!==a?"pm":"am";Object.assign(e,{HH:u(a),H:a,hh:u(o),h:o,ss:u(r),s:r,":mm":u(n),":m":n,a:l,A:l.toUpperCase()})}const p=new RegExp(Object.keys(e).map((e=>`(${e})`)).join("|"),"g");return h.replace(p,(a=>a in e?e[a]:a))}if("function"==typeof h)return h(t);return new Intl.DateTimeFormat(p,h).format(t)}formatValue(){const e=this,{value:a}=e;return e.params.formatValue?e.params.formatValue.call(e,a):a.map((a=>e.formatDate(a))).join(e.params.rangePicker?" - ":", ")}addValue(e){const a=this,{multiple:t,rangePicker:n,rangePickerMinDays:r,rangePickerMaxDays:o}=a.params;if(t){let t;a.value||(a.value=[]);for(let n=0;n<a.value.length;n+=1)new Date(e).getTime()===new Date(a.value[n]).getTime()&&(t=n);void 0===t?a.value.push(e):a.value.splice(t,1),a.updateValue()}else n?(a.value||(a.value=[]),2!==a.value.length&&0!==a.value.length||(a.value=[]),0===a.value.length||Math.abs(a.value[0].getTime()-e.getTime())>=60*(r-1)*60*24*1e3&&(0===o||Math.abs(a.value[0].getTime()-e.getTime())<=60*(o-1)*60*24*1e3)?a.value.push(e):a.value=[],a.value.sort(((e,a)=>e-a)),a.updateValue()):(a.value=[e],a.updateValue())}setValue(e){const a=this,t=a.value;if(Array.isArray(t)&&Array.isArray(e)&&t.length===e.length){let a=!0;if(t.forEach(((t,n)=>{t!==e[n]&&(a=!1)})),a)return}a.value=e,a.updateValue()}getValue(){return this.value}updateValue(e){const a=this,{$el:t,$wrapperEl:n,$inputEl:r,value:o,params:l}=a;let s;if(t&&t.length>0){let e;if(n.find(".calendar-day-selected").removeClass("calendar-day-selected calendar-day-selected-range calendar-day-selected-left calendar-day-selected-right"),l.rangePicker&&2===o.length){const a=new Date(o[0]).getTime(),t=new Date(o[1]).getTime();for(s=a;s<=t;s+=864e5){e=new Date(s);let r="calendar-day-selected";a!==t&&(s!==a&&s!==t&&(r+=" calendar-day-selected-range"),s===a&&(r+=" calendar-day-selected-left"),s===t&&(r+=" calendar-day-selected-right")),n.find(`.calendar-day[data-date="${e.getFullYear()}-${e.getMonth()}-${e.getDate()}"]`).addClass(r)}e=new Date(a),n.find(`.calendar-day[data-date="${e.getFullYear()}-${e.getMonth()}-${e.getDate()}"]`).removeClass("calendar-day-selected-range").addClass("calendar-day-selected calendar-day-selected-left"),e=new Date(t),n.find(`.calendar-day[data-date="${e.getFullYear()}-${e.getMonth()}-${e.getDate()}"]`).removeClass("calendar-day-selected-range").addClass("calendar-day-selected calendar-day-selected-right")}else for(s=0;s<a.value.length;s+=1)e=new Date(o[s]),n.find(`.calendar-day[data-date="${e.getFullYear()}-${e.getMonth()}-${e.getDate()}"]`).addClass("calendar-day-selected")}if(e||a.emit("local::change calendarChange",a,o),t&&t.length>0&&a.hasTimePicker&&t.find(".calendar-time-selector a").text(o&&o.length?a.timeSelectorFormatter(o[0]):a.params.timePickerPlaceholder),r&&r.length||l.header){const n=a.formatValue(o);l.header&&t&&t.length&&t.find(".calendar-selected-date").text(n),r&&r.length&&!e&&(r.val(n),r.trigger("change"))}}updateCurrentMonthYear(e){const a=this,{$months:t,$el:n,monthNames:r}=a;let o,l;void 0===e?(a.currentMonth=parseInt(t.eq(1).attr("data-month"),10),a.currentYear=parseInt(t.eq(1).attr("data-year"),10),o=t.eq(1).attr("data-locale-month"),l=t.eq(1).attr("data-locale-year")):(a.currentMonth=parseInt(t.eq("next"===e?t.length-1:0).attr("data-month"),10),a.currentYear=parseInt(t.eq("next"===e?t.length-1:0).attr("data-year"),10),o=t.eq("next"===e?t.length-1:0).attr("data-locale-month"),l=t.eq("next"===e?t.length-1:0).attr("data-locale-year")),n.find(".current-month-value").text(r[o]),n.find(".current-year-value").text(l)}update(){const e=this,{currentYear:a,currentMonth:t,$wrapperEl:n}=e,r=new Date(a,t),o=e.renderMonth(r,"prev"),l=e.renderMonth(r),s=e.renderMonth(r,"next");n.transition(0).html(`${o}${l}${s}`).transform("translate3d(0,0,0)"),e.$months=n.find(".calendar-month"),e.monthsTranslate=0,e.setMonthsTranslate(),e.$months.each((a=>{e.emit("local::monthAdd calendarMonthAdd",a)}))}onMonthChangeStart(e){const a=this,{$months:t,currentYear:n,currentMonth:r}=a;a.updateCurrentMonthYear(e),t.removeClass("calendar-month-current calendar-month-prev calendar-month-next");const o="next"===e?t.length-1:0;t.eq(o).addClass("calendar-month-current"),t.eq("next"===e?o-1:o+1).addClass("next"===e?"calendar-month-prev":"calendar-month-next"),a.emit("local::monthYearChangeStart calendarMonthYearChangeStart",a,n,r)}onMonthChangeEnd(e,a){const t=this,{currentYear:n,currentMonth:r,$wrapperEl:o,monthsTranslate:l}=t;let s,i,c;t.animating=!1,o.find(".calendar-month:not(.calendar-month-prev):not(.calendar-month-current):not(.calendar-month-next)").remove(),void 0===e&&(e="next",a=!0),a?(o.find(".calendar-month-next, .calendar-month-prev").remove(),i=t.renderMonth(new Date(n,r),"prev"),s=t.renderMonth(new Date(n,r),"next")):c=t.renderMonth(new Date(n,r),e),("next"===e||a)&&o.append(c||s),("prev"===e||a)&&o.prepend(c||i);const d=o.find(".calendar-month");t.$months=d,t.setMonthsTranslate(l),t.emit("local::monthAdd calendarMonthAdd",t,"next"===e?d.eq(d.length-1)[0]:d.eq(0)[0]),t.emit("local::monthYearChangeEnd calendarMonthYearChangeEnd",t,n,r)}setMonthsTranslate(e){const a=this,{$months:t,isHorizontal:n,inverter:r}=a;e=e||a.monthsTranslate||0,void 0===a.monthsTranslate&&(a.monthsTranslate=e),t.removeClass("calendar-month-current calendar-month-prev calendar-month-next");const o=100*-(e+1)*r,l=100*-e*r,s=100*-(e-1)*r;t.eq(0).transform(`translate3d(${n?o:0}%, ${n?0:o}%, 0)`).addClass("calendar-month-prev"),t.eq(1).transform(`translate3d(${n?l:0}%, ${n?0:l}%, 0)`).addClass("calendar-month-current"),t.eq(2).transform(`translate3d(${n?s:0}%, ${n?0:s}%, 0)`).addClass("calendar-month-next")}nextMonth(e){const a=this,{params:n,$wrapperEl:r,inverter:o,isHorizontal:l}=a;void 0!==e&&"object"!=typeof e||(e="",n.animate||(e=0));const s=parseInt(a.$months.eq(a.$months.length-1).attr("data-month"),10),i=parseInt(a.$months.eq(a.$months.length-1).attr("data-year"),10),c=new Date(i,s).getTime(),d=!a.animating;if(n.maxDate&&c>new Date(n.maxDate).getTime())return void a.resetMonth();if(a.monthsTranslate-=1,s===a.currentMonth){const e=100*-a.monthsTranslate*o,n=t(a.renderMonth(c,"next")).transform(`translate3d(${l?e:0}%, ${l?0:e}%, 0)`).addClass("calendar-month-next");r.append(n[0]),a.$months=r.find(".calendar-month"),a.emit("local::monthAdd calendarMonthAdd",a.$months.eq(a.$months.length-1)[0])}a.animating=!0,a.onMonthChangeStart("next");const m=100*a.monthsTranslate*o;r.transition(e).transform(`translate3d(${l?m:0}%, ${l?0:m}%, 0)`),d&&r.transitionEnd((()=>{a.onMonthChangeEnd("next")})),n.animate||a.onMonthChangeEnd("next")}prevMonth(e){const a=this,{params:n,$wrapperEl:r,inverter:o,isHorizontal:l}=a;void 0!==e&&"object"!=typeof e||(e="",n.animate||(e=0));const s=parseInt(a.$months.eq(0).attr("data-month"),10),i=parseInt(a.$months.eq(0).attr("data-year"),10),c=new Date(i,s+1,-1).getTime(),d=!a.animating;if(n.minDate){let e=new Date(n.minDate);if(e=new Date(e.getFullYear(),e.getMonth(),1),c<e.getTime())return void a.resetMonth()}if(a.monthsTranslate+=1,s===a.currentMonth){const e=100*-a.monthsTranslate*o,n=t(a.renderMonth(c,"prev")).transform(`translate3d(${l?e:0}%, ${l?0:e}%, 0)`).addClass("calendar-month-prev");r.prepend(n[0]),a.$months=r.find(".calendar-month"),a.emit("local::monthAdd calendarMonthAdd",a.$months.eq(0)[0])}a.animating=!0,a.onMonthChangeStart("prev");const m=100*a.monthsTranslate*o;r.transition(e).transform(`translate3d(${l?m:0}%, ${l?0:m}%, 0)`),d&&r.transitionEnd((()=>{a.onMonthChangeEnd("prev")})),n.animate||a.onMonthChangeEnd("prev")}resetMonth(e){void 0===e&&(e="");const{$wrapperEl:a,inverter:t,isHorizontal:n,monthsTranslate:r}=this,o=100*r*t;a.transition(e).transform(`translate3d(${n?o:0}%, ${n?0:o}%, 0)`)}setYearMonth(e,a,t){const n=this,{params:r,isHorizontal:o,$wrapperEl:l,inverter:s}=n;let i;if(void 0===e&&(e=n.currentYear),void 0===a&&(a=n.currentMonth),void 0!==t&&"object"!=typeof t||(t="",r.animate||(t=0)),i=e<n.currentYear?new Date(e,a+1,-1).getTime():new Date(e,a).getTime(),r.maxDate&&i>new Date(r.maxDate).getTime())return!1;if(r.minDate){let e=new Date(r.minDate);if(e=new Date(e.getFullYear(),e.getMonth(),1),i<e.getTime())return!1}const c=new Date(n.currentYear,n.currentMonth).getTime(),d=i>c?"next":"prev",m=n.renderMonth(new Date(e,a));n.monthsTranslate=n.monthsTranslate||0;const h=n.monthsTranslate;let p;const u=!n.animating&&0!==t;i>c?(n.monthsTranslate-=1,n.animating||n.$months.eq(n.$months.length-1).remove(),l.append(m),n.$months=l.find(".calendar-month"),p=100*-(h-1)*s,n.$months.eq(n.$months.length-1).transform(`translate3d(${o?p:0}%, ${o?0:p}%, 0)`).addClass("calendar-month-next")):(n.monthsTranslate+=1,n.animating||n.$months.eq(0).remove(),l.prepend(m),n.$months=l.find(".calendar-month"),p=100*-(h+1)*s,n.$months.eq(0).transform(`translate3d(${o?p:0}%, ${o?0:p}%, 0)`).addClass("calendar-month-prev")),n.emit("local::monthAdd calendarMonthAdd","next"===d?n.$months.eq(n.$months.length-1)[0]:n.$months.eq(0)[0]),n.animating=!0,n.onMonthChangeStart(d);const v=100*n.monthsTranslate*s;l.transition(t).transform(`translate3d(${o?v:0}%, ${o?0:v}%, 0)`),u&&l.transitionEnd((()=>{n.onMonthChangeEnd(d,!0)})),r.animate&&0!==t||n.onMonthChangeEnd(d,!0)}nextYear(){this.setYearMonth(this.currentYear+1)}prevYear(){this.setYearMonth(this.currentYear-1)}dateInRange(e,a){let t,n=!1;if(!a)return!1;if(Array.isArray(a))for(t=0;t<a.length;t+=1)a[t].from||a[t].to?a[t].from&&a[t].to?e<=new Date(a[t].to).getTime()&&e>=new Date(a[t].from).getTime()&&(n=!0):a[t].from?e>=new Date(a[t].from).getTime()&&(n=!0):a[t].to&&e<=new Date(a[t].to).getTime()&&(n=!0):a[t].date?e===new Date(a[t].date).getTime()&&(n=!0):e===new Date(a[t]).getTime()&&(n=!0);else a.from||a.to?a.from&&a.to?e<=new Date(a.to).getTime()&&e>=new Date(a.from).getTime()&&(n=!0):a.from?e>=new Date(a.from).getTime()&&(n=!0):a.to&&e<=new Date(a.to).getTime()&&(n=!0):a.date?n=e===new Date(a.date).getTime():"function"==typeof a&&(n=a(new Date(e)));return n}daysInMonth(e){const a=new Date(e);return new Date(a.getFullYear(),a.getMonth()+1,0).getDate()}renderMonths(e){const a=this;return a.params.renderMonths?a.params.renderMonths.call(a,e):i("div",{class:"calendar-months-wrapper"},a.renderMonth(e,"prev"),a.renderMonth(e),a.renderMonth(e,"next"))}renderMonth(e,a){const t=this,{params:n,value:r}=t;if(n.renderMonth)return n.renderMonth.call(t,e,a);let o=new Date(e),l=o.getFullYear(),s=o.getMonth(),i=t.monthNames.indexOf(t.monthFormatter(o));i<0&&(i=s);let c=t.yearFormatter(o);"next"===a&&(o=11===s?new Date(l+1,0):new Date(l,s+1,1)),"prev"===a&&(o=0===s?new Date(l-1,11):new Date(l,s-1,1)),"next"!==a&&"prev"!==a||(s=o.getMonth(),l=o.getFullYear(),i=t.monthNames.indexOf(t.monthFormatter(o)),i<0&&(i=s),c=t.yearFormatter(o));const d=[],m=(new Date).setHours(0,0,0,0),h=n.minDate?new Date(n.minDate).getTime():null,p=n.maxDate?new Date(n.maxDate).getTime():null,u=t.daysInMonth(new Date(o.getFullYear(),o.getMonth()).getTime()-864e6),v=t.daysInMonth(o),g=6===n.firstDay?0:1;let f,k,y="",P=n.firstDay-1+0,$=new Date(o.getFullYear(),o.getMonth()).getDay();if(0===$&&($=7),r&&r.length)for(let e=0;e<r.length;e+=1)d.push(new Date(r[e]).setHours(0,0,0,0));for(let e=1;e<=6;e+=1){let a="";for(let r=1;r<=7;r+=1){let o;P+=1;let i=P-$,c="";1===e&&1===r&&i>g&&1!==n.firstDay&&(P-=7,i=P-$);const y=r-1+n.firstDay>6?r-1-7+n.firstDay:r-1+n.firstDay;i<0?(i=u+i+1,c+=" calendar-day-prev",o=new Date(s-1<0?l-1:l,s-1<0?11:s-1,i).getTime()):(i+=1,i>v?(i-=v,c+=" calendar-day-next",o=new Date(s+1>11?l+1:l,s+1>11?0:s+1,i).getTime()):o=new Date(l,s,i).getTime()),o===m&&(c+=" calendar-day-today"),n.rangePicker&&2===d.length?(o>=d[0]&&o<=d[1]&&(c+=" calendar-day-selected"),d[0]!==d[1]&&(o>d[0]&&o<d[1]&&(c+=" calendar-day-selected-range"),o===d[0]&&(c+=" calendar-day-selected-left"),o===d[1]&&(c+=" calendar-day-selected-right"))):d.indexOf(o)>=0&&(c+=" calendar-day-selected"),n.weekendDays.indexOf(y)>=0&&(c+=" calendar-day-weekend");let M="";if(k=!1,n.events&&t.dateInRange(o,n.events)&&(k=!0),k&&(c+=" calendar-day-has-events",M='\n <span class="calendar-day-events">\n <span class="calendar-day-event"></span>\n </span>\n ',Array.isArray(n.events))){const e=[];n.events.forEach((a=>{const n=a.color||"";e.indexOf(n)<0&&t.dateInRange(o,a)&&e.push(n)})),M=`\n <span class="calendar-day-events">\n ${e.map((e=>`\n <span class="calendar-day-event" style="${e?`background-color: ${e}`:""}"></span>\n `.trim())).join("")}\n </span>\n `}if(n.rangesClasses)for(let e=0;e<n.rangesClasses.length;e+=1)t.dateInRange(o,n.rangesClasses[e].range)&&(c+=` ${n.rangesClasses[e].cssClass}`);f=!1,(h&&o<h||p&&o>p)&&(f=!0),n.disabled&&t.dateInRange(o,n.disabled)&&(f=!0),f&&(c+=" calendar-day-disabled"),o=new Date(o);const D=o.getFullYear(),w=o.getMonth();a+=`\n <div data-year="${D}" data-month="${w}" data-day="${i}" class="calendar-day${c}" data-date="${D}-${w}-${i}">\n <span class="calendar-day-number">${t.dayFormatter(o)}${M}</span>\n </div>`.trim()}y+=`<div class="calendar-row">${a}</div>`}return y=`<div class="calendar-month" data-year="${l}" data-month="${s}" data-locale-year="${c}" data-locale-month="${i}">${y}</div>`,y}renderWeekHeader(){const e=this;if(e.params.renderWeekHeader)return e.params.renderWeekHeader.call(e);const{params:a}=e;let t="";for(let n=0;n<7;n+=1){const r=n+a.firstDay>6?n-7+a.firstDay:n+a.firstDay;t+=`<div class="calendar-week-day">${e.dayNamesShort[r]}</div>`}return i("div",{class:"calendar-week-header"},t)}renderMonthSelector(){const e=this;return e.params.renderMonthSelector?e.params.renderMonthSelector.call(e):i("div",{class:"calendar-month-selector"},i("a",{class:"link icon-only calendar-prev-month-button"},i("i",{class:"icon icon-prev"})),e.params.monthPicker?i("a",{class:"current-month-value link"}):i("span",{class:"current-month-value"}),i("a",{class:"link icon-only calendar-next-month-button"},i("i",{class:"icon icon-next"})))}renderYearSelector(){const e=this;return e.params.renderYearSelector?e.params.renderYearSelector.call(e):i("div",{class:"calendar-year-selector"},i("a",{class:"link icon-only calendar-prev-year-button"},i("i",{class:"icon icon-prev"})),e.params.yearPicker?i("a",{class:"current-year-value link"}):i("span",{class:"current-year-value"}),i("a",{class:"link icon-only calendar-next-year-button"},i("i",{class:"icon icon-next"})))}renderTimeSelector(){const e=this,a=e.value&&e.value[0];let t;return a&&(t=e.timeSelectorFormatter(a)),i("div",{class:"calendar-time-selector"},i("span",null,e.params.timePickerLabel),i("a",{class:"link"},t||e.params.timePickerPlaceholder))}renderHeader(){const e=this;return e.params.renderHeader?e.params.renderHeader.call(e):i("div",{class:"calendar-header"},i("div",{class:"calendar-selected-date"},e.params.headerPlaceholder))}renderFooter(){const e=this,a=e.app;return e.params.renderFooter?e.params.renderFooter.call(e):i("div",{class:"calendar-footer"},i("a",{class:("md"===a.theme?"button button-round":"link")+" calendar-close sheet-close popover-close"},e.params.toolbarCloseText))}renderToolbar(){const e=this;return e.params.renderToolbar?e.params.renderToolbar.call(e,e):i("div",{class:"toolbar toolbar-top"},i("div",{class:"toolbar-inner"},e.params.monthSelector?e.renderMonthSelector():"",e.params.yearSelector?e.renderYearSelector():""))}renderInline(){const e=this,{cssClass:a,toolbar:t,header:n,footer:r,rangePicker:o,weekHeader:l}=e.params,{value:s,hasTimePicker:c}=e,d=s&&s.length?s[0]:(new Date).setHours(0,0,0);return i("div",{class:`calendar calendar-inline ${o?"calendar-range":""} ${a||""}`},n&&e.renderHeader(),t&&e.renderToolbar(),l&&e.renderWeekHeader(),i("div",{class:"calendar-months"},e.renderMonths(d)),c&&e.renderTimeSelector(),r&&e.renderFooter())}renderCustomModal(){const e=this,{cssClass:a,toolbar:t,header:n,footer:r,rangePicker:o,weekHeader:l}=e.params,{value:s,hasTimePicker:c}=e,d=s&&s.length?s[0]:(new Date).setHours(0,0,0);return i("div",{class:`calendar calendar-modal ${o?"calendar-range":""} ${a||""}`},n&&e.renderHeader(),t&&e.renderToolbar(),l&&e.renderWeekHeader(),i("div",{class:"calendar-months"},e.renderMonths(d)),c&&e.renderTimeSelector(),r&&e.renderFooter())}renderSheet(){const e=this,{cssClass:a,toolbar:t,header:n,footer:r,rangePicker:o,weekHeader:l}=e.params,{value:s,hasTimePicker:c}=e,d=s&&s.length?s[0]:(new Date).setHours(0,0,0);return i("div",{class:`sheet-modal calendar calendar-sheet ${o?"calendar-range":""} ${a||""}`},n&&e.renderHeader(),t&&e.renderToolbar(),l&&e.renderWeekHeader(),i("div",{class:"sheet-modal-inner calendar-months"},e.renderMonths(d)),c&&e.renderTimeSelector(),r&&e.renderFooter())}renderPopover(){const e=this,{cssClass:a,toolbar:t,header:n,footer:r,rangePicker:o,weekHeader:l}=e.params,{value:s,hasTimePicker:c}=e,d=s&&s.length?s[0]:(new Date).setHours(0,0,0);return i("div",{class:"popover calendar-popover"},i("div",{class:"popover-inner"},i("div",{class:`calendar ${o?"calendar-range":""} ${a||""}`},n&&e.renderHeader(),t&&e.renderToolbar(),l&&e.renderWeekHeader(),i("div",{class:"calendar-months"},e.renderMonths(d)),c&&e.renderTimeSelector(),r&&e.renderFooter())))}render(){const e=this,{params:a}=e;if(a.render)return a.render.call(e);if(!e.inline){let t=a.openIn;return"auto"===t&&(t=e.isPopover()?"popover":"sheet"),"popover"===t?e.renderPopover():"sheet"===t?e.renderSheet():e.renderCustomModal()}return e.renderInline()}openMonthPicker(){const e=this,{$el:a,app:t}=e;if(!a||!a.length)return;a.append('<div class="popover calendar-popover calendar-month-picker-popover"><div class="popover-inner"><div class="calendar-month-picker"></div></div></div>'),e.monthPickerPopover=t.popover.create({el:a.find(".calendar-month-picker-popover"),targetEl:a.find(".calendar-month-selector"),backdrop:!0,backdropUnique:!0,on:{close(){e.closeMonthPicker()},closed(){e.monthPickerPopover.$el&&e.monthPickerPopover.$el.remove(),e.monthPickerPopover.destroy(),e.monthPickerInstance&&(e.monthPickerInstance.close(),e.monthPickerInstance.destroy()),delete e.monthPickerInstance,delete e.monthPickerPopover}}}),e.monthPickerPopover.open();const n=parseInt(e.$el.find(".calendar-month-current").attr("data-locale-month"),10),r=[],o=[];e.monthNames.forEach(((e,a)=>{r.push(a),o.push(e)})),e.monthPickerInstance=t.picker.create({containerEl:e.monthPickerPopover.$el.find(".calendar-month-picker"),value:[n],toolbar:e.params.monthPickerToolbar,rotateEffect:!1,toolbarCloseText:e.params.monthPickerCloseText,cols:[{values:r,displayValues:o}]})}closeMonthPicker(){const e=this;e.monthPickerPopover&&e.monthPickerPopover.opened&&e.monthPickerPopover.close();const a=e.monthPickerInstance.value[0]-(parseInt(e.$el.find(".calendar-month-current").attr("data-locale-month"),10)-e.currentMonth);e.setYearMonth(e.currentYear,a,0)}openYearPicker(){const e=this,{$el:a,app:t}=e;if(!a||!a.length)return;a.append('<div class="popover calendar-popover calendar-year-picker-popover"><div class="popover-inner"><div class="calendar-year-picker"></div></div></div>'),e.yearPickerPopover=t.popover.create({el:a.find(".calendar-year-picker-popover"),targetEl:a.find(".calendar-year-selector"),backdrop:!0,backdropUnique:!0,on:{close(){e.closeYearPicker()},closed(){e.yearPickerPopover.$el&&e.yearPickerPopover.$el.remove(),e.yearPickerPopover.destroy(),e.yearPickerInstance&&(e.yearPickerInstance.close(),e.yearPickerInstance.destroy()),delete e.yearPickerInstance,delete e.yearPickerPopover}}}),e.yearPickerPopover.open();const n=e.currentYear;let r=e.params.yearPickerMin||(new Date).getFullYear()-100;e.params.minDate&&(r=Math.max(r,new Date(e.params.minDate).getFullYear()));let o=e.params.yearPickerMax||(new Date).getFullYear()+100;e.params.maxDate&&(o=Math.min(o,new Date(e.params.maxDate).getFullYear()));const l=[];for(let e=r;e<=o;e+=1)l.push(e);e.yearPickerInstance=t.picker.create({containerEl:e.yearPickerPopover.$el.find(".calendar-year-picker"),value:[n],toolbar:e.params.yearPickerToolbar,rotateEffect:!1,toolbarCloseText:e.params.yearPickerCloseText,cols:[{values:l}]})}closeYearPicker(){const e=this;e.yearPickerPopover&&e.yearPickerPopover.opened&&e.yearPickerPopover.close(),e.setYearMonth(e.yearPickerInstance.value[0],void 0,0)}openTimePicker(){const e=this,{$el:a,app:t,is12HoursFormat:n}=e;if(!a||!a.length)return;a.append('<div class="popover calendar-popover calendar-time-picker-popover"><div class="popover-inner"><div class="calendar-time-picker"></div></div></div>');const r=[],o=[],l=n?12:23;for(let e=n?1:0;e<=l;e+=1)r.push(e);for(let e=0;e<=59;e+=1)o.push(e);let s;s=e.value&&e.value.length?[e.value[0].getHours(),e.value[0].getMinutes()]:[(new Date).getHours(),(new Date).getMinutes()],n&&(s.push(s[0]<12?"AM":"PM"),s[0]>12&&(s[0]-=12),0===s[0]&&(s[0]=12)),e.timePickerPopover=t.popover.create({el:a.find(".calendar-time-picker-popover"),targetEl:a.find(".calendar-time-selector .link"),backdrop:!0,backdropUnique:!0,on:{close(){e.closeTimePicker()},closed(){e.timePickerPopover.$el&&e.timePickerPopover.$el.remove(),e.timePickerPopover.destroy(),e.timePickerInstance&&(e.timePickerInstance.close(),e.timePickerInstance.destroy()),delete e.timePickerInstance,delete e.timePickerPopover}}}),e.timePickerPopover.open(),e.timePickerInstance=t.picker.create({containerEl:e.timePickerPopover.$el.find(".calendar-time-picker"),value:s,toolbar:e.params.timePickerToolbar,rotateEffect:!1,toolbarCloseText:e.params.timePickerCloseText,cols:[{values:r},{divider:!0,content:":"},{values:o,displayValues:o.map((e=>e<10?`0${e}`:e))},...n?[{values:["AM","PM"]}]:[]]})}closeTimePicker(){const e=this,{is12HoursFormat:a}=e;if(e.timePickerInstance){const t=e.timePickerInstance.value;let n=parseInt(t[0],10);const r=parseInt(t[1],10),o=e.timePickerInstance.value[2];a&&("AM"===o&&12===n?n=0:"PM"===o&&12!==n&&(n+=12));let l=e.value&&e.value.length&&e.value[0];l?(l=new Date(l),l.setHours(n,r)):(l=new Date,l.setHours(n,r,0,0)),e.setValue([l]),e.timePickerPopover&&e.timePickerPopover.opened&&e.timePickerPopover.close()}}onOpen(){const e=this,{initialized:a,$el:t,app:n,$inputEl:r,inline:o,value:l,params:s}=e;e.closing=!1,e.opened=!0,e.opening=!0,e.attachCalendarEvents();const i=!l&&s.value;a?l&&e.setValue(l,0):l?e.setValue(l,0):s.value&&e.setValue(e.normalizeValues(s.value),0),e.updateCurrentMonthYear(),e.monthsTranslate=0,e.setMonthsTranslate(),i?e.updateValue():s.header&&l&&e.updateValue(!0),!o&&r&&r.length&&"md"===n.theme&&r.trigger("focus"),e.initialized=!0,e.$months.each((a=>{e.emit("local::monthAdd calendarMonthAdd",a)})),t&&t.trigger("calendar:open"),r&&r.trigger("calendar:open"),e.emit("local::open calendarOpen",e)}onOpened(){const e=this;e.opening=!1,e.$el&&e.$el.trigger("calendar:opened"),e.$inputEl&&e.$inputEl.trigger("calendar:opened"),e.emit("local::opened calendarOpened",e)}onClose(){const e=this,a=e.app;if(e.opening=!1,e.closing=!0,e.$inputEl)if("md"===a.theme)e.$inputEl.trigger("blur");else{const t=e.$inputEl.attr("validate"),n=e.$inputEl.attr("required");t&&n&&a.input.validate(e.$inputEl)}e.detachCalendarEvents&&e.detachCalendarEvents(),e.$el&&e.$el.trigger("calendar:close"),e.$inputEl&&e.$inputEl.trigger("calendar:close"),e.emit("local::close calendarClose",e)}onClosed(){const e=this;e.opened=!1,e.closing=!1,e.inline||d((()=>{e.modal&&e.modal.el&&e.modal.destroy&&(e.params.routableModals||e.modal.destroy()),delete e.modal})),e.timePickerInstance&&(e.timePickerInstance.destroy&&e.timePickerInstance.destroy(),delete e.timePickerInstance),e.$el&&e.$el.trigger("calendar:closed"),e.$inputEl&&e.$inputEl.trigger("calendar:closed"),e.emit("local::closed calendarClosed",e)}open(){const e=this,{app:a,opened:n,inline:r,$inputEl:o,params:l}=e;if(n)return;if(r)return e.$el=t(e.render()),e.$el[0].f7Calendar=e,e.$wrapperEl=e.$el.find(".calendar-months-wrapper"),e.$months=e.$wrapperEl.find(".calendar-month"),e.$containerEl.append(e.$el),e.onOpen(),void e.onOpened();let s=l.openIn;"auto"===s&&(s=e.isPopover()?"popover":"sheet");const i=e.render(),c={targetEl:o,scrollToEl:l.scrollToInput?o:void 0,content:i,backdrop:!0===l.backdrop||("popover"===s||"customModal"===s)&&!1!==a.params.popover.backdrop&&!1!==l.backdrop,closeByBackdropClick:l.closeByBackdropClick,on:{open(){const a=this;e.modal=a,e.$el="popover"===s?a.$el.find(".calendar"):a.$el,e.$wrapperEl=e.$el.find(".calendar-months-wrapper"),e.$months=e.$wrapperEl.find(".calendar-month"),e.$el[0].f7Calendar=e,"customModal"===s&&t(e.$el).find(".calendar-close").once("click",(()=>{e.close()})),e.onOpen()},opened(){e.onOpened()},close(){e.onClose()},closed(){e.onClosed()}}};"sheet"===s&&(c.push=l.sheetPush,c.swipeToClose=l.sheetSwipeToClose),l.routableModals&&e.view?e.view.router.navigate({url:e.url,route:{path:e.url,[s]:c}}):(e.modal=a[s].create(c),e.modal.open())}close(){const e=this,{opened:a,inline:t}=e;if(a)return t?(e.onClose(),void e.onClosed()):void(e.params.routableModals&&e.view?e.view.router.back():e.modal.close())}init(){const e=this;if(e.initInput(),e.inline)return e.open(),void e.emit("local::init calendarInit",e);!e.initialized&&e.params.value&&e.setValue(e.normalizeValues(e.params.value)),e.$inputEl&&e.attachInputEvents(),e.params.closeByOutsideClick&&e.attachHtmlEvents(),e.emit("local::init calendarInit",e)}destroy(){const e=this;if(e.destroyed)return;const{$el:a}=e;e.emit("local::beforeDestroy calendarBeforeDestroy",e),a&&a.trigger("calendar:beforedestroy"),e.close(),e.$inputEl&&e.detachInputEvents(),e.params.closeByOutsideClick&&e.detachHtmlEvents(),e.timePickerInstance&&(e.timePickerInstance.destroy&&e.timePickerInstance.destroy(),delete e.timePickerInstance),a&&a.length&&delete e.$el[0].f7Calendar,m(e),e.destroyed=!0}}var p={name:"calendar",static:{Calendar:h},create(){const e=this;e.calendar=s({defaultSelector:".calendar",constructor:h,app:e,domProp:"f7Calendar"}),e.calendar.close=function(e){void 0===e&&(e=".calendar");const a=t(e);if(0===a.length)return;const n=a[0].f7Calendar;!n||n&&!n.opened||n.close()}},params:{calendar:{dateFormat:void 0,monthNames:"auto",monthNamesShort:"auto",dayNames:"auto",dayNamesShort:"auto",locale:void 0,firstDay:1,weekendDays:[0,6],multiple:!1,rangePicker:!1,rangePickerMinDays:1,rangePickerMaxDays:0,direction:"horizontal",minDate:null,maxDate:null,disabled:null,events:null,rangesClasses:null,touchMove:!0,animate:!0,closeOnSelect:!1,monthSelector:!0,monthPicker:!0,monthPickerToolbar:!0,monthPickerCloseText:"Done",yearSelector:!0,yearPicker:!0,yearPickerToolbar:!0,yearPickerMin:void 0,yearPickerMax:void 0,yearPickerCloseText:"Done",timePicker:!1,timePickerToolbar:!0,timePickerLabel:"Time",timePickerFormat:{hour:"numeric",minute:"numeric"},timePickerPlaceholder:"Select time",timePickerCloseText:"Done",weekHeader:!0,value:null,containerEl:null,openIn:"auto",sheetPush:!1,sheetSwipeToClose:void 0,formatValue:null,inputEl:null,inputReadOnly:!0,closeByOutsideClick:!0,scrollToInput:!0,header:!1,headerPlaceholder:"Select date",toolbar:!0,toolbarCloseText:"Done",footer:!1,cssClass:null,routableModals:!1,view:null,url:"date/",backdrop:null,closeByBackdropClick:!0,renderWeekHeader:null,renderMonths:null,renderMonth:null,renderMonthSelector:null,renderYearSelector:null,renderHeader:null,renderFooter:null,renderToolbar:null,renderInline:null,renderPopover:null,renderSheet:null,render:null}}};if(a){if(e.prototype.modules&&e.prototype.modules[p.name])return;e.use(p),e.instance&&(e.instance.useModuleParams(p,e.instance.params),e.instance.useModule(p))}return p}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var t=e.$,r=e.utils,n=e.getDevice,s=e.getSupport,o=(e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,r.bindMethods);const d={open(e,a){void 0===e&&(e=".card-expandable"),void 0===a&&(a=!0);const r=this,o=n(),d=s(),l=t(e).eq(0);if(!l||!l.length)return;if(l.hasClass("card-opened")||l.hasClass("card-opening")||l.hasClass("card-closing"))return;const c=l.parents(".page").eq(0);if(!c.length)return;if(c.find(".card-opened").length)return;let i;function p(){i=!0}if(l.trigger("card:beforeopen",{prevent:p}),r.emit("cardBeforeOpen",l[0],p),i)return;const h=Object.assign({animate:a},r.params.card,l.dataset()),f=l.parents(".page-content");let g,b,m;l.attr("data-backdrop-el")&&(g=t(l.attr("data-backdrop-el"))),!g&&h.backdrop&&(g=f.find(".card-backdrop"),g.length||(g=t('<div class="card-backdrop"></div>'),f.append(g))),h.hideNavbarOnOpen&&(b=c.children(".navbar"),b.length||c[0].f7Page&&(b=c[0].f7Page.$navbarEl)),h.hideToolbarOnOpen&&(m=c.children(".toolbar"),m.length||(m=c.parents(".view").children(".toolbar")),m.length||(m=c.parents(".views").children(".toolbar")));const v=l.css("transform");let u;v&&v.match(/[2-9]/)&&(u=!0);const C=l.children(".card-content"),O=t(document.createElement("div")).addClass("card-expandable-size");l.append(O);let $,x=l[0].offsetWidth,k=l[0].offsetHeight,T=c[0].offsetWidth,w=c[0].offsetHeight,E=O[0].offsetWidth||T,N=O[0].offsetHeight||w;b&&!h.hideStatusbarOnOpen&&N===w&&($=parseInt(b.css("--f7-safe-area-top"),10),Number.isNaN($)&&($=0)),$&&(N-=$);let H,M,y=E/x,B=N/k,K=l.offset(),S=c.offset();if($&&(S.top+=$/2),K.left-=S.left,u){const e=v.replace(/matrix\(|\)/g,"").split(",").map((e=>e.trim()));if(e&&e.length>1){const a=parseFloat(e[0]);H=K.left-x*(1-a)/2,M=K.top-S.top-k*(1-a)/2,r.rtl&&(H-=l[0].scrollLeft)}else H=l[0].offsetLeft,M=l[0].offsetTop-(f.length?f[0].scrollTop:0)}else H=K.left,M=K.top-S.top,r.rtl&&(H-=l[0].scrollLeft);H-=(T-E)/2,M-=(w-N)/2;let W=E-x-H;r.rtl&&([H,W]=[W,H]);let q,L,P,z,j,I,X,D,Y,F,A,G,J=N-k-M,Q=(W-H)/2,R=(J-M)/2;function U(){c.addClass("page-with-card-opened"),o.ios&&f.length&&(f.css("height",`${f[0].offsetHeight+1}px`),setTimeout((()=>{f.css("height","")}))),l.addClass("card-opened"),l.removeClass("card-opening"),l.trigger("card:opened"),r.emit("cardOpened",l[0],c[0])}function V(){l.removeClass("card-transitioning"),x=l[0].offsetWidth,k=l[0].offsetHeight,T=c[0].offsetWidth,w=c[0].offsetHeight,E=O[0].offsetWidth||T,N=O[0].offsetHeight||w,$=0,b&&!h.hideStatusbarOnOpen&&N===w&&($=parseInt(b.css("--f7-safe-area-top"),10),Number.isNaN($)&&($=0)),$&&(N-=$),y=E/x,B=N/k,l.transform("translate3d(0px, 0px, 0) scale(1)"),K=l.offset(),S=c.offset(),$&&(S.top+=$/2),K.left-=S.left,K.top-=S.top,H=K.left-(T-E)/2,r.rtl&&(H-=l[0].scrollLeft),M=K.top-(w-N)/2,W=E-x-H,J=N-k-M,r.rtl&&([H,W]=[W,H]),Q=(W-H)/2,R=(J-M)/2,l.transform(`translate3d(${r.rtl?-Q:Q}px, ${R}px, 0) scale(${y}, ${B})`),C.css({width:`${E}px`,height:`${N}px`}).transform(`translate3d(${r.rtl?H+Q:-H-Q}px, 0px, 0) scale(${1/y}, ${1/B})`)}function Z(e){t(e.target).closest(l).length&&l.hasClass("card-opened")&&(G=l.find(h.scrollableEl),q=G[0]&&G[0]!==C[0]&&!G[0].contains(e.target)?0:G.scrollTop(),L=!0,z=e.targetTouches[0].pageX,j=e.targetTouches[0].pageY,D=void 0,F=!1,A=!1)}function _(e){if(L){if(I=e.targetTouches[0].pageX,X=e.targetTouches[0].pageY,void 0===D&&(D=!!(D||Math.abs(X-j)>Math.abs(I-z))),A||F||(!D&&e.targetTouches[0].clientX<=50?A=!0:F=!0),!A&&!F||F&&0!==q)return L=!0,void(P=!0);P||l.removeClass("card-transitioning"),P=!0,Y=F?Math.max((X-j)/150,0):Math.max((I-z)/(x/2),0),(Y>0&&F||A)&&(F&&o.ios&&G[0]===C[0]&&(G.css("-webkit-overflow-scrolling","auto"),G.scrollTop(0)),e.preventDefault()),Y>1&&(Y**=.3),Y>(F?1.3:1.1)?(L=!1,P=!1,r.card.close(l)):l.transform(`translate3d(${r.rtl?-Q:Q}px, ${R}px, 0) scale(${y*(1-.2*Y)}, ${B*(1-.2*Y)})`)}}function ee(){L&&P&&(L=!1,P=!1,o.ios&&G.css("-webkit-overflow-scrolling",""),Y>=.8?r.card.close(l):l.addClass("card-transitioning").transform(`translate3d(${r.rtl?-Q:Q}px, ${R}px, 0) scale(${y}, ${B})`))}h.hideNavbarOnOpen&&b&&b.length&&(b.closest(".navbar-hidden").length?l[0].f7KeepNavbarOnClose=!0:(delete l[0].f7KeepNavbarOnClose,r.navbar.hide(b,h.animate,h.hideStatusbarOnOpen,!0))),h.hideToolbarOnOpen&&m&&m.length&&(m.closest(".toolbar-hidden").length?l[0].f7KeepToolbarOnClose=!0:(delete l[0].f7KeepToolbarOnClose,r.toolbar.hide(m,h.animate))),g&&g.removeClass("card-backdrop-out").addClass("card-backdrop-in"),l.removeClass("card-transitioning"),h.animate&&l.addClass("card-opening"),l.trigger("card:open"),r.emit("cardOpen",l[0]),C.css({width:`${E}px`,height:`${N}px`}).transform(`translate3d(${r.rtl?H+Q:-H-Q}px, 0px, 0) scale(${1/y}, ${1/B})`),l.transform(`translate3d(${r.rtl?-Q:Q}px, ${R}px, 0) scale(${y}, ${B})`),h.animate?l.transitionEnd((()=>{U()})):U(),l[0].detachEventHandlers=function(){r.off("resize",V),d.touch&&h.swipeToClose&&(r.off("touchstart:passive",Z),r.off("touchmove:active",_),r.off("touchend:passive",ee))},r.on("resize",V),d.touch&&h.swipeToClose&&(r.on("touchstart:passive",Z),r.on("touchmove:active",_),r.on("touchend:passive",ee))},close(e,a){void 0===e&&(e=".card-expandable.card-opened"),void 0===a&&(a=!0);const r=this,s=n(),o=t(e).eq(0);if(!o||!o.length)return;if(!o.hasClass("card-opened")||o.hasClass("card-opening")||o.hasClass("card-closing"))return;const d=o.children(".card-content"),l=o.parents(".page-content"),c=o.parents(".page").eq(0);if(!c.length)return;const i=Object.assign({animate:a},r.params.card,o.dataset()),p=o.find(i.scrollableEl);let h,f,g;o.attr("data-backdrop-el")&&(g=t(o.attr("data-backdrop-el"))),i.backdrop&&(g=o.parents(".page-content").find(".card-backdrop")),i.hideNavbarOnOpen&&(h=c.children(".navbar"),h.length||c[0].f7Page&&(h=c[0].f7Page.$navbarEl),h&&h.length&&!o[0].f7KeepNavbarOnClose&&r.navbar.show(h,i.animate,!0)),i.hideToolbarOnOpen&&(f=c.children(".toolbar"),f.length||(f=c.parents(".view").children(".toolbar")),f.length||(f=c.parents(".views").children(".toolbar")),f&&f.length&&!o[0].f7KeepToolbarOnClose&&r.toolbar.show(f,i.animate)),c.removeClass("page-with-card-opened"),s.ios&&l.length&&(l.css("height",`${l[0].offsetHeight+1}px`),setTimeout((()=>{l.css("height","")}))),g&&g.length&&g.removeClass("card-backdrop-in").addClass("card-backdrop-out"),o.removeClass("card-opened card-transitioning"),i.animate?o.addClass("card-closing"):o.addClass("card-no-transition"),o.transform(""),o.trigger("card:close"),r.emit("cardClose",o[0],c[0]);const b=o.hasClass("card-expandable-animate-width");function m(){b||d.css({width:"",height:""}),g&&g.length&&g.removeClass("card-backdrop-in card-backdrop-out"),o.removeClass("card-closing card-no-transition"),o.trigger("card:closed"),o.find(".card-expandable-size").remove(),r.emit("cardClosed",o[0],c[0])}b&&d.css({width:"",height:""}),d.transform("").scrollTop(0,a?300:0),p.length&&p[0]!==d[0]&&p.scrollTop(0,a?300:0),a?d.transitionEnd((()=>{m()})):m(),o[0].detachEventHandlers&&(o[0].detachEventHandlers(),delete o[0].detachEventHandlers)},toggle(e,a){void 0===e&&(e=".card-expandable");const r=this,n=t(e).eq(0);n.length&&(n.hasClass("card-opened")?r.card.close(n,a):r.card.open(n,a))}};var l={name:"card",params:{card:{hideNavbarOnOpen:!0,hideStatusbarOnOpen:!0,hideToolbarOnOpen:!0,scrollableEl:".card-content",swipeToClose:!0,closeByBackdropClick:!0,backdrop:!0}},create(){o(this,{card:d})},on:{pageBeforeIn(e){const a=this;if(a.params.card.hideNavbarOnOpen&&e.navbarEl&&e.$el.find(".card-opened.card-expandable").length&&a.navbar.hide(e.navbarEl,!0,a.params.card.hideStatusbarOnOpen,!0),a.params.card.hideToolbarOnOpen&&e.$el.find(".card-opened.card-expandable").length){let t=e.$el.children(".toolbar");t.length||(t=e.$el.parents(".view").children(".toolbar")),t.length||(t=e.$el.parents(".views").children(".toolbar")),t&&t.length&&a.toolbar.hide(t)}}},clicks:{".card-close":function(e,a){this.card.close(a.card,a.animate)},".card-open":function(e,a){this.card.open(a.card,a.animate)},".card-expandable":function(e,a,r){e.hasClass("card-opened")||e.hasClass("card-opening")||e.hasClass("card-closing")||t(r.target).closest(".card-prevent-open, .card-close").length||this.card.open(e)},".card-backdrop-in":function(){let e=!1;this.params.card.closeByBackdropClick&&(e=!0);const a=t(".card-opened");a.length&&("true"===a.attr("data-close-by-backdrop-click")?e=!0:"false"===a.attr("data-close-by-backdrop-click")&&(e=!1),e&&this.card.close(a))}}};if(a){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);e.$,e.utils,e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx;var t={name:"checkbox"};if(o){if(e.prototype.modules&&e.prototype.modules[t.name])return;e.use(t),e.instance&&(e.instance.useModuleParams(t,e.instance.params),e.instance.useModule(t))}return t}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);e.$,e.utils,e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx;var t={name:"chip"};if(o){if(e.prototype.modules&&e.prototype.modules[t.name])return;e.use(t),e.instance&&(e.instance.useModuleParams(t,e.instance.params),e.instance.useModule(t))}return t}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,r){void 0===r&&(r=!0);var l=e.$,o=e.utils,a=e.getDevice,t=e.getSupport,s=e.Class,i=(e.Modal,e.ConstructorMethods),n=(e.ModalMethods,e.$jsx),c=o.colorHsbToHsl,p=o.extend,d=o.colorRgbToHex,u=o.colorRgbToHsl,g=o.colorHslToHsb,h=o.colorHslToRgb,v=o.colorHexToRgb,b=o.nextTick,k=o.deleteProps,m={render(e){const{sliderLabel:r,sliderValue:l,sliderValueEditable:o,alphaLabelText:a}=e.params;return n("div",{class:"color-picker-module color-picker-module-alpha-slider"},n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},a),n("div",{class:"range-slider color-picker-slider color-picker-slider-alpha"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"0.01",min:"0",max:"1",class:"color-picker-value-alpha"}):n("span",{class:"color-picker-value-alpha"}))))},init(e){function r(r){const l=e.value.alpha;let o=parseFloat(r.target.value);Number.isNaN(o)?r.target.value=l:(o=Math.max(0,Math.min(1,o)),e.setValue({alpha:o}))}e.alphaRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-alpha"),min:0,max:1,step:.01,value:1,on:{change(r,l){const o=Math.floor(100*l)/100;e.setValue({alpha:o})}}}),e.$el.on("change",".color-picker-module-alpha-slider input",r),e.destroyAlphaSliderEvents=function(){e.$el.off("change",".color-picker-module-alpha-slider input",r)}},update(e){const{value:r}=e,{sliderValue:l,sliderValueEditable:o}=e.params,{alpha:a}=r;e.alphaRangeSlider.value=a,e.alphaRangeSlider.layout(),l&&o?e.$el.find("input.color-picker-value-alpha").val(a):e.$el.find("span.color-picker-value-alpha").text(a)},destroy(e){e.alphaRangeSlider&&e.alphaRangeSlider.destroy&&e.alphaRangeSlider.destroy(),delete e.alphaRangeSlider,e.destroyAlphaSliderEvents&&e.destroyAlphaSliderEvents(),delete e.destroyAlphaSliderEvents}},f={render:()=>n("div",{class:"color-picker-module color-picker-module-current-color"},n("div",{class:"color-picker-current-color"})),update(e){e.$el.find(".color-picker-module-current-color .color-picker-current-color").css("background-color",e.value.hex)}},$={render(e){const{hexLabel:r,hexLabelText:l,hexValueEditable:o}=e.params;return n("div",{class:"color-picker-module color-picker-module-hex"},n("div",{class:"color-picker-hex-wrap"},r&&n("div",{class:"color-picker-hex-label"},l),n("div",{class:"color-picker-hex-value"},o?n("input",{type:"text",class:"color-picker-value-hex"}):n("span",{class:"color-picker-value-hex"}))))},init(e){function r(r){const l=e.value.hex;let o=r.target.value.replace(/#/g,"");if(Number.isNaN(o)||!o||3!==o.length&&6!==o.length)return void(r.target.value=l);const a=parseInt(o,16);a>parseInt("ffffff",16)&&(o="fff"),a<0&&(o="000"),e.setValue({hex:o})}e.$el.on("change",".color-picker-module-hex input",r),e.destroyHexEvents=function(){e.$el.off("change",".color-picker-module-hex input",r)}},update(e){const{value:r}=e,{hexValueEditable:l}=e.params,{hex:o}=r;l?e.$el.find("input.color-picker-value-hex").val(o):e.$el.find("span.color-picker-value-hex").text(o)},destroy(e){e.destroyHexEvents&&e.destroyHexEvents(),delete e.destroyHexEvents}},E={render(e){const{sliderLabel:r,sliderValue:l,sliderValueEditable:o,hueLabelText:a,saturationLabelText:t,brightnessLabelText:s}=e.params;return n("div",{class:"color-picker-module color-picker-module-hsb-sliders"},n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},a),n("div",{class:"range-slider color-picker-slider color-picker-slider-hue"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"0.1",min:"0",max:"360",class:"color-picker-value-hue","data-color-index":"0"}):n("span",{class:"color-picker-value-hue"}))),n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},t),n("div",{class:"range-slider color-picker-slider color-picker-slider-saturation"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"0.1",min:"0",max:"100",class:"color-picker-value-saturation","data-color-index":"1"}):n("span",{class:"color-picker-value-saturation"}))),n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},s),n("div",{class:"range-slider color-picker-slider color-picker-slider-brightness"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"0.1",min:"0",max:"100",class:"color-picker-value-brightness","data-color-index":"2"}):n("span",{class:"color-picker-value-brightness"}))))},init(e){function r(r){const o=[...e.value.hsb],a=parseInt(l(r.target).attr("data-color-index"),10);let t=parseFloat(r.target.value);Number.isNaN(t)?r.target.value=o[a]:(t=0===a?Math.max(0,Math.min(360,t)):Math.max(0,Math.min(100,t))/100,o[a]=t,e.setValue({hsb:o}))}e.hueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-hue"),min:0,max:360,step:.1,value:0,on:{change(r,l){e.setValue({hue:l})}}}),e.saturationRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-saturation"),min:0,max:1,step:.001,value:0,on:{change(r,l){const o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],o,e.value.hsb[2]]})}}}),e.brightnessRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-brightness"),min:0,max:1,step:.001,value:0,on:{change(r,l){const o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],e.value.hsb[1],o]})}}}),e.$el.on("change",".color-picker-module-hsb-sliders input",r),e.destroyHsbSlidersEvents=function(){e.$el.off("change",".color-picker-module-hsb-sliders input",r)}},update(e){const{app:r,value:l}=e,{sliderValue:o,sliderValueEditable:a}=e.params,{hsb:t,hue:s}=l;e.hueRangeSlider.value=s,e.saturationRangeSlider.value=t[1],e.brightnessRangeSlider.value=t[2],e.hueRangeSlider.layout(),e.saturationRangeSlider.layout(),e.brightnessRangeSlider.layout();const i=c(t[0],t[1],1),n=c(t[0],0,1),p=c(t[0],1,1),d=t[2];e.hueRangeSlider.$el[0].style.setProperty("--f7-range-knob-color",`hsl(${s}, 100%, 50%)`),e.saturationRangeSlider.$el[0].style.setProperty("--f7-range-knob-color",`hsl(${i[0]}, ${100*i[1]}%, ${100*i[2]}%)`),e.brightnessRangeSlider.$el[0].style.setProperty("--f7-range-knob-color",`rgb(${255*d}, ${255*d}, ${255*d})`),e.saturationRangeSlider.$el.find(".range-bar").css("background-image",`linear-gradient(${r.rtl?"to left":"to right"}, hsl(${n[0]}, ${100*n[1]}%, ${100*n[2]}%), hsl(${p[0]}, ${100*p[1]}%, ${100*p[2]}%))`),o&&a?(e.$el.find("input.color-picker-value-hue").val(`${s}`),e.$el.find("input.color-picker-value-saturation").val(""+1e3*t[1]/10),e.$el.find("input.color-picker-value-brightness").val(""+1e3*t[2]/10)):o&&(e.$el.find("span.color-picker-value-hue").text(`${s}`),e.$el.find("span.color-picker-value-saturation").text(""+1e3*t[1]/10),e.$el.find("span.color-picker-value-brightness").text(""+1e3*t[2]/10))},destroy(e){e.hueRangeSlider&&e.hueRangeSlider.destroy&&e.hueRangeSlider.destroy(),e.saturationRangeSlider&&e.saturationRangeSlider.destroy&&e.saturationRangeSlider.destroy(),e.brightnessRangeSlider&&e.brightnessRangeSlider.destroy&&e.brightnessRangeSlider.destroy(),delete e.hueRangeSlider,delete e.saturationRangeSlider,delete e.brightnessRangeSlider,e.destroyHsbSlidersEvents&&e.destroyHsbSlidersEvents(),delete e.destroyHsbSlidersEvents}},y={render(e){const{sliderLabel:r,sliderValue:l,sliderValueEditable:o,hueLabelText:a}=e.params;return n("div",{class:"color-picker-module color-picker-module-hue-slider"},n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},a),n("div",{class:"range-slider color-picker-slider color-picker-slider-hue"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"0.1",min:"0",max:"360",class:"color-picker-value-hue"}):n("span",{class:"color-picker-value-hue"}))))},init(e){e.hueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-hue"),min:0,max:360,step:.1,value:0,on:{change(r,l){e.setValue({hue:l})}}})},update(e){const{value:r}=e,{sliderValue:l,sliderValueEditable:o}=e.params,{hue:a}=r;e.hueRangeSlider.value=a,e.hueRangeSlider.layout(),e.hueRangeSlider.$el[0].style.setProperty("--f7-range-knob-color",`hsl(${a}, 100%, 50%)`),l&&o?e.$el.find("input.color-picker-value-hue").val(`${a}`):l&&e.$el.find("span.color-picker-value-hue").text(`${a}`)},destroy(e){e.hueRangeSlider&&e.hueRangeSlider.destroy&&e.hueRangeSlider.destroy(),delete e.hueRangeSlider}},x={render(e){const{sliderLabel:r,sliderValue:l,sliderValueEditable:o,brightnessLabelText:a}=e.params;return n("div",{class:"color-picker-module color-picker-module-brightness-slider"},n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},a),n("div",{class:"range-slider color-picker-slider color-picker-slider-brightness"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"0.1",min:"0",max:"100",class:"color-picker-value-brightness"}):n("span",{class:"color-picker-value-brightness"}))))},init(e){e.brightnessRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-brightness"),min:0,max:1,step:.001,value:0,on:{change(r,l){const o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],e.value.hsb[1],o]})}}})},update(e){const{value:r,app:l}=e,{sliderValue:o,sliderValueEditable:a}=e.params,{hsb:t}=r;e.brightnessRangeSlider.value=t[2],e.brightnessRangeSlider.layout();const s=c(t[0],t[1],t[2]),i=c(t[0],t[1],0),n=c(t[0],t[1],1);e.brightnessRangeSlider.$el[0].style.setProperty("--f7-range-knob-color",`hsl(${s[0]}, ${100*s[1]}%, ${100*s[2]}%)`),e.brightnessRangeSlider.$el.find(".range-bar").css("background-image",`linear-gradient(${l.rtl?"to left":"to right"}, hsl(${i[0]}, ${100*i[1]}%, ${100*i[2]}%), hsl(${n[0]}, ${100*n[1]}%, ${100*n[2]}%))`),o&&a?e.$el.find("input.color-picker-value-brightness").val(""+1e3*t[2]/10):o&&e.$el.find("span.color-picker-value-brightness").text(""+1e3*t[2]/10)},destroy(e){e.brightnessRangeSlider&&e.brightnessRangeSlider.destroy&&e.brightnessRangeSlider.destroy(),delete e.brightnessRangeSlider}},C={render:e=>n("div",{class:"color-picker-module color-picker-module-palette"},n("div",{class:"color-picker-palette"},e.params.palette.map((e=>{if(Array.isArray(e)){let r='<div class="color-picker-palette-row">';return r+=e.map((e=>`\n <div class="color-picker-palette-value" data-palette-color="${e}" style="background-color: ${e}"></div>\n `)).join(""),r+="</div>",r}return n("div",{class:"color-picker-palette-value","data-palette-color":e,style:`background-color: ${e}`})})))),init(e){function r(r){const o=l(r.target).attr("data-palette-color");e.setValue({hex:o})}e.$el.on("click",".color-picker-module-palette .color-picker-palette-value",r),e.destroyPaletteEvents=function(){e.$el.off("click",".color-picker-module-hex input",r)}},destroy(e){e.destroyPaletteEvents&&e.destroyPaletteEvents(),delete e.destroyPaletteEvents}},S={render:()=>n("div",{class:"color-picker-module color-picker-module-initial-current-colors"},n("div",{class:"color-picker-initial-current-colors"},n("div",{class:"color-picker-initial-color"}),n("div",{class:"color-picker-current-color"}))),init(e){function r(){if(e.initialValue){const{hex:r,alpha:l}=e.initialValue;e.setValue({hex:r,alpha:l})}}e.$el.on("click",".color-picker-initial-color",r),e.destroyInitialCurrentEvents=function(){e.$el.off("click",".color-picker-initial-color",r)}},update(e){e.$el.find(".color-picker-module-initial-current-colors .color-picker-initial-color").css("background-color",e.initialValue.hex),e.$el.find(".color-picker-module-initial-current-colors .color-picker-current-color").css("background-color",e.value.hex)},destroy(e){e.destroyInitialCurrentEvents&&e.destroyInitialCurrentEvents(),delete e.destroyInitialCurrentEvents}},R={render(e){const{barLabel:r,barValue:l,barValueEditable:o,redLabelText:a,greenLabelText:t,blueLabelText:s}=e.params;return n("div",{class:"color-picker-module color-picker-module-rgb-bars"},n("div",{class:"color-picker-bar-wrap"},r&&n("div",{class:"color-picker-bar-label"},a),n("div",{class:"range-slider color-picker-bar color-picker-bar-red"}),l&&n("div",{class:"color-picker-bar-value"},o?n("input",{type:"number",step:"1",min:"0",max:"255",class:"color-picker-value-bar-red","data-color-index":"0"}):n("span",{class:"color-picker-value-bar-red"}))),n("div",{class:"color-picker-bar-wrap"},r&&n("div",{class:"color-picker-bar-label"},t),n("div",{class:"range-slider color-picker-bar color-picker-bar-green"}),l&&n("div",{class:"color-picker-bar-value"},o?n("input",{type:"number",step:"1",min:"0",max:"255",class:"color-picker-value-bar-green","data-color-index":"1"}):n("span",{class:"color-picker-value-bar-green"}))),n("div",{class:"color-picker-bar-wrap"},r&&n("div",{class:"color-picker-bar-label"},s),n("div",{class:"range-slider color-picker-bar color-picker-bar-blue"}),l&&n("div",{class:"color-picker-bar-value"},o?n("input",{type:"number",step:"1",min:"0",max:"255",class:"color-picker-value-bar-blue","data-color-index":"2"}):n("span",{class:"color-picker-value-bar-blue"}))))},init(e){function r(r){const o=[...e.value.rgb],a=parseInt(l(r.target).attr("data-color-index"),10);let t=parseInt(r.target.value,10);Number.isNaN(t)?r.target.value=o[a]:(t=Math.max(0,Math.min(255,t)),o[a]=t,e.setValue({rgb:o}))}e.redBar=e.app.range.create({el:e.$el.find(".color-picker-bar-red"),min:0,max:255,step:1,value:0,vertical:!0,on:{change(r,l){e.setValue({rgb:[l,e.value.rgb[1],e.value.rgb[2]]})}}}),e.greenBar=e.app.range.create({el:e.$el.find(".color-picker-bar-green"),min:0,max:255,step:1,value:0,vertical:!0,on:{change(r,l){e.setValue({rgb:[e.value.rgb[0],l,e.value.rgb[2]]})}}}),e.blueBar=e.app.range.create({el:e.$el.find(".color-picker-bar-blue"),min:0,max:255,step:1,value:0,vertical:!0,on:{change(r,l){e.setValue({rgb:[e.value.rgb[0],e.value.rgb[1],l]})}}}),e.$el.on("change",".color-picker-module-rgb-bars input",r),e.destroyRgbBarsEvents=function(){e.$el.off("change",".color-picker-module-rgb-bars input",r)}},update(e){const{value:r,redBar:l,greenBar:o,blueBar:a}=e,{barValue:t,barValueEditable:s}=e.params,{rgb:i}=r;l.value=i[0],o.value=i[1],a.value=i[2],l.layout(),o.layout(),a.layout(),l.$el.find(".range-bar").css("background-image",`linear-gradient(to top, rgb(0, ${i[1]}, ${i[2]}), rgb(255, ${i[1]}, ${i[2]}))`),o.$el.find(".range-bar").css("background-image",`linear-gradient(to top, rgb(${i[0]}, 0, ${i[2]}), rgb(${i[0]}, 255, ${i[2]}))`),a.$el.find(".range-bar").css("background-image",`linear-gradient(to top, rgb(${i[0]}, ${i[1]}, 0), rgb(${i[0]}, ${i[1]}, 255))`),t&&s?(e.$el.find("input.color-picker-value-bar-red").val(i[0]),e.$el.find("input.color-picker-value-bar-green").val(i[1]),e.$el.find("input.color-picker-value-bar-blue").val(i[2])):t&&(e.$el.find("span.color-picker-value-bar-red").text(i[0]),e.$el.find("span.color-picker-value-bar-green").text(i[1]),e.$el.find("span.color-picker-value-bar-blue").text(i[2]))},destroy(e){e.redBar&&e.redBar.destroy&&e.redBar.destroy(),e.greenBar&&e.greenBar.destroy&&e.greenBar.destroy(),e.blueBar&&e.blueBar.destroy&&e.blueBar.destroy(),delete e.redBar,delete e.greenBar,delete e.blueBar,e.destroyRgbBarsEvents&&e.destroyRgbBarsEvents(),delete e.destroyRgbBarsEvents}},V={render(e){const{sliderLabel:r,sliderValue:l,sliderValueEditable:o,redLabelText:a,greenLabelText:t,blueLabelText:s}=e.params;return n("div",{class:"color-picker-module color-picker-module-rgb-sliders"},n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},a),n("div",{class:"range-slider color-picker-slider color-picker-slider-red"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"1",min:"0",max:"255",class:"color-picker-value-red","data-color-index":"0"}):n("span",{class:"color-picker-value-red"}))),n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},t),n("div",{class:"range-slider color-picker-slider color-picker-slider-green"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"1",min:"0",max:"255",class:"color-picker-value-green","data-color-index":"1"}):n("span",{class:"color-picker-value-green"}))),n("div",{class:"color-picker-slider-wrap"},r&&n("div",{class:"color-picker-slider-label"},s),n("div",{class:"range-slider color-picker-slider color-picker-slider-blue"}),l&&n("div",{class:"color-picker-slider-value"},o?n("input",{type:"number",step:"1",min:"0",max:"255",class:"color-picker-value-blue","data-color-index":"2"}):n("span",{class:"color-picker-value-blue"}))))},init(e){function r(r){const o=[...e.value.rgb],a=parseInt(l(r.target).attr("data-color-index"),10);let t=parseInt(r.target.value,10);Number.isNaN(t)?r.target.value=o[a]:(t=Math.max(0,Math.min(255,t)),o[a]=t,e.setValue({rgb:o}))}e.redRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-red"),min:0,max:255,step:1,value:0,on:{change(r,l){e.setValue({rgb:[l,e.value.rgb[1],e.value.rgb[2]]})}}}),e.greenRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-green"),min:0,max:255,step:1,value:0,on:{change(r,l){e.setValue({rgb:[e.value.rgb[0],l,e.value.rgb[2]]})}}}),e.blueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-blue"),min:0,max:255,step:1,value:0,on:{change(r,l){e.setValue({rgb:[e.value.rgb[0],e.value.rgb[1],l]})}}}),e.$el.on("change",".color-picker-module-rgb-sliders input",r),e.destroyRgbSlidersEvents=function(){e.$el.off("change",".color-picker-module-rgb-sliders input",r)}},update(e){const{app:r,value:l,redRangeSlider:o,greenRangeSlider:a,blueRangeSlider:t}=e,{sliderValue:s,sliderValueEditable:i}=e.params,{rgb:n}=l;o.value=n[0],a.value=n[1],t.value=n[2],o.layout(),a.layout(),t.layout(),o.$el[0].style.setProperty("--f7-range-knob-color",`rgb(${n[0]}, ${n[1]}, ${n[2]})`),a.$el[0].style.setProperty("--f7-range-knob-color",`rgb(${n[0]}, ${n[1]}, ${n[2]})`),t.$el[0].style.setProperty("--f7-range-knob-color",`rgb(${n[0]}, ${n[1]}, ${n[2]})`);const c=r.rtl?"to left":"to right";o.$el.find(".range-bar").css("background-image",`linear-gradient(${c}, rgb(0, ${n[1]}, ${n[2]}), rgb(255, ${n[1]}, ${n[2]}))`),a.$el.find(".range-bar").css("background-image",`linear-gradient(${c}, rgb(${n[0]}, 0, ${n[2]}), rgb(${n[0]}, 255, ${n[2]}))`),t.$el.find(".range-bar").css("background-image",`linear-gradient(${c}, rgb(${n[0]}, ${n[1]}, 0), rgb(${n[0]}, ${n[1]}, 255))`),s&&i?(e.$el.find("input.color-picker-value-red").val(n[0]),e.$el.find("input.color-picker-value-green").val(n[1]),e.$el.find("input.color-picker-value-blue").val(n[2])):s&&(e.$el.find("span.color-picker-value-red").text(n[0]),e.$el.find("span.color-picker-value-green").text(n[1]),e.$el.find("span.color-picker-value-blue").text(n[2]))},destroy(e){e.redRangeSlider&&e.redRangeSlider.destroy&&e.redRangeSlider.destroy(),e.greenRangeSlider&&e.greenRangeSlider.destroy&&e.greenRangeSlider.destroy(),e.blueRangeSlider&&e.blueRangeSlider.destroy&&e.blueRangeSlider.destroy(),delete e.redRangeSlider,delete e.greenRangeSlider,delete e.blueRangeSlider,e.destroyRgbSlidersEvents&&e.destroyRgbSlidersEvents(),delete e.destroyRgbSlidersEvents}},B={render:()=>n("div",{class:"color-picker-module color-picker-module-sb-spectrum"},n("div",{class:"color-picker-sb-spectrum",style:"background-color: hsl(0, 100%, 50%)"},n("div",{class:"color-picker-sb-spectrum-handle"}))),init(e){const{app:r}=e;let o,a,s,i,n,c,p,d;const{$el:u}=e;function g(r,l){let o=(r-c.left)/c.width,a=(l-c.top)/c.height;o=Math.max(0,Math.min(1,o)),a=1-Math.max(0,Math.min(1,a)),e.setValue({hsb:[e.value.hue,o,a]})}function h(e){if(o)return;a="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,i=a,s="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,n=s;const r=l(e.target);d=r.closest(".color-picker-sb-spectrum-handle").length>0,d||(p=r.closest(".color-picker-sb-spectrum").length>0),p&&(c=u.find(".color-picker-sb-spectrum")[0].getBoundingClientRect(),g(a,s)),(d||p)&&u.find(".color-picker-sb-spectrum-handle").addClass("color-picker-sb-spectrum-handle-pressed")}function v(e){(p||d)&&(i="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,n="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(c=u.find(".color-picker-sb-spectrum")[0].getBoundingClientRect())),(p||d)&&g(i,n))}function b(){o=!1,(p||d)&&u.find(".color-picker-sb-spectrum-handle").removeClass("color-picker-sb-spectrum-handle-pressed"),p=!1,d=!1}function k(){e.modules["sb-spectrum"].update(e)}const m=!("touchstart"!==r.touchEvents.start||!t().passiveListener)&&{passive:!0,capture:!1};e.$el.on(r.touchEvents.start,h,m),r.on("touchmove:active",v),r.on("touchend:passive",b),r.on("resize",k),e.destroySpectrumEvents=function(){e.$el.off(r.touchEvents.start,h,m),r.off("touchmove:active",v),r.off("touchend:passive",b),r.off("resize",k)}},update(e){const{value:r}=e,{hsl:l,hsb:o}=r,a=e.$el.find(".color-picker-sb-spectrum")[0].offsetWidth,t=e.$el.find(".color-picker-sb-spectrum")[0].offsetHeight;e.$el.find(".color-picker-sb-spectrum").css("background-color",`hsl(${l[0]}, 100%, 50%)`),e.$el.find(".color-picker-sb-spectrum-handle").css("background-color",`hsl(${l[0]}, ${100*l[1]}%, ${100*l[2]}%)`).transform(`translate(${a*o[1]}px, ${t*(1-o[2])}px)`)},destroy(e){e.destroySpectrumEvents&&e.destroySpectrumEvents(),delete e.destroySpectrumEvents}},T={render:()=>n("div",{class:"color-picker-module color-picker-module-hs-spectrum"},n("div",{class:"color-picker-hs-spectrum"},n("div",{class:"color-picker-hs-spectrum-handle"}))),init(e){const{app:r}=e;let o,a,s,i,n,c,p,d;const{$el:u}=e;function g(r,l){let o=(r-c.left)/c.width*360,a=(l-c.top)/c.height;o=Math.max(0,Math.min(360,o)),a=1-Math.max(0,Math.min(1,a)),e.setValue({hsb:[o,a,e.value.hsb[2]]})}function h(e){if(o)return;a="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,i=a,s="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,n=s;const r=l(e.target);d=r.closest(".color-picker-hs-spectrum-handle").length>0,d||(p=r.closest(".color-picker-hs-spectrum").length>0),p&&(c=u.find(".color-picker-hs-spectrum")[0].getBoundingClientRect(),g(a,s)),(d||p)&&u.find(".color-picker-hs-spectrum-handle").addClass("color-picker-hs-spectrum-handle-pressed")}function v(e){(p||d)&&(i="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,n="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(c=u.find(".color-picker-hs-spectrum")[0].getBoundingClientRect())),(p||d)&&g(i,n))}function b(){o=!1,(p||d)&&u.find(".color-picker-hs-spectrum-handle").removeClass("color-picker-hs-spectrum-handle-pressed"),p=!1,d=!1}function k(){e.modules["hs-spectrum"].update(e)}const m=!("touchstart"!==r.touchEvents.start||!t().passiveListener)&&{passive:!0,capture:!1};e.$el.on(r.touchEvents.start,h,m),r.on("touchmove:active",v),r.on("touchend:passive",b),r.on("resize",k),e.destroySpectrumEvents=function(){e.$el.off(r.touchEvents.start,h,m),r.off("touchmove:active",v),r.off("touchend:passive",b),r.off("resize",k)}},update(e){const{value:r}=e,{hsb:l}=r,o=e.$el.find(".color-picker-hs-spectrum")[0].offsetWidth,a=e.$el.find(".color-picker-hs-spectrum")[0].offsetHeight,t=c(l[0],l[1],1);e.$el.find(".color-picker-hs-spectrum-handle").css("background-color",`hsl(${t[0]}, ${100*t[1]}%, ${100*t[2]}%)`).transform(`translate(${o*(l[0]/360)}px, ${a*(1-l[1])}px)`)},destroy(e){e.destroySpectrumEvents&&e.destroySpectrumEvents(),delete e.destroySpectrumEvents}};var F={render:()=>n("div",{class:"color-picker-module color-picker-module-wheel"},n("div",{class:"color-picker-wheel"},n("svg",{viewBox:"0 0 300 300",width:"300",height:"300"},function(){let e="";for(let r=256;r>0;r-=1){const l=r*Math.PI/128,o=1.40625*r;e+=`<circle cx="${150-125*Math.sin(l)}" cy="${150-125*Math.cos(l)}" r="25" fill="hsl(${o}, 100%, 50%)"></circle>`}return e}()),n("div",{class:"color-picker-wheel-handle"}),n("div",{class:"color-picker-sb-spectrum",style:"background-color: hsl(0, 100%, 50%)"},n("div",{class:"color-picker-sb-spectrum-handle"})))),init(e){const{app:r}=e;let o,a,s,i,n,c,p,d,u,g,h;const{$el:v}=e;function b(r,l){const o=c.left+c.width/2,a=c.top+c.height/2;let t=180*Math.atan2(l-a,r-o)/Math.PI+90;t<0&&(t+=360),t=360-t,e.setValue({hue:t})}function k(r,l){let o=(r-u.left)/u.width,a=(l-u.top)/u.height;o=Math.max(0,Math.min(1,o)),a=1-Math.max(0,Math.min(1,a)),e.setValue({hsb:[e.value.hue,o,a]})}function m(e){if(o)return;a="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,i=a,s="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,n=s;const r=l(e.target);d=r.closest(".color-picker-wheel-handle").length>0,p=r.closest("circle").length>0,h=r.closest(".color-picker-sb-spectrum-handle").length>0,h||(g=r.closest(".color-picker-sb-spectrum").length>0),p&&(c=v.find(".color-picker-wheel")[0].getBoundingClientRect(),b(a,s)),g&&(u=v.find(".color-picker-sb-spectrum")[0].getBoundingClientRect(),k(a,s)),(h||g)&&v.find(".color-picker-sb-spectrum-handle").addClass("color-picker-sb-spectrum-handle-pressed")}function f(e){(p||d||g||h)&&(i="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,n="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(c=v.find(".color-picker-wheel")[0].getBoundingClientRect()),h&&(u=v.find(".color-picker-sb-spectrum")[0].getBoundingClientRect())),(p||d)&&b(i,n),(g||h)&&k(i,n))}function $(){o=!1,(g||h)&&v.find(".color-picker-sb-spectrum-handle").removeClass("color-picker-sb-spectrum-handle-pressed"),p=!1,d=!1,g=!1,h=!1}function E(){e.modules.wheel.update(e)}const y=!("touchstart"!==r.touchEvents.start||!t().passiveListener)&&{passive:!0,capture:!1};e.$el.on(r.touchEvents.start,m,y),r.on("touchmove:active",f),r.on("touchend:passive",$),r.on("resize",E),e.destroyWheelEvents=function(){e.$el.off(r.touchEvents.start,m,y),r.off("touchmove:active",f),r.off("touchend:passive",$),r.off("resize",E)}},update(e){const{value:r}=e,{hsl:l,hsb:o}=r,a=e.$el.find(".color-picker-sb-spectrum")[0].offsetWidth,t=e.$el.find(".color-picker-sb-spectrum")[0].offsetHeight,s=e.$el.find(".color-picker-wheel")[0].offsetWidth,i=s/2,n=r.hue*Math.PI/180,c=s/6/2,p=i-Math.sin(n)*(i-c)-c,d=i-Math.cos(n)*(i-c)-c;e.$el.find(".color-picker-wheel-handle").css("background-color",`hsl(${l[0]}, 100%, 50%)`).transform(`translate(${p}px, ${d}px)`),e.$el.find(".color-picker-sb-spectrum").css("background-color",`hsl(${l[0]}, 100%, 50%)`),e.$el.find(".color-picker-sb-spectrum-handle").css("background-color",`hsl(${l[0]}, ${100*l[1]}%, ${100*l[2]}%)`).transform(`translate(${a*o[1]}px, ${t*(1-o[2])}px)`)},destroy(e){e.destroyWheelEvents&&e.destroyWheelEvents(),delete e.destroyWheelEvents}};class M extends s{constructor(e,r){void 0===r&&(r={}),super(r,[e]);const o=this;let a,t,s;if(o.params=p({},e.params.colorPicker,r),o.params.containerEl&&(a=l(o.params.containerEl),0===a.length))return o;function i(){o.open()}function n(e){e.preventDefault()}function c(){o.open()}function d(e){if(o.destroyed||!o.params)return;if("page"===o.params.openIn)return;const r=l(e.target);o.opened&&!o.closing&&(r.closest('[class*="backdrop"]').length||r.closest(".color-picker-popup, .color-picker-popover").length||(t&&t.length>0?r[0]!==t[0]&&0===r.closest(".sheet-modal").length&&o.close():0===l(e.target).closest(".sheet-modal").length&&o.close()))}return o.params.inputEl&&(t=l(o.params.inputEl)),o.params.targetEl&&(s=l(o.params.targetEl)),p(o,{app:e,$containerEl:a,containerEl:a&&a[0],inline:a&&a.length>0,$inputEl:t,inputEl:t&&t[0],$targetEl:s,targetEl:s&&s[0],initialized:!1,opened:!1,url:o.params.url,modules:{"alpha-slider":m,"current-color":f,hex:$,"hsb-sliders":E,"hue-slider":y,"brightness-slider":x,palette:C,"initial-current-colors":S,"rgb-bars":R,"rgb-sliders":V,"sb-spectrum":B,"hs-spectrum":T,wheel:F}}),p(o,{attachInputEvents(){o.$inputEl.on("click",i),o.params.inputReadOnly&&(o.$inputEl.on("focus mousedown",n),o.$inputEl[0]&&(o.$inputEl[0].f7ValidateReadonly=!0))},detachInputEvents(){o.$inputEl.off("click",i),o.params.inputReadOnly&&(o.$inputEl.off("focus mousedown",n),o.$inputEl[0]&&delete o.$inputEl[0].f7ValidateReadonly)},attachTargetEvents(){o.$targetEl.on("click",c)},detachTargetEvents(){o.$targetEl.off("click",c)},attachHtmlEvents(){e.on("click",d)},detachHtmlEvents(){e.off("click",d)}}),o.init(),o}get view(){const{$inputEl:e,$targetEl:r,app:l,params:o}=this;let a;return o.view?a=o.view:(e&&(a=e.parents(".view").length&&e.parents(".view")[0].f7View),!a&&r&&(a=r.parents(".view").length&&r.parents(".view")[0].f7View)),a||(a=l.views.main),a}attachEvents(){const e=this;e.centerModules=e.centerModules.bind(e),e.params.centerModules&&e.app.on("resize",e.centerModules)}detachEvents(){const e=this;e.params.centerModules&&e.app.off("resize",e.centerModules)}centerModules(){const e=this;if(!e.opened||!e.$el||e.inline)return;const r=e.$el.find(".page-content");if(!r.length)return;const{scrollHeight:l,offsetHeight:o}=r[0];l<=o?r.addClass("justify-content-center"):r.removeClass("justify-content-center")}initInput(){const e=this;e.$inputEl&&e.params.inputReadOnly&&e.$inputEl.prop("readOnly",!0)}getModalType(){const{app:e,modal:r,params:l}=this,{openIn:o,openInPhone:t}=l,s=a();return r&&r.type?r.type:"auto"!==o?o:this.inline?null:s.ios?s.ipad?"popover":t:e.width>=768?"popover":t}formatValue(){const e=this,{value:r}=e;return e.params.formatValue?e.params.formatValue.call(e,r):r.hex}normalizeHsValues(e){return[Math.floor(10*e[0])/10,Math.floor(1e3*e[1])/1e3,Math.floor(1e3*e[2])/1e3]}setValue(e,r){void 0===e&&(e={}),void 0===r&&(r=!0);const l=this;if(void 0===e)return;let{hex:o,rgb:a,hsl:t,hsb:s,alpha:i=1,hue:n,rgba:b,hsla:k}=l.value||{};const m=l.value||!l.value&&!l.params.value;let f;if(Object.keys(e).forEach((r=>{if(!l.value||void 0===l.value[r])return void(f=!0);const o=e[r];Array.isArray(o)?o.forEach(((e,o)=>{e!==l.value[r][o]&&(f=!0)})):o!==l.value[r]&&(f=!0)})),f){if(e.rgb||e.rgba){const[r,c,p,h=i]=e.rgb||e.rgba;a=[r,c,p],o=d(...a),t=u(...a),s=g(...t),t=l.normalizeHsValues(t),s=l.normalizeHsValues(s),n=s[0],i=h,b=[a[0],a[1],a[2],h],k=[t[0],t[1],t[2],h]}if(e.hsl||e.hsla){const[r,c,p,u=i]=e.hsl||e.hsla;t=[r,c,p],a=h(...t),o=d(...a),s=g(...t),t=l.normalizeHsValues(t),s=l.normalizeHsValues(s),n=s[0],i=u,b=[a[0],a[1],a[2],u],k=[t[0],t[1],t[2],u]}if(e.hsb){const[r,p,u,g=i]=e.hsb;s=[r,p,u],t=c(...s),a=h(...t),o=d(...a),t=l.normalizeHsValues(t),s=l.normalizeHsValues(s),n=s[0],i=g,b=[a[0],a[1],a[2],g],k=[t[0],t[1],t[2],g]}if(e.hex&&(a=v(e.hex),o=d(...a),t=u(...a),s=g(...t),t=l.normalizeHsValues(t),s=l.normalizeHsValues(s),n=s[0],b=[a[0],a[1],a[2],i],k=[t[0],t[1],t[2],i]),void 0!==e.alpha&&(i=e.alpha,void 0!==a&&(b=[a[0],a[1],a[2],i]),void 0!==t&&(k=[t[0],t[1],t[2],i])),void 0!==e.hue){const[r,c,p]=t;t=[e.hue,c,p],s=g(...t),a=h(...t),o=d(...a),t=l.normalizeHsValues(t),s=l.normalizeHsValues(s),n=s[0],b=[a[0],a[1],a[2],i],k=[t[0],t[1],t[2],i]}l.value={hex:o,alpha:i,hue:n,rgb:a,hsl:t,hsb:s,rgba:b,hsla:k},l.initialValue||(l.initialValue=p({},l.value)),l.updateValue(m),l.opened&&r&&l.updateModules()}}getValue(){return this.value}updateValue(e){void 0===e&&(e=!0);const r=this,{$inputEl:l,value:o,$targetEl:a}=r;if(a&&r.params.targetElSetBackgroundColor){const{rgba:e}=o;a.css("background-color",`rgba(${e.join(", ")})`)}if(e&&r.emit("local::change colorPickerChange",r,o),l&&l.length){const a=r.formatValue(o);l&&l.length&&(l.val(a),e&&l.trigger("change"))}}updateModules(){const e=this,{modules:r}=e;e.params.modules.forEach((l=>{"string"==typeof l&&r[l]&&r[l].update?r[l].update(e):l&&l.update&&l.update(e)}))}update(){this.updateModules()}renderPicker(){const e=this,{params:r,modules:l}=e;let o="";return r.modules.forEach((r=>{"string"==typeof r&&l[r]&&l[r].render?o+=l[r].render(e):r&&r.render&&(o+=r.render(e))})),o}renderNavbar(){const e=this;if(e.params.renderNavbar)return e.params.renderNavbar.call(e,e);const{openIn:r,navbarTitleText:l,navbarBackLinkText:o,navbarCloseText:a}=e.params;return n("div",{class:"navbar"},n("div",{class:"navbar-bg"}),n("div",{class:"navbar-inner sliding"},"page"===r&&n("div",{class:"left"},n("a",{class:"link back"},n("i",{class:"icon icon-back"}),n("span",{class:"if-not-md"},o))),n("div",{class:"title"},l),"page"!==r&&n("div",{class:"right"},n("a",{class:"link popup-close","data-popup":".color-picker-popup"},a))))}renderToolbar(){const e=this;return e.params.renderToolbar?e.params.renderToolbar.call(e,e):n("div",{class:"toolbar toolbar-top"},n("div",{class:"toolbar-inner"},n("div",{class:"left"}),n("div",{class:"right"},n("a",{class:"link sheet-close popover-close","data-sheet":".color-picker-sheet-modal","data-popover":".color-picker-popover"},e.params.toolbarCloseText))))}renderInline(){const{cssClass:e,groupedModules:r}=this.params;return n("div",{class:`color-picker color-picker-inline ${r?"color-picker-grouped-modules":""} ${e||""}`},this.renderPicker())}renderSheet(){const e=this,{cssClass:r,toolbarSheet:l,groupedModules:o}=e.params;return n("div",{class:`sheet-modal color-picker color-picker-sheet-modal ${o?"color-picker-grouped-modules":""} ${r||""}`},l&&e.renderToolbar(),n("div",{class:"sheet-modal-inner"},n("div",{class:"page-content"},e.renderPicker())))}renderPopover(){const e=this,{cssClass:r,toolbarPopover:l,groupedModules:o}=e.params;return n("div",{class:`popover color-picker-popover ${r||""}`},n("div",{class:"popover-inner"},n("div",{class:"color-picker "+(o?"color-picker-grouped-modules":"")},l&&e.renderToolbar(),n("div",{class:"page-content"},e.renderPicker()))))}renderPopup(){const e=this,{cssClass:r,navbarPopup:l,groupedModules:o}=e.params;return n("div",{class:`popup color-picker-popup ${r||""}`},n("div",{class:"page"},l&&e.renderNavbar(),n("div",{class:"color-picker "+(o?"color-picker-grouped-modules":"")},n("div",{class:"page-content"},e.renderPicker()))))}renderPage(){const e=this,{cssClass:r,groupedModules:l}=e.params;return n("div",{class:`page color-picker-page ${r||""}`,"data-name":"color-picker-page"},e.renderNavbar(),n("div",{class:"color-picker "+(l?"color-picker-grouped-modules":"")},n("div",{class:"page-content"},e.renderPicker())))}render(){const e=this,{params:r}=e;if(r.render)return r.render.call(e);if(e.inline)return e.renderInline();if("page"===r.openIn)return e.renderPage();const l=e.getModalType();return"popover"===l?e.renderPopover():"sheet"===l?e.renderSheet():"popup"===l?e.renderPopup():void 0}onOpen(){const e=this,{initialized:r,$el:l,app:o,$inputEl:a,inline:t,value:s,params:i,modules:n}=e;e.closing=!1,e.opened=!0,e.opening=!0,e.attachEvents(),i.modules.forEach((r=>{"string"==typeof r&&n[r]&&n[r].init?n[r].init(e):r&&r.init&&r.init(e)}));const c=!s&&i.value;r?s&&(e.initialValue=p({},s),e.setValue(s,!1)):s?e.setValue(s):i.value?e.setValue(i.value,!1):i.value||e.setValue({hex:"#ff0000"},!1),c&&e.updateValue(),e.updateModules(),i.centerModules&&e.centerModules(),!t&&a&&a.length&&"md"===o.theme&&a.trigger("focus"),e.initialized=!0,l&&l.trigger("colorpicker:open"),a&&a.trigger("colorpicker:open"),e.emit("local::open colorPickerOpen",e)}onOpened(){const e=this;e.opening=!1,e.$el&&e.$el.trigger("colorpicker:opened"),e.$inputEl&&e.$inputEl.trigger("colorpicker:opened"),e.emit("local::opened colorPickerOpened",e)}onClose(){const e=this,{app:r,params:l,modules:o}=e;if(e.opening=!1,e.closing=!0,e.detachEvents(),e.$inputEl)if("md"===r.theme)e.$inputEl.trigger("blur");else{const l=e.$inputEl.attr("validate"),o=e.$inputEl.attr("required");l&&o&&r.input.validate(e.$inputEl)}l.modules.forEach((r=>{"string"==typeof r&&o[r]&&o[r].destroy?o[r].destroy(e):r&&r.destroy&&r.destroy(e)})),e.$el&&e.$el.trigger("colorpicker:close"),e.$inputEl&&e.$inputEl.trigger("colorpicker:close"),e.emit("local::close colorPickerClose",e)}onClosed(){const e=this;e.opened=!1,e.closing=!1,e.inline||b((()=>{e.modal&&e.modal.el&&e.modal.destroy&&(e.params.routableModals||e.modal.destroy()),delete e.modal})),e.$el&&e.$el.trigger("colorpicker:closed"),e.$inputEl&&e.$inputEl.trigger("colorpicker:closed"),e.emit("local::closed colorPickerClosed",e)}open(){const e=this,{app:r,opened:o,inline:a,$inputEl:t,$targetEl:s,params:i}=e;if(o)return;if(a)return e.$el=l(e.render()),e.$el[0].f7ColorPicker=e,e.$containerEl.append(e.$el),e.onOpen(),void e.onOpened();const n=e.render();if("page"===i.openIn)e.view.router.navigate({url:e.url,route:{content:n,path:e.url,on:{pageBeforeIn(r,l){e.$el=l.$el.find(".color-picker"),e.$el[0].f7ColorPicker=e,e.onOpen()},pageAfterIn(){e.onOpened()},pageBeforeOut(){e.onClose()},pageAfterOut(){e.onClosed(),e.$el&&e.$el[0]&&(e.$el[0].f7ColorPicker=null,delete e.$el[0].f7ColorPicker)}}}});else{const l=e.getModalType();let o=i.backdrop;null==o&&("popover"===l&&!1!==r.params.popover.backdrop&&(o=!0),"popup"===l&&(o=!0));const a={targetEl:s||t,scrollToEl:i.scrollToInput?s||t:void 0,content:n,backdrop:o,closeByBackdropClick:i.closeByBackdropClick,on:{open(){const r=this;e.modal=r,e.$el="popover"===l||"popup"===l?r.$el.find(".color-picker"):r.$el,e.$el[0].f7ColorPicker=e,e.onOpen()},opened(){e.onOpened()},close(){e.onClose()},closed(){e.onClosed(),e.$el&&e.$el[0]&&(e.$el[0].f7ColorPicker=null,delete e.$el[0].f7ColorPicker)}}};"popup"===l&&(a.push=i.popupPush,a.swipeToClose=i.popupSwipeToClose),"sheet"===l&&(a.push=i.sheetPush,a.swipeToClose=i.sheetSwipeToClose),i.routableModals&&e.view?e.view.router.navigate({url:e.url,route:{path:e.url,[l]:a}}):(e.modal=r[l].create(a),e.modal.open())}}close(){const e=this,{opened:r,inline:l}=e;if(r)return l?(e.onClose(),void e.onClosed()):void(e.params.routableModals&&e.view||"page"===e.params.openIn?e.view.router.back():e.modal.close())}init(){const e=this;if(e.initInput(),e.inline)return e.open(),void e.emit("local::init colorPickerInit",e);!e.initialized&&e.params.value&&e.setValue(e.params.value),e.$inputEl&&e.attachInputEvents(),e.$targetEl&&e.attachTargetEvents(),e.params.closeByOutsideClick&&e.attachHtmlEvents(),e.emit("local::init colorPickerInit",e)}destroy(){const e=this;if(e.destroyed)return;const{$el:r}=e;e.emit("local::beforeDestroy colorPickerBeforeDestroy",e),r&&r.trigger("colorpicker:beforedestroy"),e.close(),e.detachEvents(),e.$inputEl&&e.detachInputEvents(),e.$targetEl&&e.detachTargetEvents(),e.params.closeByOutsideClick&&e.detachHtmlEvents(),r&&r.length&&delete e.$el[0].f7ColorPicker,k(e),e.destroyed=!0}}var P={name:"colorPicker",static:{ColorPicker:M},create(){const e=this;e.colorPicker=i({defaultSelector:".color-picker",constructor:M,app:e,domProp:"f7ColorPicker"}),e.colorPicker.close=function(e){void 0===e&&(e=".color-picker");const r=l(e);if(0===r.length)return;const o=r[0].f7ColorPicker;!o||o&&!o.opened||o.close()}},params:{colorPicker:{value:null,modules:["wheel"],palette:[["#FFEBEE","#FFCDD2","#EF9A9A","#E57373","#EF5350","#F44336","#E53935","#D32F2F","#C62828","#B71C1C"],["#F3E5F5","#E1BEE7","#CE93D8","#BA68C8","#AB47BC","#9C27B0","#8E24AA","#7B1FA2","#6A1B9A","#4A148C"],["#E8EAF6","#C5CAE9","#9FA8DA","#7986CB","#5C6BC0","#3F51B5","#3949AB","#303F9F","#283593","#1A237E"],["#E1F5FE","#B3E5FC","#81D4FA","#4FC3F7","#29B6F6","#03A9F4","#039BE5","#0288D1","#0277BD","#01579B"],["#E0F2F1","#B2DFDB","#80CBC4","#4DB6AC","#26A69A","#009688","#00897B","#00796B","#00695C","#004D40"],["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E"],["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17"],["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100"]],groupedModules:!1,centerModules:!0,sliderLabel:!1,sliderValue:!1,sliderValueEdiable:!1,barLabel:!1,barValue:!1,barValueEdiable:!1,hexLabel:!1,hexValueEditable:!1,redLabelText:"R",greenLabelText:"G",blueLabelText:"B",hueLabelText:"H",saturationLabelText:"S",brightnessLabelText:"B",hexLabelText:"HEX",alphaLabelText:"A",containerEl:null,openIn:"popover",openInPhone:"popup",popupPush:!1,popupSwipeToClose:void 0,sheetPush:!1,sheetSwipeToClose:void 0,formatValue:null,targetEl:null,targetElSetBackgroundColor:!1,inputEl:null,inputReadOnly:!0,closeByOutsideClick:!0,scrollToInput:!0,toolbarSheet:!0,toolbarPopover:!1,toolbarCloseText:"Done",navbarPopup:!0,navbarCloseText:"Done",navbarTitleText:"Color",navbarBackLinkText:"Back",cssClass:null,routableModals:!1,view:null,url:"color/",backdrop:null,closeByBackdropClick:!0,renderToolbar:null,renderNavbar:null,renderInline:null,renderPopover:null,renderSheet:null,renderPopup:null,render:null}}};if(r){if(e.prototype.modules&&e.prototype.modules[P.name])return;e.use(P),e.instance&&(e.instance.useModuleParams(P,e.instance.params),e.instance.useModule(P))}return P}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);e.$,e.utils,e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx;var o={name:"contactsList"};if(t){if(e.prototype.modules&&e.prototype.modules[o.name])return;e.use(o),e.instance&&(e.instance.useModuleParams(o,e.instance.params),e.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|