@decidables/discountable-elements 0.6.4 → 0.6.5
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/CHANGELOG.md +9 -0
- package/lib/discountableElements.esm.js +17 -17
- package/lib/discountableElements.esm.js.map +1 -1
- package/lib/discountableElements.esm.min.js +2 -2
- package/lib/discountableElements.esm.min.js.map +1 -1
- package/lib/discountableElements.umd.js +17 -17
- package/lib/discountableElements.umd.js.map +1 -1
- package/lib/discountableElements.umd.min.js +2 -2
- package/lib/discountableElements.umd.min.js.map +1 -1
- package/package.json +5 -5
- package/src/components/htd-curves.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.6.5](https://github.com/decidables/decidables/compare/@decidables/discountable-elements@0.6.4...@decidables/discountable-elements@0.6.5) (2026-01-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **discountable-elements:** fix style in `htd-curves` due to `stylelint` changes ([2593dcb](https://github.com/decidables/decidables/commit/2593dcb432d21027ebc1dd65cc4f169cbae1fbec))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
6
15
|
## [0.6.4](https://github.com/decidables/decidables/compare/@decidables/discountable-elements@0.6.3...@decidables/discountable-elements@0.6.4) (2026-01-14)
|
|
7
16
|
|
|
8
17
|
|
|
@@ -12164,9 +12164,9 @@ class x extends f {
|
|
|
12164
12164
|
}
|
|
12165
12165
|
update(t, [i]) {
|
|
12166
12166
|
const s = void 0 === this.u;
|
|
12167
|
-
return s && (this.u = t.options?.host, this.u.addController(this), this.u.updateComplete.then(t => this.t = true), this.element = t.element, j.set(this.element, this)), this.optionsOrCallback = i, (s || "function" != typeof i) && this.
|
|
12167
|
+
return s && (this.u = t.options?.host, this.u.addController(this), this.u.updateComplete.then(t => this.t = true), this.element = t.element, j.set(this.element, this)), this.optionsOrCallback = i, (s || "function" != typeof i) && this.m(i), this.render(i);
|
|
12168
12168
|
}
|
|
12169
|
-
|
|
12169
|
+
m(t) {
|
|
12170
12170
|
t = t ?? {};
|
|
12171
12171
|
const i = this.getController();
|
|
12172
12172
|
void 0 !== i && ((t = {
|
|
@@ -12177,7 +12177,7 @@ class x extends f {
|
|
|
12177
12177
|
...t.keyframeOptions
|
|
12178
12178
|
}), t.properties ??= b, this.options = t;
|
|
12179
12179
|
}
|
|
12180
|
-
|
|
12180
|
+
p() {
|
|
12181
12181
|
const t = {},
|
|
12182
12182
|
i = this.element.getBoundingClientRect(),
|
|
12183
12183
|
s = getComputedStyle(this.element);
|
|
@@ -12198,20 +12198,20 @@ class x extends f {
|
|
|
12198
12198
|
})(t, this._)), this.h = this.t && !this.isDisabled() && !this.isAnimating() && i && this.element.isConnected, this.h && (this._ = Array.isArray(t) ? Array.from(t) : t), this.h;
|
|
12199
12199
|
}
|
|
12200
12200
|
hostUpdate() {
|
|
12201
|
-
"function" == typeof this.optionsOrCallback && this.
|
|
12201
|
+
"function" == typeof this.optionsOrCallback && this.m(this.optionsOrCallback()), this.v() && (this.A = this.p(), this.i = this.i ?? this.element.parentNode, this.o = this.element.nextSibling);
|
|
12202
12202
|
}
|
|
12203
12203
|
async hostUpdated() {
|
|
12204
12204
|
if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered) return;
|
|
12205
12205
|
let t;
|
|
12206
12206
|
this.prepare(), await a;
|
|
12207
|
-
const i = this.
|
|
12208
|
-
s = this.
|
|
12209
|
-
e = this.
|
|
12207
|
+
const i = this.P(),
|
|
12208
|
+
s = this.V(this.options.keyframeOptions, i),
|
|
12209
|
+
e = this.p();
|
|
12210
12210
|
if (void 0 !== this.A) {
|
|
12211
12211
|
const {
|
|
12212
12212
|
from: s,
|
|
12213
12213
|
to: h
|
|
12214
|
-
} = this.
|
|
12214
|
+
} = this.O(this.A, e, i);
|
|
12215
12215
|
this.log("measured", [this.A, e, s, h]), t = this.calculateKeyframes(s, h);
|
|
12216
12216
|
} else {
|
|
12217
12217
|
const s = r.get(this.options.inId);
|
|
@@ -12220,7 +12220,7 @@ class x extends f {
|
|
|
12220
12220
|
const {
|
|
12221
12221
|
from: h,
|
|
12222
12222
|
to: n
|
|
12223
|
-
} = this.
|
|
12223
|
+
} = this.O(s, e, i);
|
|
12224
12224
|
t = this.calculateKeyframes(h, n), t = this.options.in ? [{
|
|
12225
12225
|
...this.options.in[0],
|
|
12226
12226
|
...t[0]
|
|
@@ -12230,10 +12230,10 @@ class x extends f {
|
|
|
12230
12230
|
this.animate(t, s);
|
|
12231
12231
|
}
|
|
12232
12232
|
resetStyles() {
|
|
12233
|
-
void 0 !== this.
|
|
12233
|
+
void 0 !== this.j && (this.element.setAttribute("style", this.j ?? ""), this.j = void 0);
|
|
12234
12234
|
}
|
|
12235
12235
|
commitStyles() {
|
|
12236
|
-
this.
|
|
12236
|
+
this.j = this.element.getAttribute("style"), this.webAnimation?.commitStyles(), this.webAnimation?.cancel();
|
|
12237
12237
|
}
|
|
12238
12238
|
reconnected() {}
|
|
12239
12239
|
async disconnected() {
|
|
@@ -12242,14 +12242,14 @@ class x extends f {
|
|
|
12242
12242
|
if (this.prepare(), await a(), this.i?.isConnected) {
|
|
12243
12243
|
const t = this.o && this.o.parentNode === this.i ? this.o : null;
|
|
12244
12244
|
if (this.i.insertBefore(this.element, t), this.options.stabilizeOut) {
|
|
12245
|
-
const t = this.
|
|
12245
|
+
const t = this.p();
|
|
12246
12246
|
this.log("stabilizing out");
|
|
12247
12247
|
const i = this.A.left - t.left,
|
|
12248
12248
|
s = this.A.top - t.top;
|
|
12249
12249
|
!("static" === getComputedStyle(this.element).position) || 0 === i && 0 === s || (this.element.style.position = "relative"), 0 !== i && (this.element.style.left = i + "px"), 0 !== s && (this.element.style.top = s + "px");
|
|
12250
12250
|
}
|
|
12251
12251
|
}
|
|
12252
|
-
const t = this.
|
|
12252
|
+
const t = this.V(this.options.keyframeOptions);
|
|
12253
12253
|
await this.animate(this.options.out, t), this.element.remove();
|
|
12254
12254
|
}
|
|
12255
12255
|
prepare() {
|
|
@@ -12261,7 +12261,7 @@ class x extends f {
|
|
|
12261
12261
|
didFinish(t) {
|
|
12262
12262
|
t && this.options.onComplete?.(this), this.A = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
|
|
12263
12263
|
}
|
|
12264
|
-
|
|
12264
|
+
P() {
|
|
12265
12265
|
const t = [];
|
|
12266
12266
|
for (let i = this.element.parentNode; i; i = i?.parentNode) {
|
|
12267
12267
|
const s = j.get(i);
|
|
@@ -12275,13 +12275,13 @@ class x extends f {
|
|
|
12275
12275
|
n.add(this.u);
|
|
12276
12276
|
}), t;
|
|
12277
12277
|
}
|
|
12278
|
-
|
|
12278
|
+
V(t, i = this.P()) {
|
|
12279
12279
|
const s = {
|
|
12280
12280
|
...A
|
|
12281
12281
|
};
|
|
12282
12282
|
return i.forEach(t => Object.assign(s, t.options.keyframeOptions)), Object.assign(s, t), s;
|
|
12283
12283
|
}
|
|
12284
|
-
|
|
12284
|
+
O(t, i, s) {
|
|
12285
12285
|
t = {
|
|
12286
12286
|
...t
|
|
12287
12287
|
}, i = {
|
|
@@ -13056,7 +13056,7 @@ class HTDCurves extends DecidablesMixinResizeable(DiscountableElement) {
|
|
|
13056
13056
|
transform: translateY(0);
|
|
13057
13057
|
}
|
|
13058
13058
|
|
|
13059
|
-
:host(.keyboard) .
|
|
13059
|
+
:host(.keyboard) .body.interactive:has(~ .point:focus-within) {
|
|
13060
13060
|
filter: url("#shadow-8");
|
|
13061
13061
|
|
|
13062
13062
|
/* HACK: This gets Safari to correctly apply the filter! */
|