@lism-css/ui 0.9.3 → 0.11.0

package/src/helper/animation.ts

@@ -14,23 +14,23 @@ export const waitFrame = (): Promise<number> => new Promise((resolve) => request
  *   - 'canceled': pause() 等でキャンセルされたアニメーションがあった
  */
 export const waitAnimation = async (el: HTMLElement): Promise<AnimationStatus> => {
-	const animations = el.getAnimations();
+  const animations = el.getAnimations();
 
-	// アニメーションがなければ 'none' を返す
-	if (animations.length === 0) return 'none';
+  // アニメーションがなければ 'none' を返す
+  if (animations.length === 0) return 'none';
 
-	// allSettled を使うことで、キャンセル時も例外にならずに結果を取得できる
-	const results = await Promise.allSettled(animations.map((a) => a.finished));
+  // allSettled を使うことで、キャンセル時も例外にならずに結果を取得できる
+  const results = await Promise.allSettled(animations.map((a) => a.finished));
 
-	// （ pause()で止めた時用 ）rejected があれば 'canceled'
-	return results.every((r) => r.status === 'fulfilled') ? 'finished' : 'canceled';
+  // （ pause()で止めた時用 ）rejected があれば 'canceled'
+  return results.every((r) => r.status === 'fulfilled') ? 'finished' : 'canceled';
 };
 
 /**
  * 実行中のアニメーションがあれば一旦停止させる
  */
 export const maybePauseAnimation = (el: HTMLElement): void => {
-	const animations = el.getAnimations();
-	if (animations.length === 0) return;
-	animations.forEach((a) => a.pause());
+  const animations = el.getAnimations();
+  if (animations.length === 0) return;
+  animations.forEach((a) => a.pause());
 };

package/src/helper/uuid.js

@@ -1,6 +1,6 @@
 // https://stackoverflow.com/questions/105034/how-do-i-create-a-guid-uuid
 export default function uuidv4() {
-	return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) =>
-		(c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16)
-	);
+  return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) =>
+    (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16)
+  );
 }

package/dist/lism-css/dist/components/getFilterProps.js

@@ -1,23 +0,0 @@
-const l = [
-  "blur",
-  "contrast",
-  "brightness",
-  "dropShadow",
-  "grayscale",
-  "hueRotate",
-  "invert",
-  "saturate",
-  "sepia"
-];
-function c(a, o = "filter") {
-  const r = [], { style: s = {}, ...t } = a;
-  return l.forEach((e) => {
-    if (t[e]) {
-      const n = e.replace(/([A-Z])/g, "-$1").toLowerCase();
-      r.push(`${n}(${t[e]})`), delete t[e];
-    }
-  }), r.length > 0 && (s[o] = r.join(" ")), { ...t, style: s };
-}
-export {
-  c as default
-};

package/dist/lism-css/dist/components/setMaybeTransformStyles.js

@@ -1,7 +0,0 @@
-function f(l) {
-  const { translate: a, rotate: e, scale: r, transform: s, style: n, ...o } = l, t = n ?? {};
-  return a && (t.translate = a), e && (t.rotate = e), r && (t.scale = r), s && (t.transform = s), { ...o, style: t };
-}
-export {
-  f as default
-};