hyperapp-is 0.1.50 → 0.2.1

package/dist/dom/utils.d.ts

@@ -0,0 +1,15 @@
+export type { ScrollMargin };
+export { getScrollMargin };
+/**
+ * スクロールマージンを管理する
+ */
+interface ScrollMargin {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+}
+/**
+ * スクロールマージンを取得する
+ */
+declare const getScrollMargin: (e: Event) => ScrollMargin;

package/dist/dom/utils.js

@@ -0,0 +1,19 @@
+// ---------- ---------- ---------- ---------- ----------
+// exports
+// ---------- ---------- ---------- ---------- ----------
+export { getScrollMargin };
+// ---------- ---------- ---------- ---------- ----------
+/**
+ * スクロールマージンを取得する
+ */
+const getScrollMargin = function (e) {
+    const el = e.currentTarget;
+    if (!el)
+        return { top: 0, left: 0, right: 0, bottom: 0 };
+    return {
+        top: el.scrollTop,
+        left: el.scrollLeft,
+        right: el.scrollWidth - (el.clientWidth + el.scrollLeft),
+        bottom: el.scrollHeight - (el.clientHeight + el.scrollTop)
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { getValue, setValue, getLocalState, setLocalState, createLocalKey } from './core/state';
+export { el, concatAction, getClassList, deleteKeys } from "./core/component";
+export { effect_toast } from "./core/effects";
+export type { ScrollMargin } from "./dom/utils";
+export { getScrollMargin } from "./dom/utils";
+export { withLoadingDialog } from "./dom/dialog";
+export type { RAFEvent } from "./animation/raf";
+export { RAFTask, subscription_RAFManager } from "./animation/raf";
+export { progress_easing } from "./animation/easing";
+export type { CSSProperty } from "./animation/properties";
+export { createRAFProperties, effect_RAFProperties } from './animation/properties';
+export type { GoogleScope, GetAccessTokenConfig, GoogleUser, GoogleAuthResult, GoogleAuthConfig, GoogleButtonOptions } from "./services/google";
+export { getAccessToken, GoogleAuth } from "./services/google";

package/dist/index.js

@@ -0,0 +1,10 @@
+// core
+export { getValue, setValue, getLocalState, setLocalState, createLocalKey } from './core/state';
+export { el, concatAction, getClassList, deleteKeys } from "./core/component";
+export { effect_toast } from "./core/effects";
+export { getScrollMargin } from "./dom/utils";
+export { withLoadingDialog } from "./dom/dialog";
+export { RAFTask, subscription_RAFManager } from "./animation/raf";
+export { progress_easing } from "./animation/easing";
+export { createRAFProperties, effect_RAFProperties } from './animation/properties';
+export { getAccessToken, GoogleAuth } from "./services/google";

package/dist/services/google.d.ts

@@ -0,0 +1,69 @@
+export type { GoogleScope, GetAccessTokenConfig, GoogleUser, GoogleAuthResult, GoogleAuthConfig, GoogleButtonOptions };
+export { getAccessToken, GoogleAuth };
+/**
+ * Google認証で使用するOAuthスコープ
+ */
+type GoogleScope = "openid" | "email" | "profile" | "https://www.googleapis.com/auth/drive" | "https://www.googleapis.com/auth/drive.readonly" | "https://www.googleapis.com/auth/drive.file" | "https://www.googleapis.com/auth/drive.metadata.readonly" | "https://www.googleapis.com/auth/drive.appdata" | "https://www.googleapis.com/auth/calendar" | "https://www.googleapis.com/auth/calendar.readonly" | "https://www.googleapis.com/auth/calendar.events" | "https://www.googleapis.com/auth/calendar.events.readonly" | "https://www.googleapis.com/auth/gmail.readonly" | "https://www.googleapis.com/auth/gmail.modify" | "https://www.googleapis.com/auth/gmail.send" | "https://www.googleapis.com/auth/gmail.compose" | "https://www.googleapis.com/auth/gmail.labels" | "https://www.googleapis.com/auth/spreadsheets" | "https://www.googleapis.com/auth/spreadsheets.readonly" | "https://www.googleapis.com/auth/documents" | "https://www.googleapis.com/auth/documents.readonly" | "https://www.googleapis.com/auth/presentations" | "https://www.googleapis.com/auth/presentations.readonly" | "https://www.googleapis.com/auth/forms" | "https://www.googleapis.com/auth/forms.responses.readonly" | "https://www.googleapis.com/auth/youtube.readonly" | "https://www.googleapis.com/auth/youtube" | "https://www.googleapis.com/auth/youtube.upload" | "https://www.googleapis.com/auth/youtube.force-ssl" | "https://www.googleapis.com/auth/userinfo.email" | "https://www.googleapis.com/auth/userinfo.profile" | (string & {});
+/**
+ * アクセストークン取得時の設定
+ */
+interface GetAccessTokenConfig {
+    clientId: string;
+    scope: GoogleScope[];
+    prompt?: "none" | "select_account" | "consent";
+}
+/**
+ * Googleアカウントのユーザー情報
+ */
+interface GoogleUser {
+    name: string;
+    email: string;
+    picture: string;
+    sub: string;
+}
+/**
+ * Google認証結果
+ */
+interface GoogleAuthResult {
+    idToken: string;
+    user: GoogleUser;
+}
+/**
+ * Google認証の初期設定
+ */
+interface GoogleAuthConfig {
+    clientId: string;
+    autoSelect?: boolean;
+    uxMode?: "popup" | "redirect";
+}
+/**
+ * Googleログインボタンの表示設定
+ */
+interface GoogleButtonOptions {
+    renderButton?: HTMLElement;
+    theme?: "outline" | "filled_blue" | "filled_black";
+    size?: "large" | "medium" | "small";
+    text?: "signin_with" | "signup_with" | "continue_with";
+    shape?: "rectangular" | "pill" | "circle" | "square";
+}
+/**
+ * OAuth2.0 のアクセストークンを取得する
+ */
+declare const getAccessToken: (config: GetAccessTokenConfig) => Promise<string>;
+/**
+ * Google Identity Services を利用した
+ * Google認証クラス
+ */
+declare class GoogleAuth {
+    #private;
+    constructor(config: GoogleAuthConfig, options?: GoogleButtonOptions);
+    /**
+     * Google認証を初期化し、
+     * ログインユーザー情報を取得する
+     */
+    initialize(): Promise<GoogleAuthResult>;
+    /**
+     * Googleアカウントからログアウトする
+     */
+    logout(hint: string): void;
+}

package/dist/services/google.js

@@ -0,0 +1,170 @@
+// ---------- ---------- ---------- ---------- ----------
+// exports
+// ---------- ---------- ---------- ---------- ----------
+export { getAccessToken, GoogleAuth };
+// ---------- ---------- ---------- ---------- ----------
+// implementation
+// ---------- ---------- ---------- ---------- ----------
+// 2重読み込み防止用の変数
+let googlePromise = null;
+// ---------- ---------- ---------- ---------- ----------
+/**
+ * Google Identity Services を読み込み、
+ * Google API オブジェクトを取得する
+ */
+const getGoogle = async () => {
+    if (window.google)
+        return window.google;
+    if (googlePromise)
+        return googlePromise;
+    googlePromise = new Promise((resolve, reject) => {
+        const script = document.createElement("script");
+        script.src = "https://accounts.google.com/gsi/client";
+        // success
+        script.addEventListener("load", () => {
+            const result = window.google;
+            if (result) {
+                resolve(result);
+            }
+            else {
+                reject(new Error("error: loadGoogle: 001"));
+            }
+        });
+        // error
+        script.addEventListener("error", () => {
+            reject(new Error("error: loadGoogle: 002"));
+        });
+        // append child
+        document.body.appendChild(script);
+    });
+    return googlePromise;
+};
+// ---------- ---------- ---------- ---------- ----------
+/**
+ * IDトークン (JWT) を解析し、
+ * ユーザー情報を取得する
+ */
+const getGoogleAuthResult = (idToken) => {
+    const base64 = idToken.split(".")[1]
+        .replace(/-/g, "+")
+        .replace(/_/g, "/");
+    const decode = (str) => decodeURIComponent(atob(str)
+        .split("")
+        .map(c => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2))
+        .join(""));
+    const payload = JSON.parse(decode(base64));
+    const user = {
+        name: payload.name,
+        email: payload.email,
+        picture: payload.picture,
+        sub: payload.sub
+    };
+    return {
+        idToken,
+        user
+    };
+};
+// ---------- ---------- ---------- ---------- ----------
+/**
+ * OAuth2.0 のアクセストークンを取得する
+ */
+const getAccessToken = async (config) => {
+    const google = await getGoogle();
+    return new Promise((resolve, reject) => {
+        // variable
+        const prompt = config.prompt ?? "select_account";
+        // initialize
+        const tokenClient = google.accounts.oauth2.initTokenClient({
+            client_id: config.clientId,
+            scope: config.scope.join(" "),
+            callback: (response) => {
+                if (response.error) {
+                    reject(response);
+                }
+                else {
+                    if (response.access_token) {
+                        resolve(response.access_token);
+                    }
+                    else {
+                        reject(new Error("No access_token"));
+                    }
+                }
+            }
+        }); // end initialize
+        // request AccessToken
+        tokenClient.requestAccessToken({ prompt }); // prompt == "none" のときには、事前にログインが必要
+    });
+};
+// ---------- ---------- ---------- ---------- ----------
+/**
+ * Google Identity Services を利用した
+ * Google認証クラス
+ */
+class GoogleAuth {
+    // field
+    #config;
+    #options;
+    #google;
+    #initialized;
+    // constructor
+    constructor(config, options) {
+        this.#config = config;
+        this.#options = options ?? {};
+        this.#initialized = false;
+    }
+    /**
+     * Google認証を初期化し、
+     * ログインユーザー情報を取得する
+     */
+    async initialize() {
+        if (this.#initialized) {
+            throw new Error("Already initialized");
+        }
+        this.#google = await getGoogle();
+        this.#initialized = true;
+        const client = this.#google.accounts.id;
+        return new Promise(resolve => {
+            let resolved = false;
+            const callback = (response) => {
+                if (resolved)
+                    return;
+                resolved = true;
+                resolve(getGoogleAuthResult(response.credential));
+            };
+            client.initialize({
+                client_id: this.#config.clientId,
+                auto_select: this.#config.autoSelect ?? true,
+                ux_mode: this.#config.uxMode ?? "popup",
+                callback
+            });
+            if (this.#options?.renderButton) {
+                client.renderButton(this.#options.renderButton, {
+                    theme: this.#options.theme ?? "outline",
+                    size: this.#options.size ?? "medium",
+                    text: this.#options.text ?? "signin_with",
+                    shape: this.#options.shape ?? "rectangular",
+                });
+            }
+            client.prompt((notification) => {
+                if (!resolved && notification.isNotDisplayed()) {
+                    console.log("isNotDisplayed");
+                }
+                if (!resolved && notification.isSkippedMoment()) {
+                    console.log("isSkippedMoment");
+                }
+            });
+        });
+    }
+    /**
+     * Googleアカウントからログアウトする
+     */
+    logout(hint) {
+        if (!this.#google)
+            return;
+        const client = this.#google.accounts.id;
+        client.disableAutoSelect();
+        client.cancel();
+        client.revoke(hint, () => { });
+        this.#initialized = false;
+    }
+}

package/package.json

@@ -1,41 +1,15 @@
 {
-  "name": "hyperapp-is",
-  "version": "0.1.50",
-  "description": "UI foundation library for Hyperapp by is4416",
-  "license": "MIT",
-  "type": "module",
-  "main": "dist/hyperapp-is/index.js",
-  "types": "dist/hyperapp-is/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/hyperapp-is/index.js",
-      "types": "./dist/hyperapp-is/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "npm run build:lib",
-    "build:lib": "tsc -p tsconfig.lib.json",
-    "build:docs": "vite build",
-    "dev": "vite",
-    "pack:check": "npm pack",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [
-    "hyperapp",
-    "ui",
-    "animation",
-    "raf",
-    "carousel"
-  ],
-  "peerDependencies": {
-    "hyperapp": "^2.0.0",
-    "hyperapp-jsx-pragma": "^1.3.0"
-  },
-  "devDependencies": {
-    "typescript": "^5.0.0",
-    "vite": "^7.3.0"
-  }
+	"name": "hyperapp-is",
+	"version": "0.2.1",
+	"type": "module",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"files": [
+		"dist",
+		"README.md",
+		"LICENSE"
+	],
+	"scripts": {
+		"build": "tsc"
+	}
 }

package/dist/hyperapp-is/animation/raf.js

@@ -1,209 +0,0 @@
-// hyperapp-is / animation / raf.ts
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _RAFTask_id, _RAFTask_groupID, _RAFTask_duration, _RAFTask_delay, _RAFTask_action, _RAFTask_finish, _RAFTask_priority, _RAFTask_extension, _RAFTask_startTime, _RAFTask_currentTime, _RAFTask_pausedTime, _RAFTask_paused, _RAFTask_deltaTime, _RAFTask_isDone;
-import { getValue, setValue } from "../core/state";
-// ---------- ---------- ---------- ---------- ----------
-// class RAFTask
-// ---------- ---------- ---------- ---------- ----------
-// Symbol
-// subscription_RAFManager のみで使用される専用メソッド
-// Symbol を知らない限り、モジュールの外からは呼べない
-const _isStart = Symbol("RAFTask.isStart");
-export class RAFTask {
-    // ---------- ---------- ----------
-    // constructor
-    // ---------- ---------- ----------
-    constructor(props) {
-        var _a, _b, _c;
-        // ---------- ---------- ----------
-        // field
-        // ---------- ---------- ----------
-        _RAFTask_id.set(this, void 0);
-        _RAFTask_groupID.set(this, void 0);
-        _RAFTask_duration.set(this, void 0);
-        _RAFTask_delay.set(this, void 0);
-        _RAFTask_action.set(this, void 0);
-        _RAFTask_finish.set(this, void 0);
-        _RAFTask_priority.set(this, void 0);
-        _RAFTask_extension.set(this, void 0);
-        _RAFTask_startTime.set(this, void 0);
-        _RAFTask_currentTime.set(this, void 0);
-        _RAFTask_pausedTime.set(this, void 0);
-        _RAFTask_paused.set(this, void 0);
-        _RAFTask_deltaTime.set(this, void 0);
-        _RAFTask_isDone.set(this, void 0);
-        __classPrivateFieldSet(this, _RAFTask_id, props.id, "f");
-        __classPrivateFieldSet(this, _RAFTask_groupID, props.groupID, "f");
-        __classPrivateFieldSet(this, _RAFTask_duration, props.duration, "f");
-        __classPrivateFieldSet(this, _RAFTask_delay, (_a = props.delay) !== null && _a !== void 0 ? _a : 0, "f");
-        __classPrivateFieldSet(this, _RAFTask_action, props.action, "f");
-        __classPrivateFieldSet(this, _RAFTask_finish, props.finish, "f");
-        __classPrivateFieldSet(this, _RAFTask_priority, (_b = props.priority) !== null && _b !== void 0 ? _b : 0, "f");
-        __classPrivateFieldSet(this, _RAFTask_extension, (_c = props.extension) !== null && _c !== void 0 ? _c : {}, "f");
-        __classPrivateFieldSet(this, _RAFTask_isDone, false, "f");
-        __classPrivateFieldSet(this, _RAFTask_paused, false, "f");
-    }
-    // ---------- ---------- ----------
-    // getter
-    // ---------- ---------- ----------
-    get id() { return __classPrivateFieldGet(this, _RAFTask_id, "f"); }
-    get groupID() { return __classPrivateFieldGet(this, _RAFTask_groupID, "f"); }
-    get duration() { return __classPrivateFieldGet(this, _RAFTask_duration, "f"); }
-    get delay() { return __classPrivateFieldGet(this, _RAFTask_delay, "f"); }
-    get action() { return __classPrivateFieldGet(this, _RAFTask_action, "f"); }
-    get finish() { return __classPrivateFieldGet(this, _RAFTask_finish, "f"); }
-    get priority() { return __classPrivateFieldGet(this, _RAFTask_priority, "f"); }
-    get extension() { return __classPrivateFieldGet(this, _RAFTask_extension, "f"); }
-    get progress() {
-        if (__classPrivateFieldGet(this, _RAFTask_startTime, "f") === undefined || __classPrivateFieldGet(this, _RAFTask_currentTime, "f") === undefined)
-            return 0;
-        return Math.min(1, Math.max(0, (__classPrivateFieldGet(this, _RAFTask_currentTime, "f") - __classPrivateFieldGet(this, _RAFTask_startTime, "f")) /
-            Math.max(1, __classPrivateFieldGet(this, _RAFTask_duration, "f"))));
-    }
-    get deltaTime() { var _a; return (_a = __classPrivateFieldGet(this, _RAFTask_deltaTime, "f")) !== null && _a !== void 0 ? _a : 0; }
-    get isDone() {
-        if (__classPrivateFieldGet(this, _RAFTask_isDone, "f"))
-            return true;
-        if (__classPrivateFieldGet(this, _RAFTask_pausedTime, "f") !== undefined)
-            return false;
-        return this.progress === 1;
-    }
-    get paused() { return __classPrivateFieldGet(this, _RAFTask_paused, "f"); }
-    // ---------- ---------- ----------
-    // setter
-    // ---------- ---------- ----------
-    set groupID(val) { __classPrivateFieldSet(this, _RAFTask_groupID, val, "f"); }
-    set priority(val) { __classPrivateFieldSet(this, _RAFTask_priority, val, "f"); }
-    set extension(val) { __classPrivateFieldSet(this, _RAFTask_extension, val, "f"); }
-    set isDone(val) { __classPrivateFieldSet(this, _RAFTask_isDone, val, "f"); }
-    set paused(val) { __classPrivateFieldSet(this, _RAFTask_paused, val, "f"); }
-    // ---------- ---------- ----------
-    // private method: _isStart
-    // ---------- ---------- ----------
-    /**
-     * アクションを開始して良いか判定する
-     * 現在時間等のアップデートも同時に行われる
-     * subscription_RAFManager でのみ使用される
-     */
-    [(_RAFTask_id = new WeakMap(), _RAFTask_groupID = new WeakMap(), _RAFTask_duration = new WeakMap(), _RAFTask_delay = new WeakMap(), _RAFTask_action = new WeakMap(), _RAFTask_finish = new WeakMap(), _RAFTask_priority = new WeakMap(), _RAFTask_extension = new WeakMap(), _RAFTask_startTime = new WeakMap(), _RAFTask_currentTime = new WeakMap(), _RAFTask_pausedTime = new WeakMap(), _RAFTask_paused = new WeakMap(), _RAFTask_deltaTime = new WeakMap(), _RAFTask_isDone = new WeakMap(), _isStart)](now) {
-        var _a;
-        // done
-        if (this.isDone)
-            return false;
-        // startTime
-        if (__classPrivateFieldGet(this, _RAFTask_startTime, "f") === undefined)
-            __classPrivateFieldSet(this, _RAFTask_startTime, now + __classPrivateFieldGet(this, _RAFTask_delay, "f"), "f");
-        // pause
-        if (this.paused) {
-            if (__classPrivateFieldGet(this, _RAFTask_pausedTime, "f") === undefined)
-                __classPrivateFieldSet(this, _RAFTask_pausedTime, now, "f");
-            __classPrivateFieldSet(this, _RAFTask_deltaTime, 0, "f");
-            __classPrivateFieldSet(this, _RAFTask_currentTime, now, "f");
-            return false;
-        }
-        // resume
-        if (!this.paused && __classPrivateFieldGet(this, _RAFTask_pausedTime, "f") !== undefined) {
-            __classPrivateFieldSet(this, _RAFTask_startTime, __classPrivateFieldGet(this, _RAFTask_startTime, "f") + now - __classPrivateFieldGet(this, _RAFTask_pausedTime, "f"), "f");
-            __classPrivateFieldSet(this, _RAFTask_pausedTime, undefined, "f");
-        }
-        // deltaTime
-        __classPrivateFieldSet(this, _RAFTask_deltaTime, now < __classPrivateFieldGet(this, _RAFTask_startTime, "f")
-            ? 0
-            : now - ((_a = __classPrivateFieldGet(this, _RAFTask_currentTime, "f")) !== null && _a !== void 0 ? _a : now), "f");
-        // currentTime
-        __classPrivateFieldSet(this, _RAFTask_currentTime, now, "f");
-        // result
-        __classPrivateFieldSet(this, _RAFTask_isDone, this.progress === 1, "f");
-        return !__classPrivateFieldGet(this, _RAFTask_isDone, "f");
-    }
-    // ---------- ---------- ----------
-    // method: clone
-    // ---------- ---------- ----------
-    /**
-     * 時間を初期化したクローンを作成して返す
-     */
-    clone() {
-        return new RAFTask({
-            id: this.id,
-            groupID: this.groupID,
-            duration: this.duration,
-            delay: this.delay,
-            action: this.action,
-            finish: this.finish,
-            priority: this.priority,
-            extension: this.extension
-        });
-    }
-}
-// ---------- ---------- ---------- ---------- ----------
-// subscription_RAFManager
-// ---------- ---------- ---------- ---------- ----------
-/**
- * RAFTask 配列の実行を管理するサブスクリプション
- */
-export const subscription_RAFManager = function (state, keyNames) {
-    let rID = 0; // rAF timerID
-    // result
-    return [
-        (dispatch, payload) => {
-            if (payload.length === 0)
-                return () => {
-                    if (rID !== 0)
-                        cancelAnimationFrame(rID);
-                };
-            // ---------- ---------- ----------
-            // rAF callback
-            // ---------- ---------- ----------
-            const loop = (now) => {
-                dispatch((state) => {
-                    const tasks = getValue(state, keyNames, []);
-                    // newTasks
-                    const newTasks = tasks.map(task => {
-                        if (task.isDone)
-                            return null;
-                        // action
-                        if (task[_isStart](now)) {
-                            requestAnimationFrame(() => dispatch((state) => task.action(state, task)));
-                        }
-                        // finish
-                        if (task.isDone) {
-                            const fn = task.finish;
-                            if (fn) {
-                                requestAnimationFrame(() => dispatch((state) => fn(state, task)));
-                            }
-                            return null;
-                        }
-                        // next
-                        return task;
-                    }).filter(task => task !== null);
-                    // next loop
-                    if (newTasks.length !== 0)
-                        rID = requestAnimationFrame(loop);
-                    // set state
-                    return setValue(state, keyNames, newTasks);
-                });
-            };
-            // set animation
-            rID = requestAnimationFrame(loop);
-            // finalize
-            return () => {
-                if (rID !== 0)
-                    cancelAnimationFrame(rID);
-            };
-        },
-        // payload
-        getValue(state, keyNames, [])
-            .filter(task => !task.isDone)
-            .sort((a, b) => b.priority - a.priority)
-    ];
-};

package/dist/hyperapp-is/animationView/carousel.d.ts

@@ -1,48 +0,0 @@
-import { VNode, Dispatch } from "hyperapp";
-import { Keys_Number, Keys_ArrayRAFTask } from "../core/state";
-import { RAFEvent, RAFTask } from "../animation/raf";
-/**
- * Carousel コンポーネント情報
- * RAFTask.extension に格納される
- *
- * 実行後に id を変更しても、反映されません
- * 実行後に step, duration, delay を変更した場合、次のタスクに反映されます
- * groupID, priority は未実装であり、値を設定しても動作に反映されません
- */
-export interface CarouselState<S> {
-    id: string;
-    step: number;
-    groupID?: string;
-    duration?: number;
-    delay?: number;
-    priority?: number;
-    extension?: Record<string, any>;
-    action?: RAFEvent<S>;
-    finish?: RAFEvent<S>;
-    easing?: (t: number) => number;
-    reportPageIndex?: Keys_Number;
-}
-/**
- * 外部から Carousel コンポーネントを操作するためのクラス
- * RAFTask.extension に格納される
- */
-export interface CarouselController<S> {
-    step: (rafTask: RAFTask<S>, delta: number, skipSpeedRate?: number) => Promise<RAFTask<S>>;
-    moveTo: (RAFTask: RAFTask<S>, index: number, skipSpeedRate?: number) => Promise<RAFTask<S>>;
-}
-/**
- * Carousel Component
- */
-export declare const Carousel: <S>(props: {
-    state: S;
-    id: string;
-    keyNames: Keys_ArrayRAFTask;
-    controlButton?: boolean;
-    controlBar?: boolean;
-    skipSpeedRate?: number;
-    [key: string]: any;
-}, children: any) => VNode<S>;
-/**
- * カルーセルを初期化し起動するエフェクト
- */
-export declare const effect_InitCarousel: <S>(keyNames: Keys_ArrayRAFTask, carouselState: CarouselState<S>) => (dispatch: Dispatch<S>) => void;