@pod-os/elements 0.4.0 → 0.4.1-2e30028.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/elements.cjs.js +1 -1
- package/dist/cjs/{ion-app_40.cjs.entry.js → ion-app_42.cjs.entry.js} +561 -31
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/apps/pos-app-browser/pos-app-browser.js +7 -0
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.js +64 -0
- package/dist/collection/components/pos-router/pos-router.js +1 -1
- package/dist/custom-elements/index.d.ts +12 -6
- package/dist/custom-elements/index.js +205 -33
- package/dist/elements/elements.esm.js +1 -1
- package/dist/elements/{p-4809c08b.entry.js → p-0be044f1.entry.js} +1 -1
- package/dist/elements/{p-9038f68e.entry.js → p-119c7c6c.entry.js} +1 -1
- package/dist/elements/{p-ab1b1b03.entry.js → p-14c7c3ea.entry.js} +1 -1
- package/dist/elements/{p-c4fb313e.entry.js → p-1d894ac4.entry.js} +1 -1
- package/dist/elements/{p-4250dc8d.entry.js → p-23b89ccb.entry.js} +1 -1
- package/dist/elements/{p-d2d84b3a.entry.js → p-2c03b9ab.entry.js} +1 -1
- package/dist/elements/{p-0908233c.entry.js → p-31d30e42.entry.js} +1 -1
- package/dist/elements/p-346985f2.js +1 -0
- package/dist/elements/{p-5617a76d.entry.js → p-360f1c62.entry.js} +1 -1
- package/dist/elements/{p-9813457e.entry.js → p-373e1f25.entry.js} +1 -1
- package/dist/elements/{p-84fa4ed5.entry.js → p-40547acb.entry.js} +1 -1
- package/dist/elements/{p-9fb98135.entry.js → p-40b68014.entry.js} +1 -1
- package/dist/elements/{p-b46d3ab6.entry.js → p-42e4f702.entry.js} +1 -1
- package/dist/elements/p-489807e5.js +1 -0
- package/dist/elements/{p-feda4431.entry.js → p-4ad72d54.entry.js} +1 -1
- package/dist/elements/{p-735719e4.js → p-4f24d306.js} +1 -1
- package/dist/elements/{p-0dbeacc4.entry.js → p-536e8e52.entry.js} +1 -1
- package/dist/elements/p-5eb7a546.js +1 -0
- package/dist/elements/{p-bab1fbc4.entry.js → p-60df2bed.entry.js} +1 -1
- package/dist/elements/{p-9b903903.js → p-6693fce8.js} +1 -1
- package/dist/elements/{p-c11279fc.js → p-707d5d76.js} +1 -1
- package/dist/elements/{p-f5b9742c.js → p-7212b7f2.js} +1 -1
- package/dist/elements/{p-78511267.entry.js → p-73992898.entry.js} +1 -1
- package/dist/elements/{p-3dabcacb.entry.js → p-83accf46.entry.js} +1 -1
- package/dist/elements/{p-e5e5d3fe.entry.js → p-89c12ce8.entry.js} +1 -1
- package/dist/elements/{p-36f660e0.entry.js → p-8c759f51.entry.js} +1 -1
- package/dist/elements/{p-5d1dc8fb.entry.js → p-8f945e6b.entry.js} +1 -1
- package/dist/elements/{p-c3c81ed2.js → p-9300ab6a.js} +1 -1
- package/dist/elements/{p-1aa0e849.js → p-99f8abed.js} +1 -1
- package/dist/elements/{p-1bb1a7ba.js → p-9ca7e079.js} +1 -1
- package/dist/elements/{p-971d348c.entry.js → p-a4648b74.entry.js} +1 -1
- package/dist/elements/{p-f8be6f3e.entry.js → p-ad4e2295.entry.js} +1 -1
- package/dist/elements/{p-e89acad8.entry.js → p-b078d63b.entry.js} +1 -1
- package/dist/elements/{p-24605c2e.entry.js → p-b5406b58.entry.js} +1 -1
- package/dist/elements/{p-203cbbcc.entry.js → p-b5ef0c91.entry.js} +1 -1
- package/dist/elements/{p-9dad7470.entry.js → p-b6ba623e.entry.js} +1 -1
- package/dist/elements/{p-d7dfabd5.entry.js → p-bfd4cfcd.entry.js} +1 -1
- package/dist/elements/p-c0db9c51.entry.js +1 -0
- package/dist/elements/{p-4d7de1f8.entry.js → p-cf8a7031.entry.js} +1 -1
- package/dist/elements/{p-77d68651.entry.js → p-d6d1e65f.entry.js} +1 -1
- package/dist/elements/p-e41ffcca.entry.js +67 -0
- package/dist/elements/{p-4a732500.entry.js → p-e642b266.entry.js} +1 -1
- package/dist/elements/{p-039fd555.js → p-f0474f46.js} +1 -1
- package/dist/elements/{p-db7feea8.entry.js → p-f10a94f6.entry.js} +1 -1
- package/dist/elements/{p-a68c3324.js → p-f327fd21.js} +1 -1
- package/dist/elements/p-f84987ee.js +1 -0
- package/dist/esm/{animation-cb124ae5.js → animation-fe6ed422.js} +1 -1
- package/dist/esm/elements.js +1 -1
- package/dist/esm/{framework-delegate-ef487ffc.js → framework-delegate-9cd8048f.js} +1 -1
- package/dist/esm/{helpers-af16fc18.js → helpers-44e3bd9f.js} +1 -1
- package/dist/esm/{index-8b5d780d.js → index-8a463a85.js} +3 -3
- package/dist/esm/{index-6f52f626.js → index-97199683.js} +2 -2
- package/dist/esm/{input-shims-dbfbbeff.js → input-shims-3b48722f.js} +1 -1
- package/dist/esm/ion-action-sheet.entry.js +3 -3
- package/dist/esm/ion-alert.entry.js +3 -3
- package/dist/esm/{ion-app_40.entry.js → ion-app_42.entry.js} +563 -35
- package/dist/esm/ion-back-button.entry.js +1 -1
- package/dist/esm/ion-checkbox.entry.js +1 -1
- package/dist/esm/ion-datetime.entry.js +2 -2
- package/dist/esm/ion-input.entry.js +1 -1
- package/dist/esm/ion-item-options.entry.js +1 -1
- package/dist/esm/ion-item-sliding.entry.js +1 -1
- package/dist/esm/ion-list-header_3.entry.js +1 -1
- package/dist/esm/ion-loading.entry.js +3 -3
- package/dist/esm/ion-menu-button.entry.js +4 -4
- package/dist/esm/ion-menu-toggle.entry.js +4 -4
- package/dist/esm/ion-menu.entry.js +3 -3
- package/dist/esm/ion-modal.entry.js +5 -5
- package/dist/esm/ion-nav.entry.js +4 -4
- package/dist/esm/ion-picker-column.entry.js +1 -1
- package/dist/esm/ion-picker.entry.js +3 -3
- package/dist/esm/ion-popover.entry.js +5 -5
- package/dist/esm/ion-range.entry.js +1 -1
- package/dist/esm/ion-refresher.entry.js +2 -2
- package/dist/esm/ion-router-outlet.entry.js +4 -4
- package/dist/esm/ion-router.entry.js +1 -1
- package/dist/esm/ion-segment-button.entry.js +1 -1
- package/dist/esm/ion-segment.entry.js +1 -1
- package/dist/esm/ion-select-popover.entry.js +2 -2
- package/dist/esm/ion-select.entry.js +2 -2
- package/dist/esm/ion-slides.entry.js +1 -1
- package/dist/esm/ion-tab.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +1 -1
- package/dist/esm/ion-toast.entry.js +3 -3
- package/dist/esm/ion-toggle.entry.js +1 -1
- package/dist/esm/ion-virtual-scroll.entry.js +1 -1
- package/dist/esm/{ios.transition-b01e6585.js → ios.transition-a783e3cd.js} +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{md.transition-8b14ce53.js → md.transition-5a4a8c82.js} +3 -3
- package/dist/esm/{menu-toggle-util-e1b8b1b3.js → menu-toggle-util-562dfc9c.js} +1 -1
- package/dist/esm/{overlays-a2145347.js → overlays-fc9a0625.js} +1 -1
- package/dist/esm/{status-tap-b8a70b06.js → status-tap-69e62ad6.js} +1 -1
- package/dist/esm/{swipe-back-7e655479.js → swipe-back-d84cfc8a.js} +1 -1
- package/dist/esm/{tap-click-faa3d392.js → tap-click-a7e55ef5.js} +1 -1
- package/dist/types/apps/pos-app-browser/pos-app-browser.d.ts +3 -0
- package/dist/types/components/pos-navigation-bar/pos-navigation-bar.d.ts +9 -0
- package/dist/types/components.d.ts +33 -13
- package/package.json +1 -1
- package/dist/cjs/ion-searchbar.cjs.entry.js +0 -370
- package/dist/collection/components/pos-demo-app/pos-demo-app.js +0 -7
- package/dist/elements/p-263a0343.js +0 -1
- package/dist/elements/p-2c747ed4.entry.js +0 -1
- package/dist/elements/p-2f2718d4.entry.js +0 -1
- package/dist/elements/p-53166138.js +0 -1
- package/dist/elements/p-6e247b63.js +0 -1
- package/dist/elements/p-a15e4603.js +0 -1
- package/dist/elements/p-ed0c27e2.entry.js +0 -67
- package/dist/esm/ion-searchbar.entry.js +0 -366
- package/dist/types/components/pos-demo-app/pos-demo-app.d.ts +0 -3
|
@@ -1,370 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-b4a9ece2.js');
|
|
6
|
-
const ionicGlobal = require('./ionic-global-56e10eb5.js');
|
|
7
|
-
const helpers = require('./helpers-398ced09.js');
|
|
8
|
-
const theme = require('./theme-2259d0f5.js');
|
|
9
|
-
|
|
10
|
-
const searchbarIosCss = ".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;box-shadow:var(--box-shadow);box-sizing:border-box;appearance:none}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);appearance:none}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #3880ff);--clear-button-color:var(--ion-color-step-600, #666666);--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, #666666);padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;height:60px;contain:strict}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.sc-ion-searchbar-ios-h{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}.searchbar-input-container.sc-ion-searchbar-ios{height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:calc(50% - 60px);left:5px;top:0;position:absolute;width:22px;height:100%;contain:strict}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px)}}[dir=rtl].sc-ion-searchbar-ios .searchbar-search-icon.sc-ion-searchbar-ios,[dir=rtl].sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}.searchbar-input.sc-ion-searchbar-ios{padding-left:28px;padding-right:28px;padding-top:0;padding-bottom:0;height:100%;font-size:17px;font-weight:400;contain:strict}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-input.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:28px;padding-inline-start:28px;-webkit-padding-end:28px;padding-inline-end:28px}}.searchbar-clear-button.sc-ion-searchbar-ios{right:0;top:0;background-position:center;position:absolute;width:30px;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-ios .searchbar-clear-button.sc-ion-searchbar-ios,[dir=rtl].sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:18px;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:8px;padding-right:0;padding-top:0;padding-bottom:0;flex-shrink:0;background-color:transparent;font-size:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:0;padding-inline-end:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:30px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:unset;-webkit-padding-start:30px;padding-inline-start:30px}}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:-100%;transform:translate3d(0, 0, 0);transition:all 300ms ease;opacity:0;pointer-events:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:unset;-webkit-margin-end:-100%;margin-inline-end:-100%}}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}";
|
|
11
|
-
|
|
12
|
-
const searchbarMdCss = ".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;box-shadow:var(--box-shadow);box-sizing:border-box;appearance:none}.searchbar-input.sc-ion-searchbar-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md>div.sc-ion-searchbar-md{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);appearance:none}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, #1a1a1a);--clear-button-color:initial;--color:var(--ion-color-step-850, #262626);--icon-color:var(--ion-color-step-600, #666666);padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;background:inherit}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.searchbar-search-icon.sc-ion-searchbar-md{left:16px;top:11px;width:21px;height:21px}[dir=rtl].sc-ion-searchbar-md .searchbar-search-icon.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}.searchbar-cancel-button.sc-ion-searchbar-md{left:5px;top:0;background-color:transparent;font-size:1.6em}[dir=rtl].sc-ion-searchbar-md .searchbar-cancel-button.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:5px}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{padding-left:55px;padding-right:55px;padding-top:6px;padding-bottom:6px;background-position:left 8px center;height:auto;font-size:16px;font-weight:400;line-height:30px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-input.sc-ion-searchbar-md{padding-left:unset;padding-right:unset;-webkit-padding-start:55px;padding-inline-start:55px;-webkit-padding-end:55px;padding-inline-end:55px}}[dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}.searchbar-clear-button.sc-ion-searchbar-md{right:13px;top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-md .searchbar-clear-button.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}.searchbar-clear-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:22px;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px}}";
|
|
13
|
-
|
|
14
|
-
const Searchbar = class {
|
|
15
|
-
constructor(hostRef) {
|
|
16
|
-
index.registerInstance(this, hostRef);
|
|
17
|
-
this.ionInput = index.createEvent(this, "ionInput", 7);
|
|
18
|
-
this.ionChange = index.createEvent(this, "ionChange", 7);
|
|
19
|
-
this.ionCancel = index.createEvent(this, "ionCancel", 7);
|
|
20
|
-
this.ionClear = index.createEvent(this, "ionClear", 7);
|
|
21
|
-
this.ionBlur = index.createEvent(this, "ionBlur", 7);
|
|
22
|
-
this.ionFocus = index.createEvent(this, "ionFocus", 7);
|
|
23
|
-
this.ionStyle = index.createEvent(this, "ionStyle", 7);
|
|
24
|
-
this.isCancelVisible = false;
|
|
25
|
-
this.shouldAlignLeft = true;
|
|
26
|
-
this.focused = false;
|
|
27
|
-
this.noAnimate = true;
|
|
28
|
-
/**
|
|
29
|
-
* If `true`, enable searchbar animation.
|
|
30
|
-
*/
|
|
31
|
-
this.animated = false;
|
|
32
|
-
/**
|
|
33
|
-
* Set the input's autocomplete property.
|
|
34
|
-
*/
|
|
35
|
-
this.autocomplete = 'off';
|
|
36
|
-
/**
|
|
37
|
-
* Set the input's autocorrect property.
|
|
38
|
-
*/
|
|
39
|
-
this.autocorrect = 'off';
|
|
40
|
-
/**
|
|
41
|
-
* Set the cancel button icon. Only applies to `md` mode.
|
|
42
|
-
* Defaults to `"arrow-back-sharp"`.
|
|
43
|
-
*/
|
|
44
|
-
this.cancelButtonIcon = ionicGlobal.config.get('backButtonIcon', 'arrow-back-sharp');
|
|
45
|
-
/**
|
|
46
|
-
* Set the the cancel button text. Only applies to `ios` mode.
|
|
47
|
-
*/
|
|
48
|
-
this.cancelButtonText = 'Cancel';
|
|
49
|
-
/**
|
|
50
|
-
* Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
|
|
51
|
-
*/
|
|
52
|
-
this.debounce = 250;
|
|
53
|
-
/**
|
|
54
|
-
* If `true`, the user cannot interact with the input.
|
|
55
|
-
*/
|
|
56
|
-
this.disabled = false;
|
|
57
|
-
/**
|
|
58
|
-
* Set the input's placeholder.
|
|
59
|
-
* `placeholder` can accept either plaintext or HTML as a string.
|
|
60
|
-
* To display characters normally reserved for HTML, they
|
|
61
|
-
* must be escaped. For example `<Ionic>` would become
|
|
62
|
-
* `<Ionic>`
|
|
63
|
-
*
|
|
64
|
-
* For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
|
|
65
|
-
*/
|
|
66
|
-
this.placeholder = 'Search';
|
|
67
|
-
/**
|
|
68
|
-
* Sets the behavior for the cancel button. Defaults to `"never"`.
|
|
69
|
-
* Setting to `"focus"` shows the cancel button on focus.
|
|
70
|
-
* Setting to `"never"` hides the cancel button.
|
|
71
|
-
* Setting to `"always"` shows the cancel button regardless
|
|
72
|
-
* of focus state.
|
|
73
|
-
*/
|
|
74
|
-
this.showCancelButton = 'never';
|
|
75
|
-
/**
|
|
76
|
-
* Sets the behavior for the clear button. Defaults to `"focus"`.
|
|
77
|
-
* Setting to `"focus"` shows the clear button on focus if the
|
|
78
|
-
* input is not empty.
|
|
79
|
-
* Setting to `"never"` hides the clear button.
|
|
80
|
-
* Setting to `"always"` shows the clear button regardless
|
|
81
|
-
* of focus state, but only if the input is not empty.
|
|
82
|
-
*/
|
|
83
|
-
this.showClearButton = 'focus';
|
|
84
|
-
/**
|
|
85
|
-
* If `true`, enable spellcheck on the input.
|
|
86
|
-
*/
|
|
87
|
-
this.spellcheck = false;
|
|
88
|
-
/**
|
|
89
|
-
* Set the type of the input.
|
|
90
|
-
*/
|
|
91
|
-
this.type = 'search';
|
|
92
|
-
/**
|
|
93
|
-
* the value of the searchbar.
|
|
94
|
-
*/
|
|
95
|
-
this.value = '';
|
|
96
|
-
/**
|
|
97
|
-
* Clears the input field and triggers the control change.
|
|
98
|
-
*/
|
|
99
|
-
this.onClearInput = (ev, shouldFocus) => {
|
|
100
|
-
this.ionClear.emit();
|
|
101
|
-
if (ev) {
|
|
102
|
-
ev.preventDefault();
|
|
103
|
-
ev.stopPropagation();
|
|
104
|
-
}
|
|
105
|
-
// setTimeout() fixes https://github.com/ionic-team/ionic/issues/7527
|
|
106
|
-
// wait for 4 frames
|
|
107
|
-
setTimeout(() => {
|
|
108
|
-
const value = this.getValue();
|
|
109
|
-
if (value !== '') {
|
|
110
|
-
this.value = '';
|
|
111
|
-
this.ionInput.emit();
|
|
112
|
-
/**
|
|
113
|
-
* When tapping clear button
|
|
114
|
-
* ensure input is focused after
|
|
115
|
-
* clearing input so users
|
|
116
|
-
* can quickly start typing.
|
|
117
|
-
*/
|
|
118
|
-
if (shouldFocus && !this.focused) {
|
|
119
|
-
this.setFocus();
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}, 16 * 4);
|
|
123
|
-
};
|
|
124
|
-
/**
|
|
125
|
-
* Clears the input field and tells the input to blur since
|
|
126
|
-
* the clearInput function doesn't want the input to blur
|
|
127
|
-
* then calls the custom cancel function if the user passed one in.
|
|
128
|
-
*/
|
|
129
|
-
this.onCancelSearchbar = (ev) => {
|
|
130
|
-
if (ev) {
|
|
131
|
-
ev.preventDefault();
|
|
132
|
-
ev.stopPropagation();
|
|
133
|
-
}
|
|
134
|
-
this.ionCancel.emit();
|
|
135
|
-
this.onClearInput();
|
|
136
|
-
if (this.nativeInput) {
|
|
137
|
-
this.nativeInput.blur();
|
|
138
|
-
}
|
|
139
|
-
};
|
|
140
|
-
/**
|
|
141
|
-
* Update the Searchbar input value when the input changes
|
|
142
|
-
*/
|
|
143
|
-
this.onInput = (ev) => {
|
|
144
|
-
const input = ev.target;
|
|
145
|
-
if (input) {
|
|
146
|
-
this.value = input.value;
|
|
147
|
-
}
|
|
148
|
-
this.ionInput.emit(ev);
|
|
149
|
-
};
|
|
150
|
-
/**
|
|
151
|
-
* Sets the Searchbar to not focused and checks if it should align left
|
|
152
|
-
* based on whether there is a value in the searchbar or not.
|
|
153
|
-
*/
|
|
154
|
-
this.onBlur = () => {
|
|
155
|
-
this.focused = false;
|
|
156
|
-
this.ionBlur.emit();
|
|
157
|
-
this.positionElements();
|
|
158
|
-
};
|
|
159
|
-
/**
|
|
160
|
-
* Sets the Searchbar to focused and active on input focus.
|
|
161
|
-
*/
|
|
162
|
-
this.onFocus = () => {
|
|
163
|
-
this.focused = true;
|
|
164
|
-
this.ionFocus.emit();
|
|
165
|
-
this.positionElements();
|
|
166
|
-
};
|
|
167
|
-
}
|
|
168
|
-
debounceChanged() {
|
|
169
|
-
this.ionChange = helpers.debounceEvent(this.ionChange, this.debounce);
|
|
170
|
-
}
|
|
171
|
-
valueChanged() {
|
|
172
|
-
const inputEl = this.nativeInput;
|
|
173
|
-
const value = this.getValue();
|
|
174
|
-
if (inputEl && inputEl.value !== value) {
|
|
175
|
-
inputEl.value = value;
|
|
176
|
-
}
|
|
177
|
-
this.ionChange.emit({ value });
|
|
178
|
-
}
|
|
179
|
-
showCancelButtonChanged() {
|
|
180
|
-
requestAnimationFrame(() => {
|
|
181
|
-
this.positionElements();
|
|
182
|
-
index.forceUpdate(this);
|
|
183
|
-
});
|
|
184
|
-
}
|
|
185
|
-
connectedCallback() {
|
|
186
|
-
this.emitStyle();
|
|
187
|
-
}
|
|
188
|
-
componentDidLoad() {
|
|
189
|
-
this.positionElements();
|
|
190
|
-
this.debounceChanged();
|
|
191
|
-
setTimeout(() => {
|
|
192
|
-
this.noAnimate = false;
|
|
193
|
-
}, 300);
|
|
194
|
-
}
|
|
195
|
-
emitStyle() {
|
|
196
|
-
this.ionStyle.emit({
|
|
197
|
-
'searchbar': true
|
|
198
|
-
});
|
|
199
|
-
}
|
|
200
|
-
/**
|
|
201
|
-
* Sets focus on the specified `ion-searchbar`. Use this method instead of the global
|
|
202
|
-
* `input.focus()`.
|
|
203
|
-
*/
|
|
204
|
-
async setFocus() {
|
|
205
|
-
if (this.nativeInput) {
|
|
206
|
-
this.nativeInput.focus();
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
/**
|
|
210
|
-
* Returns the native `<input>` element used under the hood.
|
|
211
|
-
*/
|
|
212
|
-
getInputElement() {
|
|
213
|
-
return Promise.resolve(this.nativeInput);
|
|
214
|
-
}
|
|
215
|
-
/**
|
|
216
|
-
* Positions the input search icon, placeholder, and the cancel button
|
|
217
|
-
* based on the input value and if it is focused. (ios only)
|
|
218
|
-
*/
|
|
219
|
-
positionElements() {
|
|
220
|
-
const value = this.getValue();
|
|
221
|
-
const prevAlignLeft = this.shouldAlignLeft;
|
|
222
|
-
const mode = ionicGlobal.getIonMode(this);
|
|
223
|
-
const shouldAlignLeft = (!this.animated || value.trim() !== '' || !!this.focused);
|
|
224
|
-
this.shouldAlignLeft = shouldAlignLeft;
|
|
225
|
-
if (mode !== 'ios') {
|
|
226
|
-
return;
|
|
227
|
-
}
|
|
228
|
-
if (prevAlignLeft !== shouldAlignLeft) {
|
|
229
|
-
this.positionPlaceholder();
|
|
230
|
-
}
|
|
231
|
-
if (this.animated) {
|
|
232
|
-
this.positionCancelButton();
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
/**
|
|
236
|
-
* Positions the input placeholder
|
|
237
|
-
*/
|
|
238
|
-
positionPlaceholder() {
|
|
239
|
-
const inputEl = this.nativeInput;
|
|
240
|
-
if (!inputEl) {
|
|
241
|
-
return;
|
|
242
|
-
}
|
|
243
|
-
const isRTL = document.dir === 'rtl';
|
|
244
|
-
const iconEl = (this.el.shadowRoot || this.el).querySelector('.searchbar-search-icon');
|
|
245
|
-
if (this.shouldAlignLeft) {
|
|
246
|
-
inputEl.removeAttribute('style');
|
|
247
|
-
iconEl.removeAttribute('style');
|
|
248
|
-
}
|
|
249
|
-
else {
|
|
250
|
-
// Create a dummy span to get the placeholder width
|
|
251
|
-
const doc = document;
|
|
252
|
-
const tempSpan = doc.createElement('span');
|
|
253
|
-
tempSpan.innerText = this.placeholder || '';
|
|
254
|
-
doc.body.appendChild(tempSpan);
|
|
255
|
-
// Get the width of the span then remove it
|
|
256
|
-
helpers.raf(() => {
|
|
257
|
-
const textWidth = tempSpan.offsetWidth;
|
|
258
|
-
tempSpan.remove();
|
|
259
|
-
// Calculate the input padding
|
|
260
|
-
const inputLeft = 'calc(50% - ' + (textWidth / 2) + 'px)';
|
|
261
|
-
// Calculate the icon margin
|
|
262
|
-
const iconLeft = 'calc(50% - ' + ((textWidth / 2) + 30) + 'px)';
|
|
263
|
-
// Set the input padding start and icon margin start
|
|
264
|
-
if (isRTL) {
|
|
265
|
-
inputEl.style.paddingRight = inputLeft;
|
|
266
|
-
iconEl.style.marginRight = iconLeft;
|
|
267
|
-
}
|
|
268
|
-
else {
|
|
269
|
-
inputEl.style.paddingLeft = inputLeft;
|
|
270
|
-
iconEl.style.marginLeft = iconLeft;
|
|
271
|
-
}
|
|
272
|
-
});
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
/**
|
|
276
|
-
* Show the iOS Cancel button on focus, hide it offscreen otherwise
|
|
277
|
-
*/
|
|
278
|
-
positionCancelButton() {
|
|
279
|
-
const isRTL = document.dir === 'rtl';
|
|
280
|
-
const cancelButton = (this.el.shadowRoot || this.el).querySelector('.searchbar-cancel-button');
|
|
281
|
-
const shouldShowCancel = this.shouldShowCancelButton();
|
|
282
|
-
if (cancelButton && shouldShowCancel !== this.isCancelVisible) {
|
|
283
|
-
const cancelStyle = cancelButton.style;
|
|
284
|
-
this.isCancelVisible = shouldShowCancel;
|
|
285
|
-
if (shouldShowCancel) {
|
|
286
|
-
if (isRTL) {
|
|
287
|
-
cancelStyle.marginLeft = '0';
|
|
288
|
-
}
|
|
289
|
-
else {
|
|
290
|
-
cancelStyle.marginRight = '0';
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
else {
|
|
294
|
-
const offset = cancelButton.offsetWidth;
|
|
295
|
-
if (offset > 0) {
|
|
296
|
-
if (isRTL) {
|
|
297
|
-
cancelStyle.marginLeft = -offset + 'px';
|
|
298
|
-
}
|
|
299
|
-
else {
|
|
300
|
-
cancelStyle.marginRight = -offset + 'px';
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
getValue() {
|
|
307
|
-
return this.value || '';
|
|
308
|
-
}
|
|
309
|
-
hasValue() {
|
|
310
|
-
return this.getValue() !== '';
|
|
311
|
-
}
|
|
312
|
-
/**
|
|
313
|
-
* Determines whether or not the cancel button should be visible onscreen.
|
|
314
|
-
* Cancel button should be shown if one of two conditions applies:
|
|
315
|
-
* 1. `showCancelButton` is set to `always`.
|
|
316
|
-
* 2. `showCancelButton` is set to `focus`, and the searchbar has been focused.
|
|
317
|
-
*/
|
|
318
|
-
shouldShowCancelButton() {
|
|
319
|
-
if ((this.showCancelButton === 'never') || (this.showCancelButton === 'focus' && !this.focused)) {
|
|
320
|
-
return false;
|
|
321
|
-
}
|
|
322
|
-
return true;
|
|
323
|
-
}
|
|
324
|
-
/**
|
|
325
|
-
* Determines whether or not the clear button should be visible onscreen.
|
|
326
|
-
* Clear button should be shown if one of two conditions applies:
|
|
327
|
-
* 1. `showClearButton` is set to `always`.
|
|
328
|
-
* 2. `showClearButton` is set to `focus`, and the searchbar has been focused.
|
|
329
|
-
*/
|
|
330
|
-
shouldShowClearButton() {
|
|
331
|
-
if ((this.showClearButton === 'never') || (this.showClearButton === 'focus' && !this.focused)) {
|
|
332
|
-
return false;
|
|
333
|
-
}
|
|
334
|
-
return true;
|
|
335
|
-
}
|
|
336
|
-
render() {
|
|
337
|
-
const { cancelButtonText } = this;
|
|
338
|
-
const animated = this.animated && ionicGlobal.config.getBoolean('animated', true);
|
|
339
|
-
const mode = ionicGlobal.getIonMode(this);
|
|
340
|
-
const clearIcon = this.clearIcon || (mode === 'ios' ? 'close-circle' : 'close-sharp');
|
|
341
|
-
const searchIcon = this.searchIcon || (mode === 'ios' ? 'search-outline' : 'search-sharp');
|
|
342
|
-
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
343
|
-
const cancelButton = (this.showCancelButton !== 'never') && (index.h("button", { "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { "aria-hidden": "true" }, mode === 'md'
|
|
344
|
-
? index.h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })
|
|
345
|
-
: cancelButtonText)));
|
|
346
|
-
return (index.h(index.Host, { role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
|
|
347
|
-
[mode]: true,
|
|
348
|
-
'searchbar-animated': animated,
|
|
349
|
-
'searchbar-disabled': this.disabled,
|
|
350
|
-
'searchbar-no-animate': animated && this.noAnimate,
|
|
351
|
-
'searchbar-has-value': this.hasValue(),
|
|
352
|
-
'searchbar-left-aligned': this.shouldAlignLeft,
|
|
353
|
-
'searchbar-has-focus': this.focused,
|
|
354
|
-
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
355
|
-
'searchbar-should-show-cancel': this.shouldShowCancelButton()
|
|
356
|
-
}) }, index.h("div", { class: "searchbar-input-container" }, index.h("input", { "aria-label": "search text", disabled: this.disabled, ref: el => this.nativeInput = el, class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }), mode === 'md' && cancelButton, index.h("ion-icon", { "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onMouseDown: ev => this.onClearInput(ev, true), onTouchStart: ev => this.onClearInput(ev, true) }, index.h("ion-icon", { "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
|
|
357
|
-
}
|
|
358
|
-
get el() { return index.getElement(this); }
|
|
359
|
-
static get watchers() { return {
|
|
360
|
-
"debounce": ["debounceChanged"],
|
|
361
|
-
"value": ["valueChanged"],
|
|
362
|
-
"showCancelButton": ["showCancelButtonChanged"]
|
|
363
|
-
}; }
|
|
364
|
-
};
|
|
365
|
-
Searchbar.style = {
|
|
366
|
-
ios: searchbarIosCss,
|
|
367
|
-
md: searchbarMdCss
|
|
368
|
-
};
|
|
369
|
-
|
|
370
|
-
exports.ion_searchbar = Searchbar;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { h } from '@stencil/core';
|
|
2
|
-
export class PosDemoApp {
|
|
3
|
-
render() {
|
|
4
|
-
return (h("pos-app", null, h("ion-header", null, h("ion-toolbar", null, h("ion-title", { slot: "start" }, "pod os"), h("pos-login", null))), h("ion-content", null, h("pos-router", null)), h("ion-footer", null, h("ion-toolbar", null, h("ion-title", null, "Footer")))));
|
|
5
|
-
}
|
|
6
|
-
static get is() { return "pos-demo-app"; }
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as t}from"./p-1bb1a7ba.js";import{g as a}from"./p-a68c3324.js";import"./p-735719e4.js";import"./p-7e5300af.js";const o=(o,r)=>{const i="back"===r.direction,s=r.leavingEl,e=a(r.enteringEl),p=e.querySelector("ion-toolbar"),n=t();if(n.addElement(e).fill("both").beforeRemoveClass("ion-page-invisible"),i?n.duration(r.duration||200).easing("cubic-bezier(0.47,0,0.745,0.715)"):n.duration(r.duration||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform","translateY(40px)","translateY(0px)").fromTo("opacity",.01,1),p){const a=t();a.addElement(p),n.addAnimation(a)}if(s&&i){n.duration(r.duration||200).easing("cubic-bezier(0.47,0,0.745,0.715)");const o=t();o.addElement(a(s)).onFinish((t=>{1===t&&o.elements.length>0&&o.elements[0].style.setProperty("display","none")})).fromTo("transform","translateY(0px)","translateY(40px)").fromTo("opacity",1,0),n.addAnimation(o)}return n};export{o as mdTransitionAnimation}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as t,H as r,c as o,a as e}from"./p-7e5300af.js";import{g as n}from"./p-cff82b6f.js";import{c as a,h as s}from"./p-cfc0e54d.js";import{b as l,d,e as h}from"./p-735719e4.js";const c=class{constructor(t){i(this,t)}render(){const{lines:i}=this,o=n(this);return t(r,{class:a(this.color,{[o]:!0,[`list-header-lines-${i}`]:void 0!==i})},t("div",{class:"list-header-inner"},t("slot",null)))}};c.style={ios:":host{--border-style:solid;--border-width:0;--inner-border-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.list-header-inner{display:flex;position:relative;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);overflow:inherit;box-sizing:border-box}::slotted(ion-label){flex:1 1 auto}:host(.list-header-lines-inset),:host(.list-header-lines-none){--border-width:0}:host(.list-header-lines-full),:host(.list-header-lines-none){--inner-border-width:0}:host{--background:transparent;--color:var(--ion-color-step-850, #262626);--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));padding-left:calc(var(--ion-safe-area-left, 0px) + 20px);position:relative;align-items:flex-end;font-size:22px;font-weight:700;letter-spacing:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;-webkit-padding-start:calc(var(--ion-safe-area-left, 0px) + 20px);padding-inline-start:calc(var(--ion-safe-area-left, 0px) + 20px)}}::slotted(ion-button),::slotted(ion-label){margin-top:29px;margin-bottom:6px}::slotted(ion-button){margin-left:3px;margin-right:3px;height:1.4em}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-button){margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:3px;margin-inline-end:3px}}:host(.list-header-lines-full){--border-width:0 0 0.55px 0}:host(.list-header-lines-inset){--inner-border-width:0 0 0.55px 0}",md:":host{--border-style:solid;--border-width:0;--inner-border-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.list-header-inner{display:flex;position:relative;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);overflow:inherit;box-sizing:border-box}::slotted(ion-label){flex:1 1 auto}:host(.list-header-lines-inset),:host(.list-header-lines-none){--border-width:0}:host(.list-header-lines-full),:host(.list-header-lines-none){--inner-border-width:0}:host{--background:transparent;--color:var(--ion-text-color, #000);--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));padding-left:calc(var(--ion-safe-area-left, 0) + 16px);min-height:45px;font-size:14px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;-webkit-padding-start:calc(var(--ion-safe-area-left, 0) + 16px);padding-inline-start:calc(var(--ion-safe-area-left, 0) + 16px)}}:host(.list-header-lines-full){--border-width:0 0 1px 0}:host(.list-header-lines-inset){--inner-border-width:0 0 1px 0}"};const b=class{constructor(t){i(this,t),this.ionStyle=o(this,"ionStyle",7),this.ionFocus=o(this,"ionFocus",7),this.ionBlur=o(this,"ionBlur",7),this.inputId="ion-rb-"+p++,this.radioGroup=null,this.checked=!1,this.buttonTabindex=-1,this.name=this.inputId,this.disabled=!1,this.updateState=()=>{this.radioGroup&&(this.checked=this.radioGroup.value===this.value)},this.onFocus=()=>{this.ionFocus.emit()},this.onBlur=()=>{this.ionBlur.emit()}}async setFocus(i){i.stopPropagation(),i.preventDefault(),this.el.focus()}async setButtonTabindex(i){this.buttonTabindex=i}connectedCallback(){void 0===this.value&&(this.value=this.inputId);const i=this.radioGroup=this.el.closest("ion-radio-group");i&&(this.updateState(),l(i,"ionChange",this.updateState))}disconnectedCallback(){const i=this.radioGroup;i&&(d(i,"ionChange",this.updateState),this.radioGroup=null)}componentWillLoad(){this.emitStyle()}emitStyle(){this.ionStyle.emit({"radio-checked":this.checked,"interactive-disabled":this.disabled})}render(){const{inputId:i,disabled:o,checked:e,color:l,el:d,buttonTabindex:c}=this,b=n(this),{label:p,labelId:g,labelText:m}=h(d,i);return t(r,{"aria-checked":`${e}`,"aria-hidden":o?"true":null,"aria-labelledby":p?g:null,role:"radio",tabindex:c,onFocus:this.onFocus,onBlur:this.onBlur,class:a(l,{[b]:!0,"in-item":s("ion-item",d),interactive:!0,"radio-checked":e,"radio-disabled":o})},t("div",{class:"radio-icon",part:"container"},t("div",{class:"radio-inner",part:"mark"}),t("div",{class:"radio-ripple"})),t("label",{htmlFor:i},m),t("input",{type:"radio",checked:e,disabled:o,tabindex:"-1",id:i}))}get el(){return e(this)}static get watchers(){return{color:["emitStyle"],checked:["emitStyle"],disabled:["emitStyle"]}}};let p=0;b.style={ios:':host{--inner-border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;user-select:none;z-index:2}:host(.radio-disabled){pointer-events:none}.radio-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{box-sizing:border-box}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(:focus){outline:none}:host{--color-checked:var(--ion-color-primary, #3880ff);width:15px;height:24px}:host(.ion-color.radio-checked) .radio-inner{border-color:var(--ion-color-base)}.item-radio.item-ios ion-label{margin-left:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.item-radio.item-ios ion-label{margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}.radio-inner{width:33%;height:50%}:host(.radio-checked) .radio-inner{transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}:host(.radio-disabled){opacity:0.3}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);left:-9px;top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:"";opacity:0.2}:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after,:host-context([dir=rtl]).ion-focused .radio-icon::after{left:unset;right:unset;right:-9px}:host(.in-item){margin-left:10px;margin-right:11px;margin-top:8px;margin-bottom:8px;display:block;position:static}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:11px;margin-inline-end:11px}}:host(.in-item[slot=start]){margin-left:3px;margin-right:21px;margin-top:8px;margin-bottom:8px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:21px;margin-inline-end:21px}}',md:':host{--inner-border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;user-select:none;z-index:2}:host(.radio-disabled){pointer-events:none}.radio-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{box-sizing:border-box}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(:focus){outline:none}:host{--color:var(--ion-color-step-400, #999999);--color-checked:var(--ion-color-primary, #3880ff);--border-width:2px;--border-style:solid;--border-radius:50%;width:20px;height:20px}:host(.ion-color) .radio-inner{background:var(--ion-color-base)}:host(.ion-color.radio-checked) .radio-icon{border-color:var(--ion-color-base)}.radio-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}.radio-inner{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));transform:scale3d(0, 0, 0);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}:host(.radio-checked) .radio-icon{border-color:var(--color-checked)}:host(.radio-checked) .radio-inner{transform:scale3d(1, 1, 1)}:host(.radio-disabled){opacity:0.3}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);left:-12px;top:-12px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:"";opacity:0.2}:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after,:host-context([dir=rtl]).ion-focused .radio-icon::after{left:unset;right:unset;right:-12px}:host(.in-item){margin-left:0;margin-right:0;margin-top:9px;margin-bottom:9px;display:block;position:static}:host(.in-item[slot=start]){margin-left:4px;margin-right:36px;margin-top:11px;margin-bottom:10px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px}}'};const g=class{constructor(t){i(this,t),this.ionChange=o(this,"ionChange",7),this.inputId="ion-rg-"+m++,this.labelId=`${this.inputId}-lbl`,this.allowEmptySelection=!1,this.name=this.inputId,this.setRadioTabindex=i=>{const t=this.getRadios(),r=t.find((i=>!i.disabled)),o=t.find((t=>t.value===i&&!t.disabled));if(!r&&!o)return;const e=o||r;for(const i of t)i.setButtonTabindex(i===e?0:-1)},this.onClick=i=>{i.preventDefault();const t=i.target&&i.target.closest("ion-radio");if(t){const i=t.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0)}}}valueChanged(i){this.setRadioTabindex(i),this.ionChange.emit({value:i})}componentDidLoad(){this.setRadioTabindex(this.value)}async connectedCallback(){const i=this.el.querySelector("ion-list-header")||this.el.querySelector("ion-item-divider");if(i){const t=this.label=i.querySelector("ion-label");t&&(this.labelId=t.id=this.name+"-lbl")}}getRadios(){return Array.from(this.el.querySelectorAll("ion-radio"))}onKeydown(i){const t=!!this.el.closest("ion-select-popover");if(i.target&&!this.el.contains(i.target))return;const r=this.getRadios().filter((i=>!i.disabled));if(i.target&&r.includes(i.target)){const o=r.findIndex((t=>t===i.target)),e=r[o];let n;["ArrowDown","ArrowRight"].includes(i.code)&&(n=o===r.length-1?r[0]:r[o+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(n=0===o?r[r.length-1]:r[o-1]),n&&r.includes(n)&&(n.setFocus(i),t||(this.value=n.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:e.value,i.preventDefault())}}render(){const{label:i,labelId:o}=this,e=n(this);return t(r,{role:"radiogroup","aria-labelledby":i?o:null,onClick:this.onClick,class:e})}get el(){return e(this)}static get watchers(){return{value:["valueChanged"]}}};let m=0;export{c as ion_list_header,b as ion_radio,g as ion_radio_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as a,f as i,h as o,H as s,a as n}from"./p-7e5300af.js";import{c as e,g as t}from"./p-cff82b6f.js";import{k as c,r as h}from"./p-735719e4.js";import{c as b}from"./p-cfc0e54d.js";const l=class{constructor(i){r(this,i),this.ionInput=a(this,"ionInput",7),this.ionChange=a(this,"ionChange",7),this.ionCancel=a(this,"ionCancel",7),this.ionClear=a(this,"ionClear",7),this.ionBlur=a(this,"ionBlur",7),this.ionFocus=a(this,"ionFocus",7),this.ionStyle=a(this,"ionStyle",7),this.isCancelVisible=!1,this.shouldAlignLeft=!0,this.focused=!1,this.noAnimate=!0,this.animated=!1,this.autocomplete="off",this.autocorrect="off",this.cancelButtonIcon=e.get("backButtonIcon","arrow-back-sharp"),this.cancelButtonText="Cancel",this.debounce=250,this.disabled=!1,this.placeholder="Search",this.showCancelButton="never",this.showClearButton="focus",this.spellcheck=!1,this.type="search",this.value="",this.onClearInput=(r,a)=>{this.ionClear.emit(),r&&(r.preventDefault(),r.stopPropagation()),setTimeout((()=>{""!==this.getValue()&&(this.value="",this.ionInput.emit(),a&&!this.focused&&this.setFocus())}),64)},this.onCancelSearchbar=r=>{r&&(r.preventDefault(),r.stopPropagation()),this.ionCancel.emit(),this.onClearInput(),this.nativeInput&&this.nativeInput.blur()},this.onInput=r=>{const a=r.target;a&&(this.value=a.value),this.ionInput.emit(r)},this.onBlur=()=>{this.focused=!1,this.ionBlur.emit(),this.positionElements()},this.onFocus=()=>{this.focused=!0,this.ionFocus.emit(),this.positionElements()}}debounceChanged(){this.ionChange=c(this.ionChange,this.debounce)}valueChanged(){const r=this.nativeInput,a=this.getValue();r&&r.value!==a&&(r.value=a),this.ionChange.emit({value:a})}showCancelButtonChanged(){requestAnimationFrame((()=>{this.positionElements(),i(this)}))}connectedCallback(){this.emitStyle()}componentDidLoad(){this.positionElements(),this.debounceChanged(),setTimeout((()=>{this.noAnimate=!1}),300)}emitStyle(){this.ionStyle.emit({searchbar:!0})}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}positionElements(){const r=this.getValue(),a=this.shouldAlignLeft,i=t(this),o=!this.animated||""!==r.trim()||!!this.focused;this.shouldAlignLeft=o,"ios"===i&&(a!==o&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())}positionPlaceholder(){const r=this.nativeInput;if(!r)return;const a="rtl"===document.dir,i=(this.el.shadowRoot||this.el).querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)r.removeAttribute("style"),i.removeAttribute("style");else{const o=document,s=o.createElement("span");s.innerText=this.placeholder||"",o.body.appendChild(s),h((()=>{const o=s.offsetWidth;s.remove();const n="calc(50% - "+o/2+"px)",e="calc(50% - "+(o/2+30)+"px)";a?(r.style.paddingRight=n,i.style.marginRight=e):(r.style.paddingLeft=n,i.style.marginLeft=e)}))}}positionCancelButton(){const r="rtl"===document.dir,a=(this.el.shadowRoot||this.el).querySelector(".searchbar-cancel-button"),i=this.shouldShowCancelButton();if(a&&i!==this.isCancelVisible){const o=a.style;if(this.isCancelVisible=i,i)r?o.marginLeft="0":o.marginRight="0";else{const i=a.offsetWidth;i>0&&(r?o.marginLeft=-i+"px":o.marginRight=-i+"px")}}}getValue(){return this.value||""}hasValue(){return""!==this.getValue()}shouldShowCancelButton(){return!("never"===this.showCancelButton||"focus"===this.showCancelButton&&!this.focused)}shouldShowClearButton(){return!("never"===this.showClearButton||"focus"===this.showClearButton&&!this.focused)}render(){const{cancelButtonText:r}=this,a=this.animated&&e.getBoolean("animated",!0),i=t(this),n=this.clearIcon||("ios"===i?"close-circle":"close-sharp"),c=this.searchIcon||("ios"===i?"search-outline":"search-sharp"),h=this.shouldShowCancelButton(),l="never"!==this.showCancelButton&&o("button",{"aria-label":r,"aria-hidden":h?void 0:"true",type:"button",tabIndex:"ios"!==i||h?void 0:-1,onMouseDown:this.onCancelSearchbar,onTouchStart:this.onCancelSearchbar,class:"searchbar-cancel-button"},o("div",{"aria-hidden":"true"},"md"===i?o("ion-icon",{"aria-hidden":"true",mode:i,icon:this.cancelButtonIcon,lazy:!1}):r));return o(s,{role:"search","aria-disabled":this.disabled?"true":null,class:b(this.color,{[i]:!0,"searchbar-animated":a,"searchbar-disabled":this.disabled,"searchbar-no-animate":a&&this.noAnimate,"searchbar-has-value":this.hasValue(),"searchbar-left-aligned":this.shouldAlignLeft,"searchbar-has-focus":this.focused,"searchbar-should-show-clear":this.shouldShowClearButton(),"searchbar-should-show-cancel":this.shouldShowCancelButton()})},o("div",{class:"searchbar-input-container"},o("input",{"aria-label":"search text",disabled:this.disabled,ref:r=>this.nativeInput=r,class:"searchbar-input",inputMode:this.inputmode,enterKeyHint:this.enterkeyhint,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,placeholder:this.placeholder,type:this.type,value:this.getValue(),autoComplete:this.autocomplete,autoCorrect:this.autocorrect,spellcheck:this.spellcheck}),"md"===i&&l,o("ion-icon",{"aria-hidden":"true",mode:i,icon:c,lazy:!1,class:"searchbar-search-icon"}),o("button",{"aria-label":"reset",type:"button","no-blur":!0,class:"searchbar-clear-button",onMouseDown:r=>this.onClearInput(r,!0),onTouchStart:r=>this.onClearInput(r,!0)},o("ion-icon",{"aria-hidden":"true",mode:i,icon:n,lazy:!1,class:"searchbar-clear-icon"}))),"ios"===i&&l)}get el(){return n(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"],showCancelButton:["showCancelButtonChanged"]}}};l.style={ios:".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;box-shadow:var(--box-shadow);box-sizing:border-box;appearance:none}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);appearance:none}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #3880ff);--clear-button-color:var(--ion-color-step-600, #666666);--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, #666666);padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;height:60px;contain:strict}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.sc-ion-searchbar-ios-h{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}.searchbar-input-container.sc-ion-searchbar-ios{height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:calc(50% - 60px);left:5px;top:0;position:absolute;width:22px;height:100%;contain:strict}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px)}}[dir=rtl].sc-ion-searchbar-ios .searchbar-search-icon.sc-ion-searchbar-ios,[dir=rtl].sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}.searchbar-input.sc-ion-searchbar-ios{padding-left:28px;padding-right:28px;padding-top:0;padding-bottom:0;height:100%;font-size:17px;font-weight:400;contain:strict}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-input.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:28px;padding-inline-start:28px;-webkit-padding-end:28px;padding-inline-end:28px}}.searchbar-clear-button.sc-ion-searchbar-ios{right:0;top:0;background-position:center;position:absolute;width:30px;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-ios .searchbar-clear-button.sc-ion-searchbar-ios,[dir=rtl].sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:18px;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:8px;padding-right:0;padding-top:0;padding-bottom:0;flex-shrink:0;background-color:transparent;font-size:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:0;padding-inline-end:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:30px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:unset;-webkit-padding-start:30px;padding-inline-start:30px}}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:-100%;transform:translate3d(0, 0, 0);transition:all 300ms ease;opacity:0;pointer-events:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:unset;-webkit-margin-end:-100%;margin-inline-end:-100%}}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}",md:".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;box-shadow:var(--box-shadow);box-sizing:border-box;appearance:none}.searchbar-input.sc-ion-searchbar-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md>div.sc-ion-searchbar-md{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);appearance:none}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, #1a1a1a);--clear-button-color:initial;--color:var(--ion-color-step-850, #262626);--icon-color:var(--ion-color-step-600, #666666);padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;background:inherit}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.searchbar-search-icon.sc-ion-searchbar-md{left:16px;top:11px;width:21px;height:21px}[dir=rtl].sc-ion-searchbar-md .searchbar-search-icon.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}.searchbar-cancel-button.sc-ion-searchbar-md{left:5px;top:0;background-color:transparent;font-size:1.6em}[dir=rtl].sc-ion-searchbar-md .searchbar-cancel-button.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:5px}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{padding-left:55px;padding-right:55px;padding-top:6px;padding-bottom:6px;background-position:left 8px center;height:auto;font-size:16px;font-weight:400;line-height:30px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.searchbar-input.sc-ion-searchbar-md{padding-left:unset;padding-right:unset;-webkit-padding-start:55px;padding-inline-start:55px;-webkit-padding-end:55px;padding-inline-end:55px}}[dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}.searchbar-clear-button.sc-ion-searchbar-md{right:13px;top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-md .searchbar-clear-button.sc-ion-searchbar-md,[dir=rtl].sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}.searchbar-clear-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:22px;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px}}"};export{l as ion_searchbar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{m as a}from"./p-6e247b63.js";const t=async t=>{const s=await a.get(t);return!(!s||!await s.isActive())};export{t as u}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{MENU_BACK_BUTTON_PRIORITY as t}from"./p-03bda390.js";import{a as n}from"./p-735719e4.js";import{g as a}from"./p-cff82b6f.js";import{c as r}from"./p-1bb1a7ba.js";const e=t=>r().duration(t?400:300),s=t=>{let n,s;const o=t.width+8,i=r(),c=r();t.isEndSide?(n=o+"px",s="0px"):(n=-o+"px",s="0px"),i.addElement(t.menuInnerEl).fromTo("transform",`translateX(${n})`,`translateX(${s})`);const p="ios"===a(t),u=p?.2:.25;return c.addElement(t.backdropEl).fromTo("opacity",.01,u),e(p).addAnimation([i,c])},o=t=>{let n,s;const o=a(t),i=t.width;t.isEndSide?(n=-i+"px",s=i+"px"):(n=i+"px",s=-i+"px");const c=r().addElement(t.menuInnerEl).fromTo("transform",`translateX(${s})`,"translateX(0px)"),p=r().addElement(t.contentEl).fromTo("transform","translateX(0px)",`translateX(${n})`),u=r().addElement(t.backdropEl).fromTo("opacity",.01,.32);return e("ios"===o).addAnimation([c,p,u])},i=t=>{const n=a(t),s=t.width*(t.isEndSide?-1:1)+"px",o=r().addElement(t.contentEl).fromTo("transform","translateX(0px)",`translateX(${s})`);return e("ios"===n).addAnimation(o)},c=(()=>{const a=new Map,r=[],e=async t=>{if(await w(),"start"===t||"end"===t){return l((n=>n.side===t&&!n.disabled))||l((n=>n.side===t))}if(null!=t)return l((n=>n.menuId===t));return l((t=>!t.disabled))||(r.length>0?r[0].el:void 0)},c=async()=>(await w(),m()),p=(t,n)=>{a.set(t,n)},u=t=>{const n=t.side;r.filter((a=>a.side===n&&a!==t)).forEach((t=>t.disabled=!0))},m=()=>l((t=>t._isOpen)),f=()=>r.some((t=>t.isAnimating)),l=t=>{const n=r.find(t);if(void 0!==n)return n.el},w=()=>Promise.all(Array.from(document.querySelectorAll("ion-menu")).map((t=>new Promise((a=>n(t,a))))));return p("reveal",i),p("push",o),p("overlay",s),"undefined"!=typeof document&&document.addEventListener("ionBackButton",(n=>{const a=m();a&&n.detail.register(t,(()=>a.close()))})),{registerAnimation:p,get:e,getMenus:async()=>(await w(),r.map((t=>t.el))),getOpen:c,isEnabled:async t=>{const n=await e(t);return!!n&&!n.disabled},swipeGesture:async(t,n)=>{const a=await e(n);return a&&(a.swipeGesture=t),a},isAnimating:async()=>(await w(),f()),isOpen:async t=>{if(null!=t){const n=await e(t);return void 0!==n&&n.isOpen()}return void 0!==await c()},enable:async(t,n)=>{const a=await e(n);return a&&(a.disabled=!t),a},toggle:async t=>{const n=await e(t);return!!n&&n.toggle()},close:async t=>{const n=await(void 0!==t?e(t):c());return void 0!==n&&n.close()},open:async t=>{const n=await e(t);return!!n&&n.open()},_getOpenSync:m,_createAnimation:(t,n)=>{const r=a.get(t);if(!r)throw new Error("animation not registered");return r(n)},_register:t=>{r.indexOf(t)<0&&(t.disabled||u(t),r.push(t))},_unregister:t=>{const n=r.indexOf(t);n>-1&&r.splice(n,1)},_setOpen:async(t,n,a)=>{if(f())return!1;if(n){const n=await c();n&&t.el!==n&&await n.setOpen(!1,!1)}return t._setOpen(n,a)},_setActiveMenu:u}})();export{c as m}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as o,w as t}from"./p-7e5300af.js";import{a as n}from"./p-735719e4.js";const s=()=>{const s=window;s.addEventListener("statusTap",(()=>{o((()=>{const o=document.elementFromPoint(s.innerWidth/2,s.innerHeight/2);if(!o)return;const e=o.closest("ion-content");e&&new Promise((o=>n(e,o))).then((()=>{t((async()=>{e.style.setProperty("--overflow","hidden"),await e.scrollToTop(300),e.style.removeProperty("--overflow")}))}))}))}))};export{s as startStatusTap}
|