@rdlabo/ionic-theme-ios27 0.1.0-0

package/src/utils.ts

@@ -0,0 +1,91 @@
+import { AnimationPosition } from './sheets-of-glass/interfaces';
+import { IonicConfig } from '@ionic/core';
+
+declare const __zone_symbol__requestAnimationFrame: any;
+declare const requestAnimationFrame: any;
+
+export const getElementRoot = (el: HTMLElement, fallback: HTMLElement = el) => {
+  return el.shadowRoot || fallback;
+};
+
+export const raf = (h: FrameRequestCallback) => {
+  if (typeof __zone_symbol__requestAnimationFrame === 'function') {
+    return __zone_symbol__requestAnimationFrame(h);
+  }
+  if (typeof requestAnimationFrame === 'function') {
+    return requestAnimationFrame(h);
+  }
+  return setTimeout(h);
+};
+
+export const cloneElement = (tagName: string): HTMLElement => {
+  const getCachedEl = document.querySelector(`${tagName}.ion-cloned-element`);
+  if (getCachedEl !== null) {
+    return getCachedEl as HTMLElement;
+  }
+
+  const clonedEl = document.createElement(tagName) as HTMLElement;
+  clonedEl.classList.add('ion-cloned-element');
+  clonedEl.style.setProperty('display', 'none');
+  document.body.appendChild(clonedEl);
+
+  return clonedEl;
+};
+
+export const getStep = (targetX: number, animationPosition: AnimationPosition) => {
+  if (animationPosition === undefined) {
+    return 0;
+  }
+  const currentX = targetX - animationPosition.width / 2;
+  let progress = (currentX - animationPosition.minPositionX) / (animationPosition.maxPositionX - animationPosition.minPositionX);
+  progress = Math.max(0, Math.min(1, progress)); // clamp 0〜1
+  return progress;
+};
+
+export const changeSelectedElement = (
+  targetElement: HTMLElement,
+  selectedElement: HTMLElement,
+  effectTagName: string,
+  selectedClassName: string,
+): void => {
+  targetElement.querySelectorAll(effectTagName).forEach((element) => {
+    element.classList.remove(selectedClassName);
+    element.classList.remove('ion-activated');
+  });
+  selectedElement.classList.add('ion-activated');
+};
+
+export class Config {
+  private m = new Map<keyof IonicConfig, any>();
+
+  reset(configObj: IonicConfig) {
+    this.m = new Map<keyof IonicConfig, any>(Object.entries(configObj) as any);
+  }
+
+  get(key: keyof IonicConfig, fallback?: any): any {
+    const value = this.m.get(key);
+    return value !== undefined ? value : fallback;
+  }
+
+  getBoolean(key: keyof IonicConfig, fallback = false): boolean {
+    const val = this.m.get(key);
+    if (val === undefined) {
+      return fallback;
+    }
+    if (typeof val === 'string') {
+      return val === 'true';
+    }
+    return !!val;
+  }
+
+  getNumber(key: keyof IonicConfig, fallback?: number): number {
+    const val = parseFloat(this.m.get(key));
+    return isNaN(val) ? (fallback !== undefined ? fallback : NaN) : val;
+  }
+
+  set(key: keyof IonicConfig, value: any) {
+    this.m.set(key, value);
+  }
+}
+
+export const config = /*@__PURE__*/ new Config();