@plaidev/karte-action-sdk 1.1.70 → 1.1.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.d.ts +8 -1
- package/dist/hydrate/index.es.js +18 -79
- package/dist/index.es.d.ts +8 -1
- package/dist/index.es.js +13 -25
- package/package.json +2 -2
|
@@ -181,6 +181,11 @@ type OPTIONS = {
|
|
|
181
181
|
isPreview?: boolean;
|
|
182
182
|
initialState?: string;
|
|
183
183
|
};
|
|
184
|
+
declare const CONSTANTS: {
|
|
185
|
+
ALL_ACTION_ID: string;
|
|
186
|
+
STATE_EVENT: string;
|
|
187
|
+
};
|
|
188
|
+
declare const actionId: string;
|
|
184
189
|
declare const state: Writable<string>;
|
|
185
190
|
declare const closed: Writable<boolean>;
|
|
186
191
|
declare const maximumZindex: Writable<number>;
|
|
@@ -337,6 +342,8 @@ interface _Props {
|
|
|
337
342
|
* @return A function to close the modal
|
|
338
343
|
*/
|
|
339
344
|
declare function showModal<Props extends _Props, Variables>(App: typeof SvelteComponentDev, options?: ModalOptions<Props, Variables>): () => void;
|
|
345
|
+
declare const KARTE_MODAL_ROOT = "karte-modal-root";
|
|
346
|
+
declare const KARTE_ACTION_RID = "karte-action-rid";
|
|
340
347
|
declare function ensureModalRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
|
|
341
348
|
declare const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
|
|
342
349
|
declare function createFog({ color, opacity, zIndex, onclick }: {
|
|
@@ -394,7 +401,7 @@ declare const collection: (config: {
|
|
|
394
401
|
} | null | undefined, cb: (err: Error | null, items?: any) => void): void;
|
|
395
402
|
set(key: string, value: string, cb: (err: Error | null) => void): void;
|
|
396
403
|
};
|
|
397
|
-
export { state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
|
|
404
|
+
export { CONSTANTS, actionId, state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, KARTE_MODAL_ROOT, KARTE_ACTION_RID, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
|
|
398
405
|
export { default as State } from './components/State.svelte';
|
|
399
406
|
export { default as StateItem } from './components/StateItem.svelte';
|
|
400
407
|
export { default as Modal } from './components/Modal.svelte';
|
package/dist/hydrate/index.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { writable, get } from 'svelte/store';
|
|
2
|
-
import
|
|
3
|
-
import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, noop, element, claim_element, children, attr, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_text, set_data, src_url_equal, null_to_empty } from 'https://
|
|
4
|
-
import { createEventDispatcher, onMount, onDestroy, setContext, getContext } from 'https://
|
|
2
|
+
import 'svelte/easing';
|
|
3
|
+
import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, noop, element, claim_element, children, attr, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_text, set_data, src_url_equal, null_to_empty } from 'https://esm.sh/svelte@3.53.1/internal';
|
|
4
|
+
import { createEventDispatcher, onMount, onDestroy, setContext, getContext } from 'https://esm.sh/svelte@3.53.1';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* 内部的に使われている、UIから選択できない関数
|
|
@@ -137,12 +137,12 @@ const CONSTANTS = {
|
|
|
137
137
|
STATE_EVENT: 'KARTE-ACTION-CHANGE-STATE',
|
|
138
138
|
};
|
|
139
139
|
const functionOptions = writable({});
|
|
140
|
-
const
|
|
140
|
+
const actionId = randStr();
|
|
141
141
|
const state = writable('/');
|
|
142
142
|
const closed = writable(false);
|
|
143
143
|
const maximumZindex = writable(0);
|
|
144
144
|
const setState = (event) => {
|
|
145
|
-
if (event.detail.
|
|
145
|
+
if (event.detail.actionId === actionId || event.detail.actionId === CONSTANTS.ALL_ACTION_ID) {
|
|
146
146
|
state.set(event.detail.to);
|
|
147
147
|
}
|
|
148
148
|
};
|
|
@@ -164,7 +164,7 @@ const send_event = (event_name, values) => {
|
|
|
164
164
|
options?.send?.(event_name, values);
|
|
165
165
|
};
|
|
166
166
|
const isPreview = () => {
|
|
167
|
-
return
|
|
167
|
+
return true;
|
|
168
168
|
};
|
|
169
169
|
const setMiximumZindex = (zindex) => {
|
|
170
170
|
if (!zindex || zindex < get(maximumZindex))
|
|
@@ -175,7 +175,7 @@ const setMiximumZindex = (zindex) => {
|
|
|
175
175
|
const none = () => () => { };
|
|
176
176
|
const moveTo = (to) => () => {
|
|
177
177
|
send_event('_message_state_changed', { state: to });
|
|
178
|
-
window.dispatchEvent(new CustomEvent(CONSTANTS.STATE_EVENT, { detail: { to,
|
|
178
|
+
window.dispatchEvent(new CustomEvent(CONSTANTS.STATE_EVENT, { detail: { to, actionId } }));
|
|
179
179
|
};
|
|
180
180
|
const linkTo = (to, targetBlank = true) => () => {
|
|
181
181
|
send_event('message_click', { url: to });
|
|
@@ -204,54 +204,6 @@ const execOnClickOperation = (onClickOperation) => {
|
|
|
204
204
|
const haveFunction = (onClickOperation) => {
|
|
205
205
|
return onClickOperation.operation !== 'none';
|
|
206
206
|
};
|
|
207
|
-
function getAnimation(animation) {
|
|
208
|
-
switch (animation.type) {
|
|
209
|
-
case 'fade':
|
|
210
|
-
return `opacity: ${animation.progress}`;
|
|
211
|
-
case 'bounce': {
|
|
212
|
-
const translateX = animation.x;
|
|
213
|
-
const translateY = animation.y;
|
|
214
|
-
return `transform: translate3d(${translateX}%, ${translateY}%, 0) scale(${animation.progress});`;
|
|
215
|
-
}
|
|
216
|
-
case 'slide-down': {
|
|
217
|
-
const translateX = animation.x;
|
|
218
|
-
const translateY = animation.y - 100 * (1 - animation.progress);
|
|
219
|
-
return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
|
|
220
|
-
}
|
|
221
|
-
case 'slide-up': {
|
|
222
|
-
const translateX = animation.x;
|
|
223
|
-
const translateY = animation.y + 100 * (1 - animation.progress);
|
|
224
|
-
return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
|
|
225
|
-
}
|
|
226
|
-
case 'slide-left': {
|
|
227
|
-
const translateX = animation.x + 100 * (1 - animation.progress);
|
|
228
|
-
const translateY = animation.y;
|
|
229
|
-
return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
|
|
230
|
-
}
|
|
231
|
-
case 'slide-right': {
|
|
232
|
-
const translateX = animation.x - 100 * (1 - animation.progress);
|
|
233
|
-
const translateY = animation.y;
|
|
234
|
-
return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
|
|
235
|
-
}
|
|
236
|
-
case 'none': {
|
|
237
|
-
const translateX = animation.x;
|
|
238
|
-
const translateY = animation.y;
|
|
239
|
-
return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
|
|
240
|
-
}
|
|
241
|
-
default:
|
|
242
|
-
console.warn(`[action-sdk] invalid '${animation}', so we use 'transform: none' instead`);
|
|
243
|
-
return 'transform: none';
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
const EASING = {
|
|
247
|
-
fade: linear,
|
|
248
|
-
bounce: elasticOut,
|
|
249
|
-
'slide-down': cubicOut,
|
|
250
|
-
'slide-up': cubicOut,
|
|
251
|
-
'slide-left': cubicOut,
|
|
252
|
-
'slide-right': cubicOut,
|
|
253
|
-
none: linear,
|
|
254
|
-
};
|
|
255
207
|
/**
|
|
256
208
|
* The function to activate svelte animation.
|
|
257
209
|
* @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
|
|
@@ -259,16 +211,9 @@ const EASING = {
|
|
|
259
211
|
* @param {CustomAnimationOptions} customAnimationOptions A custom animation option object
|
|
260
212
|
*/
|
|
261
213
|
function customAnimation(node, { transform, animationStyle, delay = 0, duration = 1000 }) {
|
|
262
|
-
|
|
214
|
+
{
|
|
263
215
|
return {};
|
|
264
216
|
}
|
|
265
|
-
const [x, y] = transform;
|
|
266
|
-
return {
|
|
267
|
-
delay,
|
|
268
|
-
duration,
|
|
269
|
-
easing: EASING[animationStyle],
|
|
270
|
-
css: (progress) => getAnimation({ type: animationStyle, x, y, progress }),
|
|
271
|
-
};
|
|
272
217
|
}
|
|
273
218
|
|
|
274
219
|
const PropTypes = [
|
|
@@ -450,10 +395,11 @@ function showModal(App, options = {
|
|
|
450
395
|
};
|
|
451
396
|
}
|
|
452
397
|
const KARTE_MODAL_ROOT = 'karte-modal-root';
|
|
398
|
+
const KARTE_ACTION_RID = 'karte-action-rid';
|
|
453
399
|
function ensureModalRoot(useShadow = true) {
|
|
454
|
-
let el = document.
|
|
400
|
+
let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
|
|
455
401
|
if (el == null) {
|
|
456
|
-
el = h('div', {
|
|
402
|
+
el = h('div', { class: KARTE_MODAL_ROOT, [`data-${KARTE_ACTION_RID}`]: actionId });
|
|
457
403
|
document.body.appendChild(el);
|
|
458
404
|
}
|
|
459
405
|
const isShadow = !!document.body.attachShadow && useShadow;
|
|
@@ -472,8 +418,7 @@ const h = (type, props, ...children) => {
|
|
|
472
418
|
Object.assign(el.style, v);
|
|
473
419
|
}
|
|
474
420
|
else {
|
|
475
|
-
|
|
476
|
-
el[key] = v;
|
|
421
|
+
el.setAttribute(key, v);
|
|
477
422
|
}
|
|
478
423
|
}
|
|
479
424
|
for (const child of children) {
|
|
@@ -640,7 +585,7 @@ function request(url, data, cb) {
|
|
|
640
585
|
/* src/components/Normalize.svelte generated by Svelte v3.53.1 */
|
|
641
586
|
|
|
642
587
|
function add_css$b(target) {
|
|
643
|
-
append_styles(target, "svelte-
|
|
588
|
+
append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
|
|
644
589
|
}
|
|
645
590
|
|
|
646
591
|
class Normalize extends SvelteComponent {
|
|
@@ -1373,24 +1318,18 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
1373
1318
|
}
|
|
1374
1319
|
|
|
1375
1320
|
if ($$self.$$.dirty & /*placement*/ 262144) {
|
|
1376
|
-
$$invalidate(23, overwritePosition =
|
|
1377
|
-
|
|
1378
|
-
: placement && placement.position != null
|
|
1379
|
-
? placement.position
|
|
1380
|
-
: DefaultModalPlacement.position);
|
|
1321
|
+
$$invalidate(23, overwritePosition = 'center'
|
|
1322
|
+
);
|
|
1381
1323
|
}
|
|
1382
1324
|
|
|
1383
1325
|
if ($$self.$$.dirty & /*placement*/ 262144) {
|
|
1384
|
-
$$invalidate(22, overwriteMargin =
|
|
1385
|
-
? {
|
|
1326
|
+
$$invalidate(22, overwriteMargin = {
|
|
1386
1327
|
left: '0px',
|
|
1387
1328
|
right: '0px',
|
|
1388
1329
|
top: '0px',
|
|
1389
1330
|
bottom: '0px'
|
|
1390
1331
|
}
|
|
1391
|
-
|
|
1392
|
-
? placement.margin
|
|
1393
|
-
: DefaultModalPlacement.margin);
|
|
1332
|
+
);
|
|
1394
1333
|
}
|
|
1395
1334
|
|
|
1396
1335
|
if ($$self.$$.dirty & /*overwritePosition*/ 8388608) {
|
|
@@ -3230,4 +3169,4 @@ class ImageBlock extends SvelteComponent {
|
|
|
3230
3169
|
}
|
|
3231
3170
|
}
|
|
3232
3171
|
|
|
3233
|
-
export { Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, closeApp, closed, collection, createApp, createFog, customAnimation, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };
|
|
3172
|
+
export { Alignments, AnimationStyles, BackgroundSizes, CONSTANTS, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_MODAL_ROOT, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, closeApp, closed, collection, createApp, createFog, customAnimation, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };
|
package/dist/index.es.d.ts
CHANGED
|
@@ -181,6 +181,11 @@ type OPTIONS = {
|
|
|
181
181
|
isPreview?: boolean;
|
|
182
182
|
initialState?: string;
|
|
183
183
|
};
|
|
184
|
+
declare const CONSTANTS: {
|
|
185
|
+
ALL_ACTION_ID: string;
|
|
186
|
+
STATE_EVENT: string;
|
|
187
|
+
};
|
|
188
|
+
declare const actionId: string;
|
|
184
189
|
declare const state: Writable<string>;
|
|
185
190
|
declare const closed: Writable<boolean>;
|
|
186
191
|
declare const maximumZindex: Writable<number>;
|
|
@@ -337,6 +342,8 @@ interface _Props {
|
|
|
337
342
|
* @return A function to close the modal
|
|
338
343
|
*/
|
|
339
344
|
declare function showModal<Props extends _Props, Variables>(App: typeof SvelteComponentDev, options?: ModalOptions<Props, Variables>): () => void;
|
|
345
|
+
declare const KARTE_MODAL_ROOT = "karte-modal-root";
|
|
346
|
+
declare const KARTE_ACTION_RID = "karte-action-rid";
|
|
340
347
|
declare function ensureModalRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
|
|
341
348
|
declare const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
|
|
342
349
|
declare function createFog({ color, opacity, zIndex, onclick }: {
|
|
@@ -394,7 +401,7 @@ declare const collection: (config: {
|
|
|
394
401
|
} | null | undefined, cb: (err: Error | null, items?: any) => void): void;
|
|
395
402
|
set(key: string, value: string, cb: (err: Error | null) => void): void;
|
|
396
403
|
};
|
|
397
|
-
export { state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
|
|
404
|
+
export { CONSTANTS, actionId, state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, KARTE_MODAL_ROOT, KARTE_ACTION_RID, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
|
|
398
405
|
export { default as State } from './components/State.svelte';
|
|
399
406
|
export { default as StateItem } from './components/StateItem.svelte';
|
|
400
407
|
export { default as Modal } from './components/Modal.svelte';
|
package/dist/index.es.js
CHANGED
|
@@ -137,12 +137,12 @@ const CONSTANTS = {
|
|
|
137
137
|
STATE_EVENT: 'KARTE-ACTION-CHANGE-STATE',
|
|
138
138
|
};
|
|
139
139
|
const functionOptions = writable({});
|
|
140
|
-
const
|
|
140
|
+
const actionId = randStr();
|
|
141
141
|
const state = writable('/');
|
|
142
142
|
const closed = writable(false);
|
|
143
143
|
const maximumZindex = writable(0);
|
|
144
144
|
const setState = (event) => {
|
|
145
|
-
if (event.detail.
|
|
145
|
+
if (event.detail.actionId === actionId || event.detail.actionId === CONSTANTS.ALL_ACTION_ID) {
|
|
146
146
|
state.set(event.detail.to);
|
|
147
147
|
}
|
|
148
148
|
};
|
|
@@ -164,7 +164,7 @@ const send_event = (event_name, values) => {
|
|
|
164
164
|
options?.send?.(event_name, values);
|
|
165
165
|
};
|
|
166
166
|
const isPreview = () => {
|
|
167
|
-
return
|
|
167
|
+
return false;
|
|
168
168
|
};
|
|
169
169
|
const setMiximumZindex = (zindex) => {
|
|
170
170
|
if (!zindex || zindex < get(maximumZindex))
|
|
@@ -175,7 +175,7 @@ const setMiximumZindex = (zindex) => {
|
|
|
175
175
|
const none = () => () => { };
|
|
176
176
|
const moveTo = (to) => () => {
|
|
177
177
|
send_event('_message_state_changed', { state: to });
|
|
178
|
-
window.dispatchEvent(new CustomEvent(CONSTANTS.STATE_EVENT, { detail: { to,
|
|
178
|
+
window.dispatchEvent(new CustomEvent(CONSTANTS.STATE_EVENT, { detail: { to, actionId } }));
|
|
179
179
|
};
|
|
180
180
|
const linkTo = (to, targetBlank = true) => () => {
|
|
181
181
|
send_event('message_click', { url: to });
|
|
@@ -259,9 +259,6 @@ const EASING = {
|
|
|
259
259
|
* @param {CustomAnimationOptions} customAnimationOptions A custom animation option object
|
|
260
260
|
*/
|
|
261
261
|
function customAnimation(node, { transform, animationStyle, delay = 0, duration = 1000 }) {
|
|
262
|
-
if (isPreview()) {
|
|
263
|
-
return {};
|
|
264
|
-
}
|
|
265
262
|
const [x, y] = transform;
|
|
266
263
|
return {
|
|
267
264
|
delay,
|
|
@@ -489,7 +486,7 @@ function showModal(App, options = {
|
|
|
489
486
|
},
|
|
490
487
|
});
|
|
491
488
|
};
|
|
492
|
-
const currying =
|
|
489
|
+
const currying = conditionFn => fn => conditionFn(options.props, fn);
|
|
493
490
|
// if in hydrate mode (preview), nothing is done, since modal will be disposed and closed in the preview module
|
|
494
491
|
const hideCleanup = (options.props.hide_and_condition
|
|
495
492
|
? and(close, currying(hideOnScroll), currying(hideOnTime))
|
|
@@ -511,10 +508,11 @@ function showModal(App, options = {
|
|
|
511
508
|
};
|
|
512
509
|
}
|
|
513
510
|
const KARTE_MODAL_ROOT = 'karte-modal-root';
|
|
511
|
+
const KARTE_ACTION_RID = 'karte-action-rid';
|
|
514
512
|
function ensureModalRoot(useShadow = true) {
|
|
515
|
-
let el = document.
|
|
513
|
+
let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
|
|
516
514
|
if (el == null) {
|
|
517
|
-
el = h('div', {
|
|
515
|
+
el = h('div', { class: KARTE_MODAL_ROOT, [`data-${KARTE_ACTION_RID}`]: actionId });
|
|
518
516
|
document.body.appendChild(el);
|
|
519
517
|
}
|
|
520
518
|
const isShadow = !!document.body.attachShadow && useShadow;
|
|
@@ -533,8 +531,7 @@ const h = (type, props, ...children) => {
|
|
|
533
531
|
Object.assign(el.style, v);
|
|
534
532
|
}
|
|
535
533
|
else {
|
|
536
|
-
|
|
537
|
-
el[key] = v;
|
|
534
|
+
el.setAttribute(key, v);
|
|
538
535
|
}
|
|
539
536
|
}
|
|
540
537
|
for (const child of children) {
|
|
@@ -700,7 +697,7 @@ function request(url, data, cb) {
|
|
|
700
697
|
/* src/components/Normalize.svelte generated by Svelte v3.53.1 */
|
|
701
698
|
|
|
702
699
|
function add_css$b(target) {
|
|
703
|
-
append_styles(target, "svelte-
|
|
700
|
+
append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
|
|
704
701
|
}
|
|
705
702
|
|
|
706
703
|
class Normalize extends SvelteComponent {
|
|
@@ -1357,22 +1354,13 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
1357
1354
|
}
|
|
1358
1355
|
|
|
1359
1356
|
if ($$self.$$.dirty & /*placement*/ 262144) {
|
|
1360
|
-
$$invalidate(23, overwritePosition =
|
|
1361
|
-
? 'center'
|
|
1362
|
-
: placement && placement.position != null
|
|
1357
|
+
$$invalidate(23, overwritePosition = placement && placement.position != null
|
|
1363
1358
|
? placement.position
|
|
1364
1359
|
: DefaultModalPlacement.position);
|
|
1365
1360
|
}
|
|
1366
1361
|
|
|
1367
1362
|
if ($$self.$$.dirty & /*placement*/ 262144) {
|
|
1368
|
-
$$invalidate(22, overwriteMargin =
|
|
1369
|
-
? {
|
|
1370
|
-
left: '0px',
|
|
1371
|
-
right: '0px',
|
|
1372
|
-
top: '0px',
|
|
1373
|
-
bottom: '0px'
|
|
1374
|
-
}
|
|
1375
|
-
: placement && placement.margin != null
|
|
1363
|
+
$$invalidate(22, overwriteMargin = placement && placement.margin != null
|
|
1376
1364
|
? placement.margin
|
|
1377
1365
|
: DefaultModalPlacement.margin);
|
|
1378
1366
|
}
|
|
@@ -3050,4 +3038,4 @@ class ImageBlock extends SvelteComponent {
|
|
|
3050
3038
|
}
|
|
3051
3039
|
}
|
|
3052
3040
|
|
|
3053
|
-
export { Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, closeApp, closed, collection, createApp, createFog, customAnimation, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };
|
|
3041
|
+
export { Alignments, AnimationStyles, BackgroundSizes, CONSTANTS, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_MODAL_ROOT, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, closeApp, closed, collection, createApp, createFog, customAnimation, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plaidev/karte-action-sdk",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.71",
|
|
4
4
|
"author": "Plaid Inc.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"module": "./dist/index.es.js",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"rollup-plugin-ts": "^2.0.7",
|
|
59
59
|
"serve": "^14.0.1",
|
|
60
60
|
"serve-static": "^1.15.0",
|
|
61
|
-
"svelte": "3.
|
|
61
|
+
"svelte": "3.53.1",
|
|
62
62
|
"svelte-check": "^2.2.7",
|
|
63
63
|
"svelte-preprocess": "4.9.8",
|
|
64
64
|
"tslib": "^2.3.1",
|