wj-elements 0.1.47 → 0.1.49
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/custom-elements.json +14058 -0
- package/dist/web-types.json +3122 -0
- package/dist/wje-sliding-container.js +6 -3
- package/package.json +1 -1
|
@@ -80,6 +80,10 @@ class l extends f {
|
|
|
80
80
|
get hasOpacity() {
|
|
81
81
|
return this.hasAttribute("has-opacity") ?? !1;
|
|
82
82
|
}
|
|
83
|
+
/**
|
|
84
|
+
* Returns the observed attributes for the component.
|
|
85
|
+
* @returns {string[]}
|
|
86
|
+
*/
|
|
83
87
|
static get observedAttributes() {
|
|
84
88
|
return ["max-width", "max-height", "trigger", "direction", "variant", "screen-break-point", "remove-child-after-close", "animation-duration", "animation-easing", "has-opacity"];
|
|
85
89
|
}
|
|
@@ -157,8 +161,8 @@ class l extends f {
|
|
|
157
161
|
this.style.position = "fixed";
|
|
158
162
|
let s = window.getComputedStyle(this.getParentElement()), e = this.getParentElement().getBoundingClientRect(), o = parseFloat(s.height), d = parseFloat(s.width), m = parseFloat(s.top);
|
|
159
163
|
this.style.height = o + "px", this.style.top = m + "px";
|
|
160
|
-
let
|
|
161
|
-
|
|
164
|
+
let g = this.getParentElement().firstElementChild === this || ((i = this.getParentElement().shadowRoot) == null ? void 0 : i.firstElementChild) === this, c = this.getParentElement().lastElementChild === this || ((a = this.getParentElement().shadowRoot) == null ? void 0 : a.lastElementChild) === this;
|
|
165
|
+
g && (this.direction === "right" ? this.style.left = e.left + "px" : this.style.right = window.innerWidth - (e.left + e.width) + d + "px"), c && (this.style.right = window.innerWidth - (e.left + e.width) + "px");
|
|
162
166
|
}
|
|
163
167
|
}
|
|
164
168
|
/**
|
|
@@ -267,7 +271,6 @@ class l extends f {
|
|
|
267
271
|
this._isOpen ? await this.close() : await this.open();
|
|
268
272
|
}
|
|
269
273
|
}
|
|
270
|
-
customElements.define("wje-sliding-container", l);
|
|
271
274
|
l.define("wje-sliding-container", l);
|
|
272
275
|
export {
|
|
273
276
|
l as default
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wj-elements",
|
|
3
3
|
"description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.49",
|
|
5
5
|
"homepage": "https://github.com/lencys/wj-elements",
|
|
6
6
|
"author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
|
|
7
7
|
"license": "MIT",
|