@plaidev/karte-action-sdk 1.1.118 → 1.1.119-27929222.4cbf467a
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 +2 -247
- package/dist/hydrate/index.es.js +1 -39
- package/dist/index.es.d.ts +2 -247
- package/dist/index.es.js +1 -35
- package/package.json +1 -1
|
@@ -493,20 +493,6 @@ type ActionSetting = {
|
|
|
493
493
|
type CustomVariables = {
|
|
494
494
|
[key: string]: any;
|
|
495
495
|
};
|
|
496
|
-
/**
|
|
497
|
-
* Store to handle action setting
|
|
498
|
-
*
|
|
499
|
-
* @internal
|
|
500
|
-
*/
|
|
501
|
-
declare const actionSetting: Store<ActionSetting>;
|
|
502
|
-
/**
|
|
503
|
-
* {@link getActionSetting} function to get action setting.
|
|
504
|
-
*
|
|
505
|
-
* @returns Current action setting
|
|
506
|
-
*
|
|
507
|
-
* @internal
|
|
508
|
-
*/
|
|
509
|
-
declare function getActionSetting(): ActionSetting;
|
|
510
496
|
/**
|
|
511
497
|
* アクション設定を更新する
|
|
512
498
|
*
|
|
@@ -520,18 +506,6 @@ declare function getActionSetting(): ActionSetting;
|
|
|
520
506
|
* @public
|
|
521
507
|
*/
|
|
522
508
|
declare function setActionSetting(setting: ActionSetting): ActionSetting;
|
|
523
|
-
/**
|
|
524
|
-
* {@link resetActionSetting} function to reset action setting
|
|
525
|
-
*
|
|
526
|
-
* @internal
|
|
527
|
-
*/
|
|
528
|
-
declare function resetActionSetting(): void;
|
|
529
|
-
/**
|
|
530
|
-
* Store to read KARTE system config
|
|
531
|
-
*
|
|
532
|
-
* @internal
|
|
533
|
-
*/
|
|
534
|
-
declare const system: Store<SystemConfig>;
|
|
535
509
|
/**
|
|
536
510
|
* KARTE の設定を取得する
|
|
537
511
|
*
|
|
@@ -544,12 +518,6 @@ declare const system: Store<SystemConfig>;
|
|
|
544
518
|
* @public
|
|
545
519
|
*/
|
|
546
520
|
declare function getSystem(): SystemConfig;
|
|
547
|
-
/**
|
|
548
|
-
* {@link setSystem} function to set KARTE system config.
|
|
549
|
-
*
|
|
550
|
-
* @internal
|
|
551
|
-
*/
|
|
552
|
-
declare function setSystem(config: SystemConfig): void;
|
|
553
521
|
/**
|
|
554
522
|
* Store to handle current state ID
|
|
555
523
|
*
|
|
@@ -579,20 +547,6 @@ declare function setState(stateId: string, force?: boolean): void;
|
|
|
579
547
|
* @public
|
|
580
548
|
*/
|
|
581
549
|
declare function getState(): string;
|
|
582
|
-
/**
|
|
583
|
-
* Store to handle all state IDs
|
|
584
|
-
*
|
|
585
|
-
* @internal
|
|
586
|
-
*/
|
|
587
|
-
declare const states: Store<string[]>;
|
|
588
|
-
/**
|
|
589
|
-
* {@link getStates} function to add new state ID to list of state IDs.
|
|
590
|
-
*
|
|
591
|
-
* @param stateId - New state ID
|
|
592
|
-
*
|
|
593
|
-
* @internal
|
|
594
|
-
*/
|
|
595
|
-
declare function addState(stateId: string): void;
|
|
596
550
|
/**
|
|
597
551
|
* ステートID一覧を取得する
|
|
598
552
|
*
|
|
@@ -618,12 +572,6 @@ declare const opened: Store<boolean>;
|
|
|
618
572
|
* @public
|
|
619
573
|
*/
|
|
620
574
|
declare function isOpened(): boolean;
|
|
621
|
-
/**
|
|
622
|
-
* {@link setOpened} function to set if action is opened.
|
|
623
|
-
*
|
|
624
|
-
* @internal
|
|
625
|
-
*/
|
|
626
|
-
declare function setOpened(on: boolean): void;
|
|
627
575
|
/**
|
|
628
576
|
* Store to handle visibility of action
|
|
629
577
|
*
|
|
@@ -650,56 +598,6 @@ declare function isClosed(): boolean;
|
|
|
650
598
|
* @internal
|
|
651
599
|
*/
|
|
652
600
|
declare function setClosed(on: boolean): void;
|
|
653
|
-
/**
|
|
654
|
-
* Store to handle max z-index for grid items
|
|
655
|
-
*
|
|
656
|
-
* @internal
|
|
657
|
-
*/
|
|
658
|
-
declare const maximumZindex: Store<number>;
|
|
659
|
-
/**
|
|
660
|
-
* Set maximum z-index.
|
|
661
|
-
*
|
|
662
|
-
* @internal
|
|
663
|
-
*/
|
|
664
|
-
declare const setMaximumZindex: (zindex?: number) => void;
|
|
665
|
-
/**
|
|
666
|
-
* Store to handle internal event handlers
|
|
667
|
-
*
|
|
668
|
-
* @internal
|
|
669
|
-
*/
|
|
670
|
-
declare const internalHandlers: Store<{
|
|
671
|
-
[key: string]: ActionEventHandler[];
|
|
672
|
-
}>;
|
|
673
|
-
/**
|
|
674
|
-
* {@link getInternalHandlers} function to get internal event handlers.
|
|
675
|
-
*
|
|
676
|
-
* @returns Current internal handlers
|
|
677
|
-
*
|
|
678
|
-
* @internal
|
|
679
|
-
*/
|
|
680
|
-
declare function getInternalHandlers(): {
|
|
681
|
-
[key: string]: ActionEventHandler[];
|
|
682
|
-
};
|
|
683
|
-
/**
|
|
684
|
-
* {@link setInternalHandlers} function to set internal event handlers.
|
|
685
|
-
*
|
|
686
|
-
* @internal
|
|
687
|
-
*/
|
|
688
|
-
declare function setInternalHandlers(handlers: {
|
|
689
|
-
[key: string]: ActionEventHandler[];
|
|
690
|
-
}): void;
|
|
691
|
-
/**
|
|
692
|
-
* {@link updateInternalHandlers} function to update internal event handlers.
|
|
693
|
-
*
|
|
694
|
-
* @param handlers - Updated internal event handlers
|
|
695
|
-
*
|
|
696
|
-
* @returns New internal handlers
|
|
697
|
-
*/
|
|
698
|
-
declare function updateInternalHandlers(handlers: {
|
|
699
|
-
[key: string]: ActionEventHandler[];
|
|
700
|
-
}): {
|
|
701
|
-
[key: string]: ActionEventHandler[];
|
|
702
|
-
};
|
|
703
601
|
/**
|
|
704
602
|
* Store to handle custom event handlers
|
|
705
603
|
*
|
|
@@ -753,38 +651,12 @@ declare function updateCustomHandlers(handlers: {
|
|
|
753
651
|
* @internal
|
|
754
652
|
*/
|
|
755
653
|
declare const destroyed: Store<boolean>;
|
|
756
|
-
/**
|
|
757
|
-
* {@link isDestroyed} function to check if action is destroyed.
|
|
758
|
-
*
|
|
759
|
-
* @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
|
|
760
|
-
*
|
|
761
|
-
* @internal
|
|
762
|
-
*/
|
|
763
|
-
declare function isDestroyed(): boolean;
|
|
764
|
-
/**
|
|
765
|
-
* {@link setDestroyed} function to set if action is destroyed.
|
|
766
|
-
*
|
|
767
|
-
* @internal
|
|
768
|
-
*/
|
|
769
|
-
declare function setDestroyed(on: boolean): void;
|
|
770
654
|
/**
|
|
771
655
|
* Store to handle stopping action
|
|
772
656
|
*
|
|
773
657
|
* @internal
|
|
774
658
|
*/
|
|
775
659
|
declare const stopped: Store<boolean>;
|
|
776
|
-
/**
|
|
777
|
-
* {@link isStopped} function to check if action is stopped.
|
|
778
|
-
*
|
|
779
|
-
* @returns Flag if action is stopped / true: Stopped, false: Not stopped
|
|
780
|
-
*/
|
|
781
|
-
declare function isStopped(): boolean;
|
|
782
|
-
/**
|
|
783
|
-
* {@link setStopped} function to set if action is stopped.
|
|
784
|
-
*
|
|
785
|
-
* @internal
|
|
786
|
-
*/
|
|
787
|
-
declare function setStopped(on: boolean): void;
|
|
788
660
|
/**
|
|
789
661
|
* Store to handle custom variables
|
|
790
662
|
*
|
|
@@ -843,42 +715,9 @@ declare const formData: Writable_<FormData>;
|
|
|
843
715
|
*/
|
|
844
716
|
type CloseTrigger = "button" | "overlay" | "auto" | "none";
|
|
845
717
|
/** @internal */
|
|
846
|
-
declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
|
|
847
|
-
/** @internal */
|
|
848
|
-
declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
|
|
849
|
-
// prettier-ignore
|
|
850
|
-
/** @internal */
|
|
851
|
-
declare const actionId: string;
|
|
852
|
-
/** @internal */
|
|
853
|
-
declare const ACTION_SHOW_EVENT: string;
|
|
854
|
-
/** @internal */
|
|
855
|
-
declare const ACTION_CLOSE_EVENT: string;
|
|
856
|
-
/** @internal */
|
|
857
|
-
declare const ACTION_DESTROY_EVENT: string;
|
|
858
|
-
/** @internal */
|
|
859
|
-
declare const ACTION_CHANGE_STATE_EVENT: string;
|
|
860
|
-
/** @internal */
|
|
861
|
-
declare const handleState: (event: any) => void;
|
|
862
|
-
/** @internal */
|
|
863
718
|
declare const initialize: (setting?: ActionSetting) => () => void;
|
|
864
719
|
/** @internal */
|
|
865
720
|
declare const finalize: () => void;
|
|
866
|
-
/** @internal */
|
|
867
|
-
declare const send_event: (event_name: string, values?: any) => void;
|
|
868
|
-
/** @internal */
|
|
869
|
-
declare const none: () => () => void; // eslint-disable-next @typescript-eslint/no-empty-function
|
|
870
|
-
/** @internal */
|
|
871
|
-
declare const moveTo: (to: string) => () => void;
|
|
872
|
-
/** @internal */
|
|
873
|
-
declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
|
|
874
|
-
/** @internal */
|
|
875
|
-
declare const closeApp: (trigger: CloseTrigger) => () => void;
|
|
876
|
-
/** @internal */
|
|
877
|
-
declare const runScript: (handlerName: string) => () => void;
|
|
878
|
-
/** @internal */
|
|
879
|
-
declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
|
|
880
|
-
/** @internal */
|
|
881
|
-
declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
|
|
882
721
|
/**
|
|
883
722
|
* An option for svelte custom animation
|
|
884
723
|
*/
|
|
@@ -907,27 +746,6 @@ interface CustomAnimationOptions {
|
|
|
907
746
|
*/
|
|
908
747
|
duration?: number;
|
|
909
748
|
}
|
|
910
|
-
/**
|
|
911
|
-
* The function to activate svelte animation.
|
|
912
|
-
*
|
|
913
|
-
* @param node - A target node of animation. This argument is passed by svelte, by default.
|
|
914
|
-
* @param customAnimationOptions - A custom animation option object
|
|
915
|
-
*
|
|
916
|
-
* @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
|
|
917
|
-
*
|
|
918
|
-
* @internal
|
|
919
|
-
*/
|
|
920
|
-
declare function customAnimation(node: Element, { transform, animationStyle, delay, duration }: CustomAnimationOptions): {
|
|
921
|
-
delay?: undefined;
|
|
922
|
-
duration?: undefined;
|
|
923
|
-
easing?: undefined;
|
|
924
|
-
css?: undefined;
|
|
925
|
-
} | {
|
|
926
|
-
delay: number;
|
|
927
|
-
duration: number;
|
|
928
|
-
easing: (t: any) => any;
|
|
929
|
-
css: (progress: number) => string;
|
|
930
|
-
};
|
|
931
749
|
/**
|
|
932
750
|
* ES Modules に対応していない JavaScript をページに読み込む
|
|
933
751
|
*
|
|
@@ -952,18 +770,6 @@ declare function applyGlobalCss(css: string): Promise<any>;
|
|
|
952
770
|
* @public
|
|
953
771
|
*/
|
|
954
772
|
declare function loadGlobalStyle(href: string): Promise<any>;
|
|
955
|
-
/**
|
|
956
|
-
* {@link hashCode} generate hash with FNV-1a hash
|
|
957
|
-
*
|
|
958
|
-
* @param s - Inputed string
|
|
959
|
-
*
|
|
960
|
-
* @returns Hashed string
|
|
961
|
-
*
|
|
962
|
-
* @see https://stackoverflow.com/a/22429679
|
|
963
|
-
*
|
|
964
|
-
* @internal
|
|
965
|
-
*/
|
|
966
|
-
declare function hashCode(s: string): string;
|
|
967
773
|
/**
|
|
968
774
|
* {@link setAutoStart} function to set auto start flag.
|
|
969
775
|
*
|
|
@@ -974,27 +780,6 @@ declare function hashCode(s: string): string;
|
|
|
974
780
|
* @internal
|
|
975
781
|
*/
|
|
976
782
|
declare const setAutoStart: (on?: boolean) => void;
|
|
977
|
-
/** @internal */
|
|
978
|
-
declare const NOOP: Function; // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
979
|
-
/** @internal */
|
|
980
|
-
declare const isPreview: () => boolean;
|
|
981
|
-
/** @internal */
|
|
982
|
-
declare const handleFocus: (node: HTMLElement | null) => (e: any) => void;
|
|
983
|
-
/** @internal */
|
|
984
|
-
declare const setPreviousFocus: () => void;
|
|
985
|
-
/** @internal */
|
|
986
|
-
declare const handleKeydown: (handlers: {
|
|
987
|
-
[eventName: string]: (e: any) => void;
|
|
988
|
-
}) => (e: any) => void;
|
|
989
|
-
/** @internal */
|
|
990
|
-
declare const getPositionStyle: (position: ModalPosition) => string;
|
|
991
|
-
/** @internal */
|
|
992
|
-
declare const getTransform: (position: ModalPosition) => [
|
|
993
|
-
number,
|
|
994
|
-
number
|
|
995
|
-
];
|
|
996
|
-
/** @internal */
|
|
997
|
-
declare const getMarginStyle: (margin: ModalMargin) => string;
|
|
998
783
|
/**
|
|
999
784
|
* スクロール方向
|
|
1000
785
|
*
|
|
@@ -1065,12 +850,6 @@ declare function onScroll(rate: number | number[], fn: OnScrollFunction): () =>
|
|
|
1065
850
|
* @public
|
|
1066
851
|
*/
|
|
1067
852
|
declare function onTime(time: number, fn: Function): () => void;
|
|
1068
|
-
/** @internal */
|
|
1069
|
-
declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
|
|
1070
|
-
/** @internal */
|
|
1071
|
-
declare function toBr(text: string): string;
|
|
1072
|
-
/** @internal */
|
|
1073
|
-
declare function randStr(digit?: number): string;
|
|
1074
853
|
/**
|
|
1075
854
|
* プロパティ
|
|
1076
855
|
*
|
|
@@ -1329,12 +1108,6 @@ interface ActionOptions<Props, Variables> {
|
|
|
1329
1108
|
* @public
|
|
1330
1109
|
*/
|
|
1331
1110
|
declare function create<Props extends _Props$0, Variables>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & CustomVariables>): () => void;
|
|
1332
|
-
/**
|
|
1333
|
-
* Dispatch the event to destroy KARTE action
|
|
1334
|
-
*
|
|
1335
|
-
* @internal
|
|
1336
|
-
*/
|
|
1337
|
-
declare function dispatchDestroyEvent(): void;
|
|
1338
1111
|
/**
|
|
1339
1112
|
* アクションの破棄する
|
|
1340
1113
|
*
|
|
@@ -1356,15 +1129,7 @@ declare function showAction(): void;
|
|
|
1356
1129
|
*/
|
|
1357
1130
|
declare function closeAction(trigger?: CloseTrigger): void;
|
|
1358
1131
|
/** @internal */
|
|
1359
|
-
declare const KARTE_ACTION_ROOT = "karte-action-root";
|
|
1360
|
-
/** @internal */
|
|
1361
|
-
declare const KARTE_ACTION_RID = "karte-action-rid";
|
|
1362
|
-
/** @internal */
|
|
1363
|
-
declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
|
|
1364
|
-
/** @internal */
|
|
1365
1132
|
declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
|
|
1366
|
-
/** @internal */
|
|
1367
|
-
declare const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
|
|
1368
1133
|
/**
|
|
1369
1134
|
* create a fog element
|
|
1370
1135
|
*
|
|
@@ -1383,8 +1148,6 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
|
|
|
1383
1148
|
};
|
|
1384
1149
|
/** @internal */
|
|
1385
1150
|
type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
|
|
1386
|
-
/** @internal */
|
|
1387
|
-
declare function embed(target: HTMLElement, replace: HTMLElement, embed_method: EmbedLogic): void;
|
|
1388
1151
|
/**
|
|
1389
1152
|
* アクションの Shadow Root の Element を取得する
|
|
1390
1153
|
*
|
|
@@ -1421,14 +1184,6 @@ declare function loadStyle(href: string): Promise<void>;
|
|
|
1421
1184
|
* @internal
|
|
1422
1185
|
*/
|
|
1423
1186
|
declare const showModal: typeof create;
|
|
1424
|
-
/**
|
|
1425
|
-
* 非推奨です
|
|
1426
|
-
*
|
|
1427
|
-
* @deprecated 非推奨
|
|
1428
|
-
*
|
|
1429
|
-
* @internal
|
|
1430
|
-
*/
|
|
1431
|
-
type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>;
|
|
1432
1187
|
/**
|
|
1433
1188
|
* 非推奨です
|
|
1434
1189
|
*
|
|
@@ -3023,8 +2778,8 @@ declare namespace widget {
|
|
|
3023
2778
|
*/
|
|
3024
2779
|
export { showAction as show, closeAction as hide };
|
|
3025
2780
|
}
|
|
3026
|
-
export {
|
|
3027
|
-
export type { CollectionConfig };
|
|
2781
|
+
export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
|
|
2782
|
+
export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
|
|
3028
2783
|
export { default as State } from './components/State.svelte';
|
|
3029
2784
|
export { default as StateItem } from './components/StateItem.svelte';
|
|
3030
2785
|
export { default as Modal } from './components/Modal.svelte';
|
package/dist/hydrate/index.es.js
CHANGED
|
@@ -193,14 +193,6 @@ function onTime(time, fn) {
|
|
|
193
193
|
function hasSuffix(value, suffix) {
|
|
194
194
|
return new RegExp(`[0-9]${suffix}$`).test(value);
|
|
195
195
|
}
|
|
196
|
-
/** @internal */
|
|
197
|
-
function toBr(text) {
|
|
198
|
-
return text.replace(/\r?\n/g, '<br>');
|
|
199
|
-
}
|
|
200
|
-
/** @internal */
|
|
201
|
-
function randStr(digit = 8) {
|
|
202
|
-
return Math.random().toString(32).substring(digit);
|
|
203
|
-
}
|
|
204
196
|
|
|
205
197
|
/**
|
|
206
198
|
* get store state value
|
|
@@ -436,14 +428,6 @@ const internalHandlers = writable({});
|
|
|
436
428
|
function getInternalHandlers() {
|
|
437
429
|
return get(internalHandlers);
|
|
438
430
|
}
|
|
439
|
-
/**
|
|
440
|
-
* {@link setInternalHandlers} function to set internal event handlers.
|
|
441
|
-
*
|
|
442
|
-
* @internal
|
|
443
|
-
*/
|
|
444
|
-
function setInternalHandlers(handlers) {
|
|
445
|
-
internalHandlers.set(handlers);
|
|
446
|
-
}
|
|
447
431
|
/**
|
|
448
432
|
* {@link updateInternalHandlers} function to update internal event handlers.
|
|
449
433
|
*
|
|
@@ -648,8 +632,6 @@ const send_event = (event_name, values) => {
|
|
|
648
632
|
setting?.send?.(event_name, values);
|
|
649
633
|
};
|
|
650
634
|
/** @internal */
|
|
651
|
-
const none = () => () => { }; // eslint-disable-next @typescript-eslint/no-empty-function
|
|
652
|
-
/** @internal */
|
|
653
635
|
const moveTo = (to) => () => {
|
|
654
636
|
send_event('_message_state_changed', { state: to });
|
|
655
637
|
window.dispatchEvent(new CustomEvent(ACTION_CHANGE_STATE_EVENT, { detail: { to, actionId } }));
|
|
@@ -1441,26 +1423,6 @@ function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, })
|
|
|
1441
1423
|
root.appendChild(fog);
|
|
1442
1424
|
return { fog, close };
|
|
1443
1425
|
}
|
|
1444
|
-
/** @internal */
|
|
1445
|
-
function embed(target, replace, embed_method) {
|
|
1446
|
-
if (embed_method == 'replace') {
|
|
1447
|
-
if (target.parentNode) {
|
|
1448
|
-
target.parentNode.replaceChild(replace, target);
|
|
1449
|
-
}
|
|
1450
|
-
}
|
|
1451
|
-
else if (embed_method == 'append') {
|
|
1452
|
-
target.append(replace);
|
|
1453
|
-
}
|
|
1454
|
-
else if (embed_method == 'prepend') {
|
|
1455
|
-
target.prepend(replace);
|
|
1456
|
-
}
|
|
1457
|
-
else if (embed_method == 'after') {
|
|
1458
|
-
target.after(replace);
|
|
1459
|
-
}
|
|
1460
|
-
else if (embed_method == 'before') {
|
|
1461
|
-
target.before(replace);
|
|
1462
|
-
}
|
|
1463
|
-
}
|
|
1464
1426
|
/**
|
|
1465
1427
|
* アクションの Shadow Root の Element を取得する
|
|
1466
1428
|
*
|
|
@@ -7525,4 +7487,4 @@ class ImageBlock extends SvelteComponent {
|
|
|
7525
7487
|
}
|
|
7526
7488
|
}
|
|
7527
7489
|
|
|
7528
|
-
export {
|
|
7490
|
+
export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
|
package/dist/index.es.d.ts
CHANGED
|
@@ -493,20 +493,6 @@ type ActionSetting = {
|
|
|
493
493
|
type CustomVariables = {
|
|
494
494
|
[key: string]: any;
|
|
495
495
|
};
|
|
496
|
-
/**
|
|
497
|
-
* Store to handle action setting
|
|
498
|
-
*
|
|
499
|
-
* @internal
|
|
500
|
-
*/
|
|
501
|
-
declare const actionSetting: Store<ActionSetting>;
|
|
502
|
-
/**
|
|
503
|
-
* {@link getActionSetting} function to get action setting.
|
|
504
|
-
*
|
|
505
|
-
* @returns Current action setting
|
|
506
|
-
*
|
|
507
|
-
* @internal
|
|
508
|
-
*/
|
|
509
|
-
declare function getActionSetting(): ActionSetting;
|
|
510
496
|
/**
|
|
511
497
|
* アクション設定を更新する
|
|
512
498
|
*
|
|
@@ -520,18 +506,6 @@ declare function getActionSetting(): ActionSetting;
|
|
|
520
506
|
* @public
|
|
521
507
|
*/
|
|
522
508
|
declare function setActionSetting(setting: ActionSetting): ActionSetting;
|
|
523
|
-
/**
|
|
524
|
-
* {@link resetActionSetting} function to reset action setting
|
|
525
|
-
*
|
|
526
|
-
* @internal
|
|
527
|
-
*/
|
|
528
|
-
declare function resetActionSetting(): void;
|
|
529
|
-
/**
|
|
530
|
-
* Store to read KARTE system config
|
|
531
|
-
*
|
|
532
|
-
* @internal
|
|
533
|
-
*/
|
|
534
|
-
declare const system: Store<SystemConfig>;
|
|
535
509
|
/**
|
|
536
510
|
* KARTE の設定を取得する
|
|
537
511
|
*
|
|
@@ -544,12 +518,6 @@ declare const system: Store<SystemConfig>;
|
|
|
544
518
|
* @public
|
|
545
519
|
*/
|
|
546
520
|
declare function getSystem(): SystemConfig;
|
|
547
|
-
/**
|
|
548
|
-
* {@link setSystem} function to set KARTE system config.
|
|
549
|
-
*
|
|
550
|
-
* @internal
|
|
551
|
-
*/
|
|
552
|
-
declare function setSystem(config: SystemConfig): void;
|
|
553
521
|
/**
|
|
554
522
|
* Store to handle current state ID
|
|
555
523
|
*
|
|
@@ -579,20 +547,6 @@ declare function setState(stateId: string, force?: boolean): void;
|
|
|
579
547
|
* @public
|
|
580
548
|
*/
|
|
581
549
|
declare function getState(): string;
|
|
582
|
-
/**
|
|
583
|
-
* Store to handle all state IDs
|
|
584
|
-
*
|
|
585
|
-
* @internal
|
|
586
|
-
*/
|
|
587
|
-
declare const states: Store<string[]>;
|
|
588
|
-
/**
|
|
589
|
-
* {@link getStates} function to add new state ID to list of state IDs.
|
|
590
|
-
*
|
|
591
|
-
* @param stateId - New state ID
|
|
592
|
-
*
|
|
593
|
-
* @internal
|
|
594
|
-
*/
|
|
595
|
-
declare function addState(stateId: string): void;
|
|
596
550
|
/**
|
|
597
551
|
* ステートID一覧を取得する
|
|
598
552
|
*
|
|
@@ -618,12 +572,6 @@ declare const opened: Store<boolean>;
|
|
|
618
572
|
* @public
|
|
619
573
|
*/
|
|
620
574
|
declare function isOpened(): boolean;
|
|
621
|
-
/**
|
|
622
|
-
* {@link setOpened} function to set if action is opened.
|
|
623
|
-
*
|
|
624
|
-
* @internal
|
|
625
|
-
*/
|
|
626
|
-
declare function setOpened(on: boolean): void;
|
|
627
575
|
/**
|
|
628
576
|
* Store to handle visibility of action
|
|
629
577
|
*
|
|
@@ -650,56 +598,6 @@ declare function isClosed(): boolean;
|
|
|
650
598
|
* @internal
|
|
651
599
|
*/
|
|
652
600
|
declare function setClosed(on: boolean): void;
|
|
653
|
-
/**
|
|
654
|
-
* Store to handle max z-index for grid items
|
|
655
|
-
*
|
|
656
|
-
* @internal
|
|
657
|
-
*/
|
|
658
|
-
declare const maximumZindex: Store<number>;
|
|
659
|
-
/**
|
|
660
|
-
* Set maximum z-index.
|
|
661
|
-
*
|
|
662
|
-
* @internal
|
|
663
|
-
*/
|
|
664
|
-
declare const setMaximumZindex: (zindex?: number) => void;
|
|
665
|
-
/**
|
|
666
|
-
* Store to handle internal event handlers
|
|
667
|
-
*
|
|
668
|
-
* @internal
|
|
669
|
-
*/
|
|
670
|
-
declare const internalHandlers: Store<{
|
|
671
|
-
[key: string]: ActionEventHandler[];
|
|
672
|
-
}>;
|
|
673
|
-
/**
|
|
674
|
-
* {@link getInternalHandlers} function to get internal event handlers.
|
|
675
|
-
*
|
|
676
|
-
* @returns Current internal handlers
|
|
677
|
-
*
|
|
678
|
-
* @internal
|
|
679
|
-
*/
|
|
680
|
-
declare function getInternalHandlers(): {
|
|
681
|
-
[key: string]: ActionEventHandler[];
|
|
682
|
-
};
|
|
683
|
-
/**
|
|
684
|
-
* {@link setInternalHandlers} function to set internal event handlers.
|
|
685
|
-
*
|
|
686
|
-
* @internal
|
|
687
|
-
*/
|
|
688
|
-
declare function setInternalHandlers(handlers: {
|
|
689
|
-
[key: string]: ActionEventHandler[];
|
|
690
|
-
}): void;
|
|
691
|
-
/**
|
|
692
|
-
* {@link updateInternalHandlers} function to update internal event handlers.
|
|
693
|
-
*
|
|
694
|
-
* @param handlers - Updated internal event handlers
|
|
695
|
-
*
|
|
696
|
-
* @returns New internal handlers
|
|
697
|
-
*/
|
|
698
|
-
declare function updateInternalHandlers(handlers: {
|
|
699
|
-
[key: string]: ActionEventHandler[];
|
|
700
|
-
}): {
|
|
701
|
-
[key: string]: ActionEventHandler[];
|
|
702
|
-
};
|
|
703
601
|
/**
|
|
704
602
|
* Store to handle custom event handlers
|
|
705
603
|
*
|
|
@@ -753,38 +651,12 @@ declare function updateCustomHandlers(handlers: {
|
|
|
753
651
|
* @internal
|
|
754
652
|
*/
|
|
755
653
|
declare const destroyed: Store<boolean>;
|
|
756
|
-
/**
|
|
757
|
-
* {@link isDestroyed} function to check if action is destroyed.
|
|
758
|
-
*
|
|
759
|
-
* @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
|
|
760
|
-
*
|
|
761
|
-
* @internal
|
|
762
|
-
*/
|
|
763
|
-
declare function isDestroyed(): boolean;
|
|
764
|
-
/**
|
|
765
|
-
* {@link setDestroyed} function to set if action is destroyed.
|
|
766
|
-
*
|
|
767
|
-
* @internal
|
|
768
|
-
*/
|
|
769
|
-
declare function setDestroyed(on: boolean): void;
|
|
770
654
|
/**
|
|
771
655
|
* Store to handle stopping action
|
|
772
656
|
*
|
|
773
657
|
* @internal
|
|
774
658
|
*/
|
|
775
659
|
declare const stopped: Store<boolean>;
|
|
776
|
-
/**
|
|
777
|
-
* {@link isStopped} function to check if action is stopped.
|
|
778
|
-
*
|
|
779
|
-
* @returns Flag if action is stopped / true: Stopped, false: Not stopped
|
|
780
|
-
*/
|
|
781
|
-
declare function isStopped(): boolean;
|
|
782
|
-
/**
|
|
783
|
-
* {@link setStopped} function to set if action is stopped.
|
|
784
|
-
*
|
|
785
|
-
* @internal
|
|
786
|
-
*/
|
|
787
|
-
declare function setStopped(on: boolean): void;
|
|
788
660
|
/**
|
|
789
661
|
* Store to handle custom variables
|
|
790
662
|
*
|
|
@@ -843,42 +715,9 @@ declare const formData: Writable_<FormData>;
|
|
|
843
715
|
*/
|
|
844
716
|
type CloseTrigger = "button" | "overlay" | "auto" | "none";
|
|
845
717
|
/** @internal */
|
|
846
|
-
declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
|
|
847
|
-
/** @internal */
|
|
848
|
-
declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
|
|
849
|
-
// prettier-ignore
|
|
850
|
-
/** @internal */
|
|
851
|
-
declare const actionId: string;
|
|
852
|
-
/** @internal */
|
|
853
|
-
declare const ACTION_SHOW_EVENT: string;
|
|
854
|
-
/** @internal */
|
|
855
|
-
declare const ACTION_CLOSE_EVENT: string;
|
|
856
|
-
/** @internal */
|
|
857
|
-
declare const ACTION_DESTROY_EVENT: string;
|
|
858
|
-
/** @internal */
|
|
859
|
-
declare const ACTION_CHANGE_STATE_EVENT: string;
|
|
860
|
-
/** @internal */
|
|
861
|
-
declare const handleState: (event: any) => void;
|
|
862
|
-
/** @internal */
|
|
863
718
|
declare const initialize: (setting?: ActionSetting) => () => void;
|
|
864
719
|
/** @internal */
|
|
865
720
|
declare const finalize: () => void;
|
|
866
|
-
/** @internal */
|
|
867
|
-
declare const send_event: (event_name: string, values?: any) => void;
|
|
868
|
-
/** @internal */
|
|
869
|
-
declare const none: () => () => void; // eslint-disable-next @typescript-eslint/no-empty-function
|
|
870
|
-
/** @internal */
|
|
871
|
-
declare const moveTo: (to: string) => () => void;
|
|
872
|
-
/** @internal */
|
|
873
|
-
declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
|
|
874
|
-
/** @internal */
|
|
875
|
-
declare const closeApp: (trigger: CloseTrigger) => () => void;
|
|
876
|
-
/** @internal */
|
|
877
|
-
declare const runScript: (handlerName: string) => () => void;
|
|
878
|
-
/** @internal */
|
|
879
|
-
declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
|
|
880
|
-
/** @internal */
|
|
881
|
-
declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
|
|
882
721
|
/**
|
|
883
722
|
* An option for svelte custom animation
|
|
884
723
|
*/
|
|
@@ -907,27 +746,6 @@ interface CustomAnimationOptions {
|
|
|
907
746
|
*/
|
|
908
747
|
duration?: number;
|
|
909
748
|
}
|
|
910
|
-
/**
|
|
911
|
-
* The function to activate svelte animation.
|
|
912
|
-
*
|
|
913
|
-
* @param node - A target node of animation. This argument is passed by svelte, by default.
|
|
914
|
-
* @param customAnimationOptions - A custom animation option object
|
|
915
|
-
*
|
|
916
|
-
* @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
|
|
917
|
-
*
|
|
918
|
-
* @internal
|
|
919
|
-
*/
|
|
920
|
-
declare function customAnimation(node: Element, { transform, animationStyle, delay, duration }: CustomAnimationOptions): {
|
|
921
|
-
delay?: undefined;
|
|
922
|
-
duration?: undefined;
|
|
923
|
-
easing?: undefined;
|
|
924
|
-
css?: undefined;
|
|
925
|
-
} | {
|
|
926
|
-
delay: number;
|
|
927
|
-
duration: number;
|
|
928
|
-
easing: (t: any) => any;
|
|
929
|
-
css: (progress: number) => string;
|
|
930
|
-
};
|
|
931
749
|
/**
|
|
932
750
|
* ES Modules に対応していない JavaScript をページに読み込む
|
|
933
751
|
*
|
|
@@ -952,18 +770,6 @@ declare function applyGlobalCss(css: string): Promise<any>;
|
|
|
952
770
|
* @public
|
|
953
771
|
*/
|
|
954
772
|
declare function loadGlobalStyle(href: string): Promise<any>;
|
|
955
|
-
/**
|
|
956
|
-
* {@link hashCode} generate hash with FNV-1a hash
|
|
957
|
-
*
|
|
958
|
-
* @param s - Inputed string
|
|
959
|
-
*
|
|
960
|
-
* @returns Hashed string
|
|
961
|
-
*
|
|
962
|
-
* @see https://stackoverflow.com/a/22429679
|
|
963
|
-
*
|
|
964
|
-
* @internal
|
|
965
|
-
*/
|
|
966
|
-
declare function hashCode(s: string): string;
|
|
967
773
|
/**
|
|
968
774
|
* {@link setAutoStart} function to set auto start flag.
|
|
969
775
|
*
|
|
@@ -974,27 +780,6 @@ declare function hashCode(s: string): string;
|
|
|
974
780
|
* @internal
|
|
975
781
|
*/
|
|
976
782
|
declare const setAutoStart: (on?: boolean) => void;
|
|
977
|
-
/** @internal */
|
|
978
|
-
declare const NOOP: Function; // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
979
|
-
/** @internal */
|
|
980
|
-
declare const isPreview: () => boolean;
|
|
981
|
-
/** @internal */
|
|
982
|
-
declare const handleFocus: (node: HTMLElement | null) => (e: any) => void;
|
|
983
|
-
/** @internal */
|
|
984
|
-
declare const setPreviousFocus: () => void;
|
|
985
|
-
/** @internal */
|
|
986
|
-
declare const handleKeydown: (handlers: {
|
|
987
|
-
[eventName: string]: (e: any) => void;
|
|
988
|
-
}) => (e: any) => void;
|
|
989
|
-
/** @internal */
|
|
990
|
-
declare const getPositionStyle: (position: ModalPosition) => string;
|
|
991
|
-
/** @internal */
|
|
992
|
-
declare const getTransform: (position: ModalPosition) => [
|
|
993
|
-
number,
|
|
994
|
-
number
|
|
995
|
-
];
|
|
996
|
-
/** @internal */
|
|
997
|
-
declare const getMarginStyle: (margin: ModalMargin) => string;
|
|
998
783
|
/**
|
|
999
784
|
* スクロール方向
|
|
1000
785
|
*
|
|
@@ -1065,12 +850,6 @@ declare function onScroll(rate: number | number[], fn: OnScrollFunction): () =>
|
|
|
1065
850
|
* @public
|
|
1066
851
|
*/
|
|
1067
852
|
declare function onTime(time: number, fn: Function): () => void;
|
|
1068
|
-
/** @internal */
|
|
1069
|
-
declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
|
|
1070
|
-
/** @internal */
|
|
1071
|
-
declare function toBr(text: string): string;
|
|
1072
|
-
/** @internal */
|
|
1073
|
-
declare function randStr(digit?: number): string;
|
|
1074
853
|
/**
|
|
1075
854
|
* プロパティ
|
|
1076
855
|
*
|
|
@@ -1329,12 +1108,6 @@ interface ActionOptions<Props, Variables> {
|
|
|
1329
1108
|
* @public
|
|
1330
1109
|
*/
|
|
1331
1110
|
declare function create<Props extends _Props$0, Variables>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & CustomVariables>): () => void;
|
|
1332
|
-
/**
|
|
1333
|
-
* Dispatch the event to destroy KARTE action
|
|
1334
|
-
*
|
|
1335
|
-
* @internal
|
|
1336
|
-
*/
|
|
1337
|
-
declare function dispatchDestroyEvent(): void;
|
|
1338
1111
|
/**
|
|
1339
1112
|
* アクションの破棄する
|
|
1340
1113
|
*
|
|
@@ -1356,15 +1129,7 @@ declare function showAction(): void;
|
|
|
1356
1129
|
*/
|
|
1357
1130
|
declare function closeAction(trigger?: CloseTrigger): void;
|
|
1358
1131
|
/** @internal */
|
|
1359
|
-
declare const KARTE_ACTION_ROOT = "karte-action-root";
|
|
1360
|
-
/** @internal */
|
|
1361
|
-
declare const KARTE_ACTION_RID = "karte-action-rid";
|
|
1362
|
-
/** @internal */
|
|
1363
|
-
declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
|
|
1364
|
-
/** @internal */
|
|
1365
1132
|
declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
|
|
1366
|
-
/** @internal */
|
|
1367
|
-
declare const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
|
|
1368
1133
|
/**
|
|
1369
1134
|
* create a fog element
|
|
1370
1135
|
*
|
|
@@ -1383,8 +1148,6 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
|
|
|
1383
1148
|
};
|
|
1384
1149
|
/** @internal */
|
|
1385
1150
|
type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
|
|
1386
|
-
/** @internal */
|
|
1387
|
-
declare function embed(target: HTMLElement, replace: HTMLElement, embed_method: EmbedLogic): void;
|
|
1388
1151
|
/**
|
|
1389
1152
|
* アクションの Shadow Root の Element を取得する
|
|
1390
1153
|
*
|
|
@@ -1421,14 +1184,6 @@ declare function loadStyle(href: string): Promise<void>;
|
|
|
1421
1184
|
* @internal
|
|
1422
1185
|
*/
|
|
1423
1186
|
declare const showModal: typeof create;
|
|
1424
|
-
/**
|
|
1425
|
-
* 非推奨です
|
|
1426
|
-
*
|
|
1427
|
-
* @deprecated 非推奨
|
|
1428
|
-
*
|
|
1429
|
-
* @internal
|
|
1430
|
-
*/
|
|
1431
|
-
type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>;
|
|
1432
1187
|
/**
|
|
1433
1188
|
* 非推奨です
|
|
1434
1189
|
*
|
|
@@ -3023,8 +2778,8 @@ declare namespace widget {
|
|
|
3023
2778
|
*/
|
|
3024
2779
|
export { showAction as show, closeAction as hide };
|
|
3025
2780
|
}
|
|
3026
|
-
export {
|
|
3027
|
-
export type { CollectionConfig };
|
|
2781
|
+
export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
|
|
2782
|
+
export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
|
|
3028
2783
|
export { default as State } from './components/State.svelte';
|
|
3029
2784
|
export { default as StateItem } from './components/StateItem.svelte';
|
|
3030
2785
|
export { default as Modal } from './components/Modal.svelte';
|
package/dist/index.es.js
CHANGED
|
@@ -194,10 +194,6 @@ function hasSuffix(value, suffix) {
|
|
|
194
194
|
return new RegExp(`[0-9]${suffix}$`).test(value);
|
|
195
195
|
}
|
|
196
196
|
/** @internal */
|
|
197
|
-
function toBr(text) {
|
|
198
|
-
return text.replace(/\r?\n/g, '<br>');
|
|
199
|
-
}
|
|
200
|
-
/** @internal */
|
|
201
197
|
function randStr(digit = 8) {
|
|
202
198
|
return Math.random().toString(32).substring(digit);
|
|
203
199
|
}
|
|
@@ -436,14 +432,6 @@ const internalHandlers = writable({});
|
|
|
436
432
|
function getInternalHandlers() {
|
|
437
433
|
return get(internalHandlers);
|
|
438
434
|
}
|
|
439
|
-
/**
|
|
440
|
-
* {@link setInternalHandlers} function to set internal event handlers.
|
|
441
|
-
*
|
|
442
|
-
* @internal
|
|
443
|
-
*/
|
|
444
|
-
function setInternalHandlers(handlers) {
|
|
445
|
-
internalHandlers.set(handlers);
|
|
446
|
-
}
|
|
447
435
|
/**
|
|
448
436
|
* {@link updateInternalHandlers} function to update internal event handlers.
|
|
449
437
|
*
|
|
@@ -649,8 +637,6 @@ const send_event = (event_name, values) => {
|
|
|
649
637
|
setting?.send?.(event_name, values);
|
|
650
638
|
};
|
|
651
639
|
/** @internal */
|
|
652
|
-
const none = () => () => { }; // eslint-disable-next @typescript-eslint/no-empty-function
|
|
653
|
-
/** @internal */
|
|
654
640
|
const moveTo = (to) => () => {
|
|
655
641
|
send_event('_message_state_changed', { state: to });
|
|
656
642
|
window.dispatchEvent(new CustomEvent(ACTION_CHANGE_STATE_EVENT, { detail: { to, actionId } }));
|
|
@@ -1558,26 +1544,6 @@ function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, })
|
|
|
1558
1544
|
root.appendChild(fog);
|
|
1559
1545
|
return { fog, close };
|
|
1560
1546
|
}
|
|
1561
|
-
/** @internal */
|
|
1562
|
-
function embed(target, replace, embed_method) {
|
|
1563
|
-
if (embed_method == 'replace') {
|
|
1564
|
-
if (target.parentNode) {
|
|
1565
|
-
target.parentNode.replaceChild(replace, target);
|
|
1566
|
-
}
|
|
1567
|
-
}
|
|
1568
|
-
else if (embed_method == 'append') {
|
|
1569
|
-
target.append(replace);
|
|
1570
|
-
}
|
|
1571
|
-
else if (embed_method == 'prepend') {
|
|
1572
|
-
target.prepend(replace);
|
|
1573
|
-
}
|
|
1574
|
-
else if (embed_method == 'after') {
|
|
1575
|
-
target.after(replace);
|
|
1576
|
-
}
|
|
1577
|
-
else if (embed_method == 'before') {
|
|
1578
|
-
target.before(replace);
|
|
1579
|
-
}
|
|
1580
|
-
}
|
|
1581
1547
|
/**
|
|
1582
1548
|
* アクションの Shadow Root の Element を取得する
|
|
1583
1549
|
*
|
|
@@ -7130,4 +7096,4 @@ class ImageBlock extends SvelteComponent {
|
|
|
7130
7096
|
}
|
|
7131
7097
|
}
|
|
7132
7098
|
|
|
7133
|
-
export {
|
|
7099
|
+
export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
|