smartphoto 2.1.3 → 2.1.6

package/lib/smartphoto.mjs

@@ -98,6 +98,7 @@ var defaults = {
   swipeTopToClose: false,
   swipeBottomToClose: true,
   swipeOffset: 100,
+  swipeVelocity: 0.5,
   headerHeight: 60,
   footerHeight: 60,
   forceInterval: 10,
@@ -105,7 +106,7 @@ var defaults = {
   loadOffset: 2,
   resizeStyle: "fit",
   lazyAttribute: "data-src",
-  animationSpeed: 300
+  animationSpeed: 450
 };
 function deepFreeze(obj) {
   Object.keys(obj).forEach((key) => {
@@ -119,7 +120,11 @@ function deepFreeze(obj) {
 function createState(settings) {
   return {
     options: deepFreeze(
-      extend({}, defaults, settings)
+      extend(
+        {},
+        defaults,
+        settings
+      )
     ),
     viewer: {
       isOpen: false,
@@ -355,6 +360,7 @@ function distance(p1, p2) {
   const y = p1.y - p2.y;
   return Math.sqrt(x * x + y * y);
 }
+var MIN_FLICK_DISTANCE = 10;
 function getForceAndTheta(x, y) {
   return { force: Math.sqrt(x * x + y * y), theta: Math.atan2(y, x) };
 }
@@ -372,6 +378,7 @@ function createGestures({ state, callbacks }, { signal }) {
   let firstPos = null;
   let oldPos = null;
   let moveDir = null;
+  let swipeStartTime = 0;
   let photoSwipable = false;
   let firstPhotoPos = null;
   let oldPhotoPos = null;
@@ -379,6 +386,7 @@ function createGestures({ state, callbacks }, { signal }) {
   let photoVY = 0;
   let pinching = false;
   let oldDistance = 0;
+  let pinchMoveFrame = null;
   let vx = 0;
   let vy = 0;
   function isSmartPhone2() {
@@ -500,6 +508,7 @@ function createGestures({ state, callbacks }, { signal }) {
     dragStart = true;
     firstPos = pos;
     oldPos = pos;
+    swipeStartTime = Date.now();
   }
   function startPhotoDrag(e) {
     photoSwipable = true;
@@ -523,6 +532,23 @@ function createGestures({ state, callbacks }, { signal }) {
     }
     startSwipe(e);
   }
+  function scheduleGestureMove() {
+    if (pinchMoveFrame !== null) {
+      return;
+    }
+    pinchMoveFrame = requestAnimationFrame(() => {
+      pinchMoveFrame = null;
+      callbacks.onGestureMove();
+    });
+  }
+  function flushGestureMove() {
+    if (pinchMoveFrame === null) {
+      return;
+    }
+    cancelAnimationFrame(pinchMoveFrame);
+    pinchMoveFrame = null;
+    callbacks.onGestureMove();
+  }
   function movePinch() {
     const points = Array.from(activePointers.values());
     const dist = distance(
@@ -547,7 +573,7 @@ function createGestures({ state, callbacks }, { signal }) {
       state.viewer.hideUi = state.viewer.scaleSize < 1 || state.viewer.scaleSize > border;
     }
     oldDistance = dist;
-    callbacks.onGestureMove();
+    scheduleGestureMove();
   }
   function moveSwipe(e) {
     const pos = getPos(e);
@@ -596,6 +622,7 @@ function createGestures({ state, callbacks }, { signal }) {
   }
   function endPinch() {
     pinching = false;
+    flushGestureMove();
     const item = currentItem(state);
     if (!item) {
       return;
@@ -632,9 +659,11 @@ function createGestures({ state, callbacks }, { signal }) {
     const items = currentItems(state) ?? [];
     if (moveDir === "horizontal") {
       let result = "stay";
-      if (swipeWidth >= state.options.swipeOffset && state.viewer.currentIndex !== 0) {
+      const elapsedMs = Math.max(now - swipeStartTime, 1);
+      const isFlick = Math.abs(swipeWidth) >= MIN_FLICK_DISTANCE && Math.abs(swipeWidth) / elapsedMs >= state.options.swipeVelocity;
+      if ((swipeWidth >= state.options.swipeOffset || isFlick && swipeWidth > 0) && state.viewer.currentIndex !== 0) {
         result = "prev";
-      } else if (swipeWidth <= -state.options.swipeOffset && state.viewer.currentIndex !== items.length - 1) {
+      } else if ((swipeWidth <= -state.options.swipeOffset || isFlick && swipeWidth < 0) && state.viewer.currentIndex !== items.length - 1) {
         result = "next";
       }
       callbacks.onSwipeEnd(result);
@@ -725,6 +754,10 @@ function createGestures({ state, callbacks }, { signal }) {
   }
   function detach() {
     clearInterval(interval);
+    if (pinchMoveFrame !== null) {
+      cancelAnimationFrame(pinchMoveFrame);
+      pinchMoveFrame = null;
+    }
   }
   return { attach, detach };
 }
@@ -1056,7 +1089,11 @@ function getWindowWidth() {
   return document.documentElement.clientWidth;
 }
 function getWindowHeight() {
-  return window.visualViewport?.height ?? document.documentElement.clientHeight;
+  const visualViewport = window.visualViewport;
+  if (visualViewport) {
+    return visualViewport.height * visualViewport.scale;
+  }
+  return document.documentElement.clientHeight;
 }
 function isElementArray(source) {
   return source.length > 0 && source[0] instanceof Element;
@@ -1087,6 +1124,44 @@ var SmartPhoto = class {
     this.timeouts = [];
     this.loadAllFired = /* @__PURE__ */ new Set();
     this.syncedGroupId = null;
+    // 文字列セレクタで構築された場合のみ設定される。Ajax等で後から追加された
+    // 要素をクリック時に動的検出するための再スキャン起点(§discoverGroupElements)
+    this.rootSelector = null;
+    // クリックされた要素(またはその祖先)から登録済み Item を逆引きするための
+    // キャッシュ。documentへのイベントデリゲーションで祖先チェーンを辿る際に使う
+    this.itemsByElement = /* @__PURE__ */ new Map();
+    // サムネイルクリックはこの1本の document デリゲーションリスナーだけで処理する
+    // (個別バインドは廃止)。同じクリックイベントを複数の SmartPhoto インスタンスが
+    // 二重処理しないよう、処理済みマーカーをイベント自体に立てて後続インスタンスに
+    // 早期returnさせる(セレクタが重複するインスタンスが同時に存在するケース)
+    this.handleDocumentClick = (e) => {
+      if (!(e.target instanceof Element)) {
+        return;
+      }
+      const marker = e;
+      if (marker.__smartphotoClaimed) {
+        return;
+      }
+      let matched = this.findRegisteredAncestor(e.target);
+      if (!matched && this.rootSelector) {
+        matched = e.target.closest(this.rootSelector);
+      }
+      if (!matched) {
+        return;
+      }
+      e.preventDefault();
+      marker.__smartphotoClaimed = true;
+      if (!this.itemsByElement.has(matched) && this.rootSelector) {
+        const groupId = groupIdFromElement(matched);
+        if (this.resyncGroupFromDom(groupId)) {
+          this.syncCurrentGroupView();
+        }
+      }
+      const item = this.itemsByElement.get(matched);
+      if (item) {
+        this.openPhoto(item, matched);
+      }
+    };
     // ---- 内部: window イベント ----
     this.updateViewportHeight = () => {
       this.view.refs.dialog.style.setProperty(
@@ -1098,6 +1173,7 @@ var SmartPhoto = class {
       if (!currentItems(this.state)) {
         return;
       }
+      this.updateViewportHeight();
       this.resetTranslateCurrent();
       this.setPosByCurrentIndex();
       this.setSizeByScreen();
@@ -1120,6 +1196,7 @@ var SmartPhoto = class {
       if (!currentItems(this.state)) {
         return;
       }
+      this.updateViewportHeight();
       this.resetTranslateCurrent();
       this.setPosByCurrentIndex();
       this.setHashByCurrentIndex();
@@ -1130,6 +1207,7 @@ var SmartPhoto = class {
       const poll = (time) => {
         this.scheduleTimeout(() => {
           if (prevWidth !== getWindowWidth()) {
+            this.updateViewportHeight();
             this.resetTranslateCurrent();
             this.setPosByCurrentIndex();
             this.setHashByCurrentIndex();
@@ -1142,6 +1220,7 @@ var SmartPhoto = class {
       };
       poll(0);
     };
+    this.rootSelector = typeof source === "string" ? source : null;
     this.state = createState(settings ?? {});
     this.view = createView(
       { id: this.id, options: this.state.options },
@@ -1163,15 +1242,14 @@ var SmartPhoto = class {
       },
       { signal: this.abortController.signal }
     );
+    document.addEventListener("click", this.handleDocumentClick, {
+      signal: this.abortController.signal
+    });
     this.ingestSource(source);
     this.syncCurrentGroupView();
     const restored = this.restoreFromHash();
     if (restored) {
-      if (restored.element) {
-        triggerEvent(restored.element, "click");
-      } else {
-        this.openPhoto(restored, null);
-      }
+      this.openPhoto(restored, restored.element);
     }
     this.updateViewportHeight();
     if (window.visualViewport) {
@@ -1216,6 +1294,7 @@ var SmartPhoto = class {
       clearTimeout(id);
     });
     this.timeouts = [];
+    this.itemsByElement.clear();
     this.gestures.detach();
     this.view.destroy();
   }
@@ -1328,7 +1407,7 @@ var SmartPhoto = class {
     this.gotoSlide(this.state.viewer.prev);
   }
   addItem(slideOrElement) {
-    const item = slideOrElement instanceof Element ? this.addElementItem(slideOrElement) : this.addSlideItem(slideOrElement);
+    const item = slideOrElement instanceof HTMLElement ? this.addElementItem(slideOrElement) : this.addSlideItem(slideOrElement);
     this.syncCurrentGroupView();
     return item;
   }
@@ -1359,7 +1438,7 @@ var SmartPhoto = class {
     );
     addItemToGroup(this.state, item);
     this.loadAllFired.delete(groupId);
-    this.bindThumbnailClick(element, item);
+    this.itemsByElement.set(element, item);
     return item;
   }
   addSlideItem(slide) {
@@ -1370,15 +1449,72 @@ var SmartPhoto = class {
     this.loadAllFired.delete(groupId);
     return item;
   }
-  bindThumbnailClick(element, item) {
-    element.addEventListener(
-      "click",
-      (e) => {
-        e.preventDefault();
-        this.openPhoto(item, element);
-      },
-      { signal: this.abortController.signal }
-    );
+  // クリックされた要素(またはその祖先。<a><img></a> の img がクリックされる
+  // ケースを含む)から、登録済み Item を持つ要素まで祖先チェーンを遡って探す
+  findRegisteredAncestor(target) {
+    let node = target;
+    while (node) {
+      if (this.itemsByElement.has(node)) {
+        return node;
+      }
+      node = node.parentElement;
+    }
+    return null;
+  }
+  // rootSelector(文字列セレクタで構築した場合のみ設定される)を再スキャンし、
+  // 指定グループを現在のDOM状態に合わせて丸ごと再構築する(追加・削除・並び順の
+  // 変化を一度に反映)。既知要素は既存の Item オブジェクトをそのまま再利用する
+  // ため loaded/width/height は保持され、DOM から消えた要素だけ itemsByElement
+  // からも除去する。index/translateX は resetTranslate() で再計算する。
+  // 呼び出し元(openPhoto)がこの結果を使い、変化があった場合のみ view を
+  // 再同期する(§ダイアログを開く瞬間に整合を取る。開いている間の next()/prev()
+  // では呼ばれないため、この間の追加/削除は次に開き直すまで反映されない)
+  resyncGroupFromDom(groupId) {
+    if (!this.rootSelector) {
+      return false;
+    }
+    const domElements = Array.from(
+      document.querySelectorAll(this.rootSelector)
+    ).filter((el) => groupIdFromElement(el) === groupId);
+    const domElementSet = new Set(domElements);
+    const previous = this.state.groups.get(groupId) ?? [];
+    const previousByElement = /* @__PURE__ */ new Map();
+    previous.forEach((it) => {
+      if (it.element) {
+        previousByElement.set(it.element, it);
+      }
+    });
+    let changed = domElements.length !== previous.length;
+    const rebuilt = domElements.map((el, index) => {
+      const existing = previousByElement.get(el);
+      if (existing) {
+        if (existing.index !== index) {
+          changed = true;
+          existing.index = index;
+        }
+        return existing;
+      }
+      changed = true;
+      const item = itemFromElement(
+        el,
+        this.state.options,
+        index,
+        getWindowWidth()
+      );
+      this.itemsByElement.set(el, item);
+      return item;
+    });
+    previous.forEach((it) => {
+      if (it.element && !domElementSet.has(it.element)) {
+        this.itemsByElement.delete(it.element);
+      }
+    });
+    resetTranslate(rebuilt, getWindowWidth());
+    this.state.groups.set(groupId, rebuilt);
+    if (changed) {
+      this.loadAllFired.delete(groupId);
+    }
+    return changed;
   }
   syncCurrentGroupView() {
     const items = currentItems(this.state);
@@ -1632,10 +1768,11 @@ var SmartPhoto = class {
     });
   }
   openPhoto(item, trigger) {
+    const groupChanged = this.rootSelector ? this.resyncGroupFromDom(item.groupId) : false;
     this.lastTriggerElement = trigger;
     this.state.viewer.currentGroup = item.groupId;
     this.state.viewer.currentIndex = item.index;
-    if (this.syncedGroupId !== item.groupId) {
+    if (this.syncedGroupId !== item.groupId || groupChanged) {
       this.syncCurrentGroupView();
     }
     this.setHashByCurrentIndex();
@@ -1726,6 +1863,7 @@ var SmartPhoto = class {
     this.state.viewer.photoPosX = 0;
     this.state.viewer.photoPosY = 0;
     this.state.viewer.onMove = true;
+    this.updateViewportHeight();
     this.setPosByCurrentIndex();
     this.setHashByCurrentIndex();
     this.setSizeByScreen();

package/lib/types/core/index.d.ts

@@ -1,4 +1,4 @@
-import type { Item, ItemId, Slide, SmartPhotoEvent, SmartPhotoSettings, SmartPhotoSource } from "./types";
+import type { ItemId, SlideData, SmartPhotoEvent, SmartPhotoItem, SmartPhotoOptions, SmartPhotoSource } from "./types";
 interface ShowOptions {
     group?: string;
     trigger?: HTMLElement;
@@ -16,7 +16,9 @@ export default class SmartPhoto {
     private timeouts;
     private loadAllFired;
     private syncedGroupId;
-    constructor(source: SmartPhotoSource, settings?: SmartPhotoSettings);
+    private rootSelector;
+    private readonly itemsByElement;
+    constructor(source: SmartPhotoSource, settings?: SmartPhotoOptions);
     on(event: SmartPhotoEvent, fn: (this: HTMLDialogElement, ev: Event) => void): void;
     destroy(): void;
     [Symbol.dispose](): void;
@@ -24,17 +26,19 @@ export default class SmartPhoto {
     hidePhoto(dir?: "top" | "bottom"): void;
     zoomPhoto(): void;
     zoomOutPhoto(): void;
-    addNewItem(element: HTMLElement): Item;
+    addNewItem(element: HTMLElement): SmartPhotoItem;
     show(indexOrId?: ItemId, opts?: ShowOptions): void;
     hide(): void;
     next(): void;
     prev(): void;
-    addItem(slideOrElement: Slide | HTMLElement): Item;
+    addItem(slideOrElement: SlideData | HTMLElement): SmartPhotoItem;
     get currentIndex(): number;
     private ingestSource;
     private addElementItem;
     private addSlideItem;
-    private bindThumbnailClick;
+    private findRegisteredAncestor;
+    private resyncGroupFromDom;
+    private handleDocumentClick;
     private syncCurrentGroupView;
     private setHash;
     private setHashByCurrentIndex;

package/lib/types/core/state.d.ts

@@ -1,10 +1,10 @@
-import type { Bound, Item, Slide, SmartPhotoOptions, SmartPhotoSettings, State, ViewerState } from "./types";
-export declare const defaults: SmartPhotoOptions;
-export declare function createState(settings: SmartPhotoSettings): State;
+import type { Bound, Item, ResolvedSmartPhotoOptions, SlideData, SmartPhotoOptions, State, ViewerState } from "./types";
+export declare const defaults: ResolvedSmartPhotoOptions;
+export declare function createState(settings: SmartPhotoOptions): State;
 export declare function groupIdFromElement(element: Element): string;
-export declare function groupIdFromSlide(slide: Slide): string;
-export declare function itemFromElement(element: Element, options: Pick<SmartPhotoOptions, "lazyAttribute">, index: number, winWidth: number): Item;
-export declare function itemFromSlide(slide: Slide, index: number, winWidth: number): Item;
+export declare function groupIdFromSlide(slide: SlideData): string;
+export declare function itemFromElement(element: Element, options: Pick<ResolvedSmartPhotoOptions, "lazyAttribute">, index: number, winWidth: number): Item;
+export declare function itemFromSlide(slide: SlideData, index: number, winWidth: number): Item;
 export declare function addItemToGroup(state: State, item: Item): void;
 export declare function currentItems(state: State): Item[] | null;
 export declare function currentItem(state: State): Item | null;

package/lib/types/core/types.d.ts

@@ -31,7 +31,7 @@ export interface Messages {
     closeDialog: string;
     carouselLabel: string;
 }
-export interface SmartPhotoOptions {
+export interface ResolvedSmartPhotoOptions {
     classNames: ClassNames;
     message: Messages;
     arrows: boolean;
@@ -43,6 +43,7 @@ export interface SmartPhotoOptions {
     swipeTopToClose: boolean;
     swipeBottomToClose: boolean;
     swipeOffset: number;
+    swipeVelocity: number;
     headerHeight: number;
     footerHeight: number;
     forceInterval: number;
@@ -52,29 +53,31 @@ export interface SmartPhotoOptions {
     lazyAttribute: string;
     animationSpeed: number;
 }
-export type SmartPhotoSettings = Partial<Omit<SmartPhotoOptions, "classNames" | "message">> & {
+export type SmartPhotoOptions = Partial<Omit<ResolvedSmartPhotoOptions, "classNames" | "message">> & {
     classNames?: Partial<ClassNames>;
     message?: Partial<Messages>;
 };
 export type ItemId = string | number;
-export interface Item {
+export interface SmartPhotoItem {
     src: string | null;
     thumb: string | null;
     caption: string | null;
     alt: string | null;
     groupId: string;
-    translateX: number;
-    translateY: number;
     index: number;
     width: number;
     height: number;
+    id: ItemId;
+    loaded: boolean;
+    element: HTMLElement | null;
+}
+export interface Item extends SmartPhotoItem {
+    translateX: number;
+    translateY: number;
     scale: number;
     x: number;
     y: number;
-    id: ItemId;
-    loaded: boolean;
     processed: boolean;
-    element: HTMLElement | null;
 }
 export interface AppearEffect {
     width: number;
@@ -110,7 +113,7 @@ export interface ViewerState {
     showNextArrow: boolean;
 }
 export interface State {
-    options: SmartPhotoOptions;
+    options: ResolvedSmartPhotoOptions;
     viewer: ViewerState;
     groups: Map<string, Item[]>;
 }
@@ -120,7 +123,7 @@ export interface Bound {
     maxX: number;
     maxY: number;
 }
-export interface Slide {
+export interface SlideData {
     src: string;
     thumb?: string;
     caption?: string;
@@ -130,7 +133,7 @@ export interface Slide {
     width?: number;
     height?: number;
 }
-export type SmartPhotoSource = string | NodeListOf<Element> | Element[] | Slide[];
+export type SmartPhotoSource = string | NodeListOf<Element> | Element[] | SlideData[];
 export type SmartPhotoEvent = "open" | "close" | "change" | "swipestart" | "swipeend" | "zoomin" | "zoomout" | "gesturestart" | "gestureend" | "loadall";
 export type SwipeEndResult = "prev" | "next" | "close-top" | "close-bottom" | "stay";
 export type PhotoDragEndResult = "prev" | "next" | "zoom-out" | null;

package/lib/types/core/view.d.ts

@@ -1,4 +1,4 @@
-import type { AppearEffect, Item, SmartPhotoOptions, State } from "./types";
+import type { AppearEffect, Item, ResolvedSmartPhotoOptions, State } from "./types";
 interface SlideRefs {
     li: HTMLLIElement;
     loaderWrap: HTMLDivElement | null;
@@ -41,7 +41,7 @@ export interface View {
 }
 export declare function createView({ id, options }: {
     id: string;
-    options: SmartPhotoOptions;
+    options: ResolvedSmartPhotoOptions;
 }, handlers: ViewHandlers, { signal }: {
     signal: AbortSignal;
 }): View;

package/lib/types/index.d.ts

@@ -1,2 +1,3 @@
 import SmartPhoto from "./core";
 export default SmartPhoto;
+export type { ClassNames, ItemId, Messages, SlideData, SmartPhotoEvent, SmartPhotoItem, SmartPhotoOptions, SmartPhotoSource, } from "./core/types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smartphoto",
-  "version": "2.1.3",
+  "version": "2.1.6",
   "description": "smartphoto",
   "homepage": "https://developer.a-blogcms.jp",
   "main": "./lib/smartphoto.js",
@@ -31,17 +31,17 @@
     "lint": "biome check --write ./src",
     "lint:ci": "biome ci ./src",
     "typecheck": "tsc --noEmit",
-    "build": "npm run build:js && npm run build:types && npm run build:sass",
+    "build": "npm run build:js && npm run build:types && npm run build:css",
     "build:js": "tsup",
     "build:types": "tsc -p tsconfig.build.json",
-    "build:sass": "npm run clean:css && npm run sass && npm run sass:min",
-    "clean:css": "rm -rf ./css/*",
-    "sass": "sass ./scss/smartphoto.scss ./css/smartphoto.css --style expanded",
-    "sass:min": "sass ./scss/smartphoto.scss ./css/smartphoto.min.css --style compressed --no-source-map",
+    "build:css": "npm run clean:css && npm run css:copy && npm run css:min",
+    "clean:css": "rm -rf ./css && mkdir -p ./css",
+    "css:copy": "cp ./styles/smartphoto.css ./css/smartphoto.css",
+    "css:min": "postcss ./styles/smartphoto.css -o ./css/smartphoto.min.css",
     "dev": "vite",
     "preview": "vite preview",
     "prepare": "husky",
-    "prepack": "npm run lint:ci && npm run typecheck && npm run test:coverage && npm run build",
+    "prepack": "npm run lint:ci && npm run typecheck && npm test && npm run build",
     "release:patch": "npm version patch && git push --follow-tags",
     "release:minor": "npm version minor && git push --follow-tags",
     "release:major": "npm version major && git push --follow-tags"
@@ -64,10 +64,12 @@
     "@testing-library/jest-dom": "^7.0.0",
     "@types/node": "^24.13.3",
     "@vitest/coverage-v8": "^4.1.10",
+    "cssnano": "^8.0.4",
     "husky": "^9.1.7",
     "jsdom": "^30.0.1",
     "lint-staged": "^17.3.0",
-    "sass": "^1.102.0",
+    "postcss": "^8.5.26",
+    "postcss-cli": "^11.0.1",
     "tsup": "^8.5.1",
     "typescript": "^7.0.2",
     "vite": "^8.2.0",

package/css/smartphoto.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../scss/smartphoto.scss"],"names":[],"mappings":"AAKA;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;;AAUJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAIF;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAKA;EAQA;EACA;EACA;EACA;EACA;EACA;EAKA,YACE;;AAIF;EACE;;AAGF;EACE;;;AASJ;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"smartphoto.css"}