@plaidev/karte-action-sdk 1.0.23 → 1.0.24

package/dist/index.es.d.ts

@@ -21,22 +21,6 @@ declare const moveTo: (to: string) => () => void;
 declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
 declare const closeApp: () => () => void;
 declare const _default: "dummy";
-/**
- * 内部的に使われている、UIから選択できない関数
- */
-declare const handleFocus: (node: HTMLElement | null) => (e: any) => void;
-declare const setPreviousFocus: () => void;
-declare const handleKeydown: (handlers: {
-    [eventName: string]: (e: any) => void;
-}) => (e: any) => void;
-type ModalPosition = "top-left" | "top-center" | "top-right" | "center-left" | "center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right" | "none";
-declare const getPositionStyle: (position: ModalPosition) => string;
-declare function onScroll(fn: Function, rate: number): () => void;
-declare function onTime(fn: Function, time: number): () => void;
-declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
-declare function toBr(text: string): string;
-declare function randStr(digit?: number): string;
-declare const _default: "dummy";
 declare const PropTypes: readonly [
     "BooleanKeyword",
     "NumberKeyword",
@@ -75,6 +59,87 @@ declare const AnimationStyles: readonly [
     "slide-right"
 ];
 type AnimationStyle = typeof AnimationStyles[number];
+declare const AnimationStyleTranslations: {
+    none: {
+        ja: string;
+        en: string;
+    };
+    fade: {
+        ja: string;
+        en: string;
+    };
+    bounce: {
+        ja: string;
+        en: string;
+    };
+    "slide-down": {
+        ja: string;
+        en: string;
+    };
+    "slide-up": {
+        ja: string;
+        en: string;
+    };
+    "slide-left": {
+        ja: string;
+        en: string;
+    };
+    "slide-right": {
+        ja: string;
+        en: string;
+    };
+};
+declare const ModalPositions: readonly [
+    "top-left",
+    "top-center",
+    "top-right",
+    "center-left",
+    "center",
+    "center-right",
+    "bottom-left",
+    "bottom-center",
+    "bottom-right",
+    "none"
+];
+type ModalPosition = typeof ModalPositions[number];
+declare const ModalPositionTranslations: {
+    "top-left": {
+        ja: string;
+        en: string;
+    };
+    "top-center": {
+        ja: string;
+        en: string;
+    };
+    "top-right": {
+        ja: string;
+        en: string;
+    };
+    "center-left": {
+        ja: string;
+        en: string;
+    };
+    center: {
+        ja: string;
+        en: string;
+    };
+    "center-right": {
+        ja: string;
+        en: string;
+    };
+    "bottom-left": {
+        ja: string;
+        en: string;
+    };
+    "bottom-center": {
+        ja: string;
+        en: string;
+    };
+    "bottom-right": {
+        ja: string;
+        en: string;
+    };
+};
 type LongText = string;
 type Url = string;
 type Image = string;
@@ -116,7 +181,19 @@ declare const Repeats: readonly [
 type Repeat = typeof Repeats[number];
 type Style = string;
 type StateName = string;
-export { state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, _default, handleFocus, setPreviousFocus, handleKeydown, ModalPosition, getPositionStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, Style, StateName };
+declare const handleFocus: (node: HTMLElement | null) => (e: any) => void;
+declare const setPreviousFocus: () => void;
+declare const handleKeydown: (handlers: {
+    [eventName: string]: (e: any) => void;
+}) => (e: any) => void;
+declare const getPositionStyle: (position: ModalPosition) => string;
+declare function onScroll(fn: Function, rate: number): () => void;
+declare function onTime(fn: Function, time: number): () => void;
+declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
+declare function toBr(text: string): string;
+declare function randStr(digit?: number): string;
+declare const _default: "dummy";
+export { state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, _default, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, AnimationStyleTranslations, ModalPositions, ModalPosition, ModalPositionTranslations, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, Style, StateName };
 export { default as State } from './State.svelte';
 export { default as GridModalState } from './GridModalState.svelte';
 export { default as GridItem } from './GridItem.svelte';

package/dist/index.es.js

@@ -192,6 +192,86 @@ const AnimationStyles = [
     'slide-left',
     'slide-right',
 ];
+const AnimationStyleTranslations = {
+    none: {
+        ja: 'なし',
+        en: 'None',
+    },
+    fade: {
+        ja: 'フェードイン',
+        en: 'Fade in',
+    },
+    bounce: {
+        ja: 'バウンス',
+        en: 'Bounce',
+    },
+    'slide-down': {
+        ja: '上からスライド',
+        en: 'Slide down',
+    },
+    'slide-up': {
+        ja: '下からスライド',
+        en: 'Slide up',
+    },
+    'slide-left': {
+        ja: '左からスライド',
+        en: 'Slide left',
+    },
+    'slide-right': {
+        ja: '右からスライド',
+        en: 'Slide right',
+    },
+};
+const ModalPositions = [
+    'top-left',
+    'top-center',
+    'top-right',
+    'center-left',
+    'center',
+    'center-right',
+    'bottom-left',
+    'bottom-center',
+    'bottom-right',
+    'none',
+];
+const ModalPositionTranslations = {
+    'top-left': {
+        ja: '画面の左上',
+        en: 'Top Left',
+    },
+    'top-center': {
+        ja: '画面の中央上',
+        en: 'Top Center',
+    },
+    'top-right': {
+        ja: '画面の右上',
+        en: 'Top Right',
+    },
+    'center-left': {
+        ja: '画面の中央左',
+        en: 'Center Left',
+    },
+    center: {
+        ja: '画面の中央',
+        en: 'Center',
+    },
+    'center-right': {
+        ja: '画面の中央右',
+        en: 'Center Right',
+    },
+    'bottom-left': {
+        ja: '画面の左下',
+        en: 'Bottom Left',
+    },
+    'bottom-center': {
+        ja: '画面の中央下',
+        en: 'Bottom Center',
+    },
+    'bottom-right': {
+        ja: '画面の右下',
+        en: 'Bottom Right',
+    },
+};
 const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
 const Justifies = ['flex-start', 'center', 'flex-end'];
 const Alignments = ['flex-start', 'center', 'flex-end'];
@@ -1060,10 +1140,10 @@ function create_default_slot_1(ctx) {
 
 	modal = new Modal({
 			props: {
-				closable: /*closable*/ ctx[3],
-				closeButtonColor: /*closeButtonColor*/ ctx[4],
+				closable: /*closable*/ ctx[4],
+				closeButtonColor: /*closeButtonColor*/ ctx[5],
 				_closeStyle: /*_closeStyle*/ ctx[8],
-				position: /*position*/ ctx[5],
+				position: /*position*/ ctx[3],
 				fixed: /*fixed*/ ctx[6],
 				_style: /*_modalStyle*/ ctx[7],
 				$$slots: { default: [create_default_slot_2] },
@@ -1083,10 +1163,10 @@ function create_default_slot_1(ctx) {
 		},
 		p(ctx, dirty) {
 			const modal_changes = {};
-			if (dirty & /*closable*/ 8) modal_changes.closable = /*closable*/ ctx[3];
-			if (dirty & /*closeButtonColor*/ 16) modal_changes.closeButtonColor = /*closeButtonColor*/ ctx[4];
+			if (dirty & /*closable*/ 16) modal_changes.closable = /*closable*/ ctx[4];
+			if (dirty & /*closeButtonColor*/ 32) modal_changes.closeButtonColor = /*closeButtonColor*/ ctx[5];
 			if (dirty & /*_closeStyle*/ 256) modal_changes._closeStyle = /*_closeStyle*/ ctx[8];
-			if (dirty & /*position*/ 32) modal_changes.position = /*position*/ ctx[5];
+			if (dirty & /*position*/ 8) modal_changes.position = /*position*/ ctx[3];
 			if (dirty & /*fixed*/ 64) modal_changes.fixed = /*fixed*/ ctx[6];
 			if (dirty & /*_modalStyle*/ 128) modal_changes._style = /*_modalStyle*/ ctx[7];
 
@@ -1228,11 +1308,11 @@ function instance$3($$self, $$props, $$invalidate) {
 	let { path } = $$props;
 	let { animation = 'none' } = $$props;
 	let { backgroundOverray = false } = $$props;
+	let { position = 'center' } = $$props;
 	let { closable = true } = $$props;
 	let { closeButtonColor = '#000000' } = $$props;
 	let { eventName = '' } = $$props;
 	let { eventValue = null } = $$props;
-	let { position = 'center' } = $$props;
 	let { fixed = false } = $$props;
 	let { _modalStyle = '' } = $$props;
 	let { _closeStyle = '' } = $$props;
@@ -1260,11 +1340,11 @@ function instance$3($$self, $$props, $$invalidate) {
 		if ('path' in $$props) $$invalidate(0, path = $$props.path);
 		if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
 		if ('backgroundOverray' in $$props) $$invalidate(2, backgroundOverray = $$props.backgroundOverray);
-		if ('closable' in $$props) $$invalidate(3, closable = $$props.closable);
-		if ('closeButtonColor' in $$props) $$invalidate(4, closeButtonColor = $$props.closeButtonColor);
+		if ('position' in $$props) $$invalidate(3, position = $$props.position);
+		if ('closable' in $$props) $$invalidate(4, closable = $$props.closable);
+		if ('closeButtonColor' in $$props) $$invalidate(5, closeButtonColor = $$props.closeButtonColor);
 		if ('eventName' in $$props) $$invalidate(16, eventName = $$props.eventName);
 		if ('eventValue' in $$props) $$invalidate(17, eventValue = $$props.eventValue);
-		if ('position' in $$props) $$invalidate(5, position = $$props.position);
 		if ('fixed' in $$props) $$invalidate(6, fixed = $$props.fixed);
 		if ('_modalStyle' in $$props) $$invalidate(7, _modalStyle = $$props._modalStyle);
 		if ('_closeStyle' in $$props) $$invalidate(8, _closeStyle = $$props._closeStyle);
@@ -1281,9 +1361,9 @@ function instance$3($$self, $$props, $$invalidate) {
 		path,
 		animation,
 		backgroundOverray,
+		position,
 		closable,
 		closeButtonColor,
-		position,
 		fixed,
 		_modalStyle,
 		_closeStyle,
@@ -1309,11 +1389,11 @@ class GridModalState extends SvelteComponent {
 			path: 0,
 			animation: 1,
 			backgroundOverray: 2,
-			closable: 3,
-			closeButtonColor: 4,
+			position: 3,
+			closable: 4,
+			closeButtonColor: 5,
 			eventName: 16,
 			eventValue: 17,
-			position: 5,
 			fixed: 6,
 			_modalStyle: 7,
 			_closeStyle: 8,
@@ -1675,4 +1755,4 @@ class FlexItem extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, Directions, Flex, FlexItem, GridItem, GridModalState, Justifies, LengthUnits, MediaQueries, Modal, ObjectFits, PropTypes, Repeats, State, closeApp, closed, finalize, getPositionStyle, handleFocus, handleKeydown, hasSuffix, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, state, toBr };
+export { Alignments, AnimationStyleTranslations, AnimationStyles, Directions, Flex, FlexItem, GridItem, GridModalState, Justifies, LengthUnits, MediaQueries, Modal, ModalPositionTranslations, ModalPositions, ObjectFits, PropTypes, Repeats, State, closeApp, closed, finalize, getPositionStyle, handleFocus, handleKeydown, hasSuffix, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, state, toBr };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",