@everymatrix/helper-filters 1.43.4 → 1.45.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/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/helper-filters.cjs.js +16 -10
- package/dist/cjs/helper-filters_2.cjs.entry.js +1307 -440
- package/dist/cjs/index-c0a2f0ff.js +1264 -0
- package/dist/cjs/loader.cjs.js +6 -12
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/helper-filters/helper-filters.js +368 -398
- package/dist/collection/components/helper-filters/index.js +1 -0
- package/dist/collection/utils/locale.utils.js +65 -65
- package/dist/collection/utils/utils.js +1 -1
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/helper-filters.js +13 -10
- package/dist/esm/helper-filters_2.entry.js +1307 -440
- package/dist/esm/index-0aa988c9.js +1237 -0
- package/dist/esm/loader.js +6 -12
- package/dist/helper-filters/helper-filters.esm.js +1 -1
- package/dist/helper-filters/{p-a4793f5e.entry.js → p-5e354aa8.entry.js} +1040 -273
- package/dist/helper-filters/p-e1255160.js +1 -0
- package/dist/helper-filters/p-f48a0fde.js +2 -0
- package/dist/stencil.config.dev.js +17 -0
- package/dist/stencil.config.js +14 -19
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-filters/.stencil/packages/stencil/helper-filters/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-filters/.stencil/packages/stencil/helper-filters/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/helper-filters/helper-filters.d.ts +63 -63
- package/dist/types/components/helper-filters/index.d.ts +1 -0
- package/dist/types/components.d.ts +20 -3
- package/dist/types/stencil-public-runtime.d.ts +142 -33
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +13 -1
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/loader/package.json +1 -0
- package/package.json +9 -2
- package/dist/cjs/index-4be1aa12.js +0 -1235
- package/dist/components/helper-filters.d.ts +0 -11
- package/dist/components/helper-filters.js +0 -23566
- package/dist/components/helper-modal.js +0 -6
- package/dist/components/helper-modal2.js +0 -93
- package/dist/components/index.d.ts +0 -26
- package/dist/components/index.js +0 -1
- package/dist/esm/index-5f4ed338.js +0 -1209
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/helper-filters/p-6a46b66a.js +0 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/helper-filters/.stencil/packages/helper-filters/stencil.config.d.ts +0 -2
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* @name isMobile
|
|
5
|
-
* @description A method that returns if the browser used to access the app is from a mobile device or not
|
|
6
|
-
* @param {String} userAgent window.navigator.userAgent
|
|
7
|
-
* @returns {Boolean} true or false
|
|
8
|
-
*/
|
|
9
|
-
const isMobile = (userAgent) => {
|
|
10
|
-
return !!(userAgent.toLowerCase().match(/android/i) ||
|
|
11
|
-
userAgent.toLowerCase().match(/blackberry|bb/i) ||
|
|
12
|
-
userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
|
|
13
|
-
userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px #848e97;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:#000}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:#000}";
|
|
17
|
-
|
|
18
|
-
const HelperModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
19
|
-
constructor() {
|
|
20
|
-
super();
|
|
21
|
-
this.__registerHost();
|
|
22
|
-
this.__attachShadow();
|
|
23
|
-
this.cancel = createEvent(this, "modalCloseEvent", 7);
|
|
24
|
-
/**
|
|
25
|
-
* Toggles if the helper is visible or not
|
|
26
|
-
*/
|
|
27
|
-
this.visible = true;
|
|
28
|
-
/**
|
|
29
|
-
* Client custom styling via string
|
|
30
|
-
*/
|
|
31
|
-
this.clientStyling = '';
|
|
32
|
-
/**
|
|
33
|
-
* Client custom styling via url content
|
|
34
|
-
*/
|
|
35
|
-
this.clientStylingUrlContent = '';
|
|
36
|
-
this.limitStylingAppends = false;
|
|
37
|
-
this.userAgent = window.navigator.userAgent;
|
|
38
|
-
this.setClientStyling = () => {
|
|
39
|
-
let sheet = document.createElement('style');
|
|
40
|
-
sheet.innerHTML = this.clientStyling;
|
|
41
|
-
this.stylingContainer.prepend(sheet);
|
|
42
|
-
};
|
|
43
|
-
this.setClientStylingURL = () => {
|
|
44
|
-
let cssFile = document.createElement('style');
|
|
45
|
-
setTimeout(() => {
|
|
46
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
47
|
-
this.stylingContainer.prepend(cssFile);
|
|
48
|
-
}, 1);
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
handleHelperModalClose() {
|
|
52
|
-
this.visible = false;
|
|
53
|
-
this.cancel.emit();
|
|
54
|
-
}
|
|
55
|
-
;
|
|
56
|
-
componentDidRender() {
|
|
57
|
-
// start custom styling area
|
|
58
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
59
|
-
if (this.clientStyling)
|
|
60
|
-
this.setClientStyling();
|
|
61
|
-
if (this.clientStylingUrlContent)
|
|
62
|
-
this.setClientStylingURL();
|
|
63
|
-
this.limitStylingAppends = true;
|
|
64
|
-
}
|
|
65
|
-
// end custom styling area
|
|
66
|
-
}
|
|
67
|
-
render() {
|
|
68
|
-
return ((this.visible &&
|
|
69
|
-
h("div", { class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el }, h("div", { class: "HelperModalWrapper HelperModalVisible" }, h("div", { class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, h("span", { class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), h("slot", null))))));
|
|
70
|
-
}
|
|
71
|
-
static get style() { return helperModalCss; }
|
|
72
|
-
}, [1, "helper-modal", {
|
|
73
|
-
"titleModal": [513, "title-modal"],
|
|
74
|
-
"visible": [1540],
|
|
75
|
-
"clientStyling": [513, "client-styling"],
|
|
76
|
-
"clientStylingUrlContent": [513, "client-styling-url-content"],
|
|
77
|
-
"limitStylingAppends": [32]
|
|
78
|
-
}]);
|
|
79
|
-
function defineCustomElement() {
|
|
80
|
-
if (typeof customElements === "undefined") {
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
const components = ["helper-modal"];
|
|
84
|
-
components.forEach(tagName => { switch (tagName) {
|
|
85
|
-
case "helper-modal":
|
|
86
|
-
if (!customElements.get(tagName)) {
|
|
87
|
-
customElements.define(tagName, HelperModal);
|
|
88
|
-
}
|
|
89
|
-
break;
|
|
90
|
-
} });
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
export { HelperModal as H, defineCustomElement as d };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/* HelperFilters custom elements */
|
|
2
|
-
|
|
3
|
-
import type { Components, JSX } from "../types/components";
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Used to manually set the base path where assets can be found.
|
|
7
|
-
* If the script is used as "module", it's recommended to use "import.meta.url",
|
|
8
|
-
* such as "setAssetPath(import.meta.url)". Other options include
|
|
9
|
-
* "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
|
|
10
|
-
* dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
|
|
11
|
-
* But do note that this configuration depends on how your script is bundled, or lack of
|
|
12
|
-
* bundling, and where your assets can be loaded from. Additionally custom bundling
|
|
13
|
-
* will have to ensure the static assets are copied to its build directory.
|
|
14
|
-
*/
|
|
15
|
-
export declare const setAssetPath: (path: string) => void;
|
|
16
|
-
|
|
17
|
-
export interface SetPlatformOptions {
|
|
18
|
-
raf?: (c: FrameRequestCallback) => number;
|
|
19
|
-
ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
20
|
-
rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
21
|
-
}
|
|
22
|
-
export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
|
|
23
|
-
|
|
24
|
-
export type { Components, JSX };
|
|
25
|
-
|
|
26
|
-
export * from '../types';
|
package/dist/components/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|