@plaidev/karte-action-sdk 1.1.264-29046374.a006e69f → 1.1.264-29051600.c90abff9

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.
@@ -2460,6 +2460,9 @@ type CustomizeCssProps = {
2460
2460
  type BrandStyleProps = {
2461
2461
  customBrandKit?: Partial<BrandKit>;
2462
2462
  };
2463
+ type ActionTableProps = {
2464
+ actionTableKey?: string;
2465
+ };
2463
2466
  type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
2464
2467
  type ClickableProps = {
2465
2468
  onClick?: OnClickOperation;
@@ -2797,7 +2800,10 @@ type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps
2797
2800
  };
2798
2801
  declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
2799
2802
  declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextLinkProps>;
2800
- type ListProps = CommonProps & {
2803
+ type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & {
2804
+ width?: Properties["width"];
2805
+ };
2806
+ type ListProps = CommonProps & ActionTableProps & {
2801
2807
  gap?: Properties["gap"];
2802
2808
  borderWidth?: Properties["borderTopWidth"];
2803
2809
  borderStyle?: Properties["borderTopStyle"];
@@ -2893,7 +2899,7 @@ type CodeProps = CommonProps & {
2893
2899
  rawScript?: string;
2894
2900
  };
2895
2901
  declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
2896
- export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, 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, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, ROUND_VARIANT, PositionProps, MetaProps, CustomizeCssProps, BrandStyleProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, WithIconProps, LinkProps, AspectProps, FontFamilyProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, avatarPropsDefault, AVATAR_SIZE_STYLES, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANT, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, getButtonThemeStyles, BUTTON_SIZE_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, getButtonOutlinedThemeStyles, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_THEME, ButtonTextProps, BUTTON_TEXT_SIZE_STYLES, getButtonTextThemeStyles, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ICON_SIZE_STYLES, IMAGE_ROUND_SHAPE, IMAGE_ASPECT_VARIANTS, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, SliderItemProps, LAYER_TEXT_SIZE, TEXT_THEME, TEXT_STYLE, LayerTextProps, getTextThemeStyles, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, getTextLinkThemeStyles, ListProps, ListItemProps, LIST_ITEM_CONTEXT_KEY, ListItemContext, MultiColumnProps, MultiColumnItemProps, MULTI_COLUMN_ITEM_CONTEXT_KEY, MultiColumnItemContext, YoutubeProps, CountDownProps, CountDownValueType, CountDownValueProps, CountDownValues, ClipboardProps, CodeProps, BrandKit, getBrandKit, useBrandKit, ROUND_STYLES, VariantStyles, VariantDefinition, VariantDefinitionGroup, ASPECT_VARIANT, AspectVariantCode, ASPECT_VARIANTS, FontVariantMeta, FONT_FAMILY_VARIANT, FontFamilyVariantCode, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, SHADOW_VARIANT, ShadowVariantCode, SHADOW_VARIANTS };
2902
+ export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, 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, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, ROUND_VARIANT, PositionProps, MetaProps, CustomizeCssProps, BrandStyleProps, ActionTableProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, WithIconProps, LinkProps, AspectProps, FontFamilyProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, avatarPropsDefault, AVATAR_SIZE_STYLES, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANT, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, getButtonThemeStyles, BUTTON_SIZE_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, getButtonOutlinedThemeStyles, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_THEME, ButtonTextProps, BUTTON_TEXT_SIZE_STYLES, getButtonTextThemeStyles, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ICON_SIZE_STYLES, IMAGE_ROUND_SHAPE, IMAGE_ASPECT_VARIANTS, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, SliderItemProps, LAYER_TEXT_SIZE, TEXT_THEME, TEXT_STYLE, LayerTextProps, getTextThemeStyles, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, getTextLinkThemeStyles, FrameModalProps, ListProps, ListItemProps, LIST_ITEM_CONTEXT_KEY, ListItemContext, MultiColumnProps, MultiColumnItemProps, MULTI_COLUMN_ITEM_CONTEXT_KEY, MultiColumnItemContext, YoutubeProps, CountDownProps, CountDownValueType, CountDownValueProps, CountDownValues, ClipboardProps, CodeProps, BrandKit, getBrandKit, useBrandKit, ROUND_STYLES, VariantStyles, VariantDefinition, VariantDefinitionGroup, ASPECT_VARIANT, AspectVariantCode, ASPECT_VARIANTS, FontVariantMeta, FONT_FAMILY_VARIANT, FontFamilyVariantCode, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, SHADOW_VARIANT, ShadowVariantCode, SHADOW_VARIANTS };
2897
2903
  export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
2898
2904
  export { default as State } from './components/State.svelte';
2899
2905
  export { default as StateItem } from './components/StateItem.svelte';
@@ -17066,7 +17066,7 @@ function get_each_context$1(ctx, list, i) {
17066
17066
  return child_ctx;
17067
17067
  }
17068
17068
 
17069
- // (175:4) {#each indicators ?? [] as indicator, i}
17069
+ // (174:4) {#each indicators ?? [] as indicator, i}
17070
17070
  function create_each_block$1(ctx) {
17071
17071
  let button;
17072
17072
  let i_1;
@@ -17374,8 +17374,6 @@ function instance$j($$self, $$props, $$invalidate) {
17374
17374
  };
17375
17375
 
17376
17376
  const handleClick = e => {
17377
- console.log('handleClick', isDragging);
17378
-
17379
17377
  if (isDragging) {
17380
17378
  e.preventDefault();
17381
17379
  e.stopPropagation();
@@ -17400,6 +17398,7 @@ function instance$j($$self, $$props, $$invalidate) {
17400
17398
  $$invalidate(13, movedX = null);
17401
17399
  document.removeEventListener('touchmove', handleTouchmove);
17402
17400
  document.removeEventListener('touchend', handleTouchend);
17401
+ document.removeEventListener('click', handleClick);
17403
17402
  };
17404
17403
 
17405
17404
  const handleTouchstart = e => {
@@ -17419,8 +17418,6 @@ function instance$j($$self, $$props, $$invalidate) {
17419
17418
  };
17420
17419
 
17421
17420
  const handleMouseup = e => {
17422
- console.log('handleMouseup');
17423
-
17424
17421
  if (movedX >= 32) {
17425
17422
  toNext();
17426
17423
  } else if (movedX <= -32) {
@@ -18632,7 +18629,7 @@ function add_css$9(target) {
18632
18629
  append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
18633
18630
  }
18634
18631
 
18635
- // (225:0) {:else}
18632
+ // (237:0) {:else}
18636
18633
  function create_else_block(ctx) {
18637
18634
  let backgroundoverlay;
18638
18635
  let current;
@@ -18644,7 +18641,7 @@ function create_else_block(ctx) {
18644
18641
  });
18645
18642
 
18646
18643
  backgroundoverlay.$on("click", function () {
18647
- if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
18644
+ if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
18648
18645
  });
18649
18646
 
18650
18647
  return {
@@ -18679,7 +18676,7 @@ function create_else_block(ctx) {
18679
18676
  };
18680
18677
  }
18681
18678
 
18682
- // (214:24)
18679
+ // (226:24)
18683
18680
  function create_if_block_2(ctx) {
18684
18681
  let backgroundoverlay0;
18685
18682
  let t;
@@ -18694,7 +18691,7 @@ function create_if_block_2(ctx) {
18694
18691
  });
18695
18692
 
18696
18693
  backgroundoverlay0.$on("click", function () {
18697
- if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
18694
+ if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
18698
18695
  });
18699
18696
 
18700
18697
  backgroundoverlay1 = new BackgroundOverlay({
@@ -18705,7 +18702,7 @@ function create_if_block_2(ctx) {
18705
18702
  });
18706
18703
 
18707
18704
  backgroundoverlay1.$on("click", function () {
18708
- if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
18705
+ if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
18709
18706
  });
18710
18707
 
18711
18708
  return {
@@ -18753,7 +18750,7 @@ function create_if_block_2(ctx) {
18753
18750
  };
18754
18751
  }
18755
18752
 
18756
- // (212:0) {#if isPreview()}
18753
+ // (224:0) {#if isPreview()}
18757
18754
  function create_if_block_1$1(ctx) {
18758
18755
  return {
18759
18756
  c: noop,
@@ -18766,14 +18763,15 @@ function create_if_block_1$1(ctx) {
18766
18763
  };
18767
18764
  }
18768
18765
 
18769
- // (228:0) {#if visible}
18766
+ // (240:0) {#if visible}
18770
18767
  function create_if_block$3(ctx) {
18771
18768
  let div;
18772
18769
  let div_class_value;
18770
+ let div_style_value;
18773
18771
  let div_intro;
18774
18772
  let current;
18775
- const default_slot_template = /*#slots*/ ctx[24].default;
18776
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[23], null);
18773
+ const default_slot_template = /*#slots*/ ctx[26].default;
18774
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
18777
18775
 
18778
18776
  return {
18779
18777
  c() {
@@ -18800,7 +18798,7 @@ function create_if_block$3(ctx) {
18800
18798
  attr(div, "role", "dialog");
18801
18799
  attr(div, "aria-modal", "true");
18802
18800
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
18803
- attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
18801
+ attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '));
18804
18802
  },
18805
18803
  m(target, anchor) {
18806
18804
  insert_hydration(target, div, anchor);
@@ -18809,22 +18807,22 @@ function create_if_block$3(ctx) {
18809
18807
  default_slot.m(div, null);
18810
18808
  }
18811
18809
 
18812
- /*div_binding*/ ctx[25](div);
18810
+ /*div_binding*/ ctx[27](div);
18813
18811
  current = true;
18814
18812
  },
18815
18813
  p(new_ctx, dirty) {
18816
18814
  ctx = new_ctx;
18817
18815
 
18818
18816
  if (default_slot) {
18819
- if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
18817
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
18820
18818
  update_slot_base(
18821
18819
  default_slot,
18822
18820
  default_slot_template,
18823
18821
  ctx,
18824
- /*$$scope*/ ctx[23],
18822
+ /*$$scope*/ ctx[25],
18825
18823
  !current
18826
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
18827
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
18824
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
18825
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
18828
18826
  null
18829
18827
  );
18830
18828
  }
@@ -18837,6 +18835,10 @@ function create_if_block$3(ctx) {
18837
18835
  if (!current || dirty & /*layerId*/ 4) {
18838
18836
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
18839
18837
  }
18838
+
18839
+ if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '))) {
18840
+ attr(div, "style", div_style_value);
18841
+ }
18840
18842
  },
18841
18843
  i(local) {
18842
18844
  if (current) return;
@@ -18862,7 +18864,7 @@ function create_if_block$3(ctx) {
18862
18864
  d(detaching) {
18863
18865
  if (detaching) detach(div);
18864
18866
  if (default_slot) default_slot.d(detaching);
18865
- /*div_binding*/ ctx[25](null);
18867
+ /*div_binding*/ ctx[27](null);
18866
18868
  }
18867
18869
  };
18868
18870
  }
@@ -18912,7 +18914,7 @@ function create_fragment$d(ctx) {
18912
18914
 
18913
18915
  if (!mounted) {
18914
18916
  dispose = listen(window, "keydown", function () {
18915
- if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
18917
+ if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
18916
18918
  });
18917
18919
 
18918
18920
  mounted = true;
@@ -18998,12 +19000,14 @@ function instance$d($$self, $$props, $$invalidate) {
18998
19000
  let backgroundClickSP;
18999
19001
  let handle_keydown;
19000
19002
  let visible;
19003
+ let style;
19001
19004
  let { $$slots: slots = {}, $$scope } = $$props;
19002
19005
  let { useBreakPoint = false } = $$props;
19003
19006
  let { placement } = $$props;
19004
19007
  let { breakPoint } = $$props;
19005
19008
  let { elasticity } = $$props;
19006
19009
  let { animation = 'none' } = $$props;
19010
+ let { props = {} } = $$props;
19007
19011
  let { closeEventName = '' } = $$props;
19008
19012
  let { closeEventValue = null } = $$props;
19009
19013
  let { layerId = '' } = $$props;
@@ -19040,19 +19044,20 @@ function instance$d($$self, $$props, $$invalidate) {
19040
19044
 
19041
19045
  $$self.$$set = $$props => {
19042
19046
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
19043
- if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
19044
- if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
19045
- if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
19047
+ if ('placement' in $$props) $$invalidate(15, placement = $$props.placement);
19048
+ if ('breakPoint' in $$props) $$invalidate(16, breakPoint = $$props.breakPoint);
19049
+ if ('elasticity' in $$props) $$invalidate(17, elasticity = $$props.elasticity);
19046
19050
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
19047
- if ('closeEventName' in $$props) $$invalidate(17, closeEventName = $$props.closeEventName);
19048
- if ('closeEventValue' in $$props) $$invalidate(18, closeEventValue = $$props.closeEventValue);
19051
+ if ('props' in $$props) $$invalidate(18, props = $$props.props);
19052
+ if ('closeEventName' in $$props) $$invalidate(19, closeEventName = $$props.closeEventName);
19053
+ if ('closeEventValue' in $$props) $$invalidate(20, closeEventValue = $$props.closeEventValue);
19049
19054
  if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
19050
- if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
19055
+ if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
19051
19056
  };
19052
19057
 
19053
19058
  $$self.$$.update = () => {
19054
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
19055
- $$invalidate(22, close = () => {
19059
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 1572864) {
19060
+ $$invalidate(24, close = () => {
19056
19061
  const onClose = { operation: 'closeApp', args: ['button'] };
19057
19062
 
19058
19063
  if (closeEventName) {
@@ -19063,7 +19068,7 @@ function instance$d($$self, $$props, $$invalidate) {
19063
19068
  });
19064
19069
  }
19065
19070
 
19066
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19071
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19067
19072
  {
19068
19073
 
19069
19074
  if (useBreakPoint) {
@@ -19075,30 +19080,30 @@ function instance$d($$self, $$props, $$invalidate) {
19075
19080
  }
19076
19081
  }
19077
19082
 
19078
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19083
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19079
19084
  {
19080
19085
  if (placement && placement.backgroundClick) {
19081
- $$invalidate(19, backgroundClickFunction = placement.backgroundClick);
19086
+ $$invalidate(21, backgroundClickFunction = placement.backgroundClick);
19082
19087
  }
19083
19088
 
19084
19089
  if (useBreakPoint) {
19085
19090
  const pc = breakPoint?.PC?.placement?.backgroundClick;
19086
19091
 
19087
19092
  if (pc) {
19088
- $$invalidate(20, backgroundClickFunctionPC = pc);
19093
+ $$invalidate(22, backgroundClickFunctionPC = pc);
19089
19094
  }
19090
19095
 
19091
19096
  const sp = breakPoint?.SP?.placement?.backgroundClick;
19092
19097
 
19093
19098
  if (sp) {
19094
- $$invalidate(21, backgroundClickFunctionSP = sp);
19099
+ $$invalidate(23, backgroundClickFunctionSP = sp);
19095
19100
  }
19096
19101
  }
19097
19102
  }
19098
19103
  }
19099
19104
 
19100
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
19101
- $$invalidate(12, backgroundClick = () => {
19105
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
19106
+ $$invalidate(13, backgroundClick = () => {
19102
19107
  if (closeEventName) {
19103
19108
  send_event(closeEventName, closeEventValue);
19104
19109
  }
@@ -19107,8 +19112,8 @@ function instance$d($$self, $$props, $$invalidate) {
19107
19112
  });
19108
19113
  }
19109
19114
 
19110
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
19111
- $$invalidate(11, backgroundClickPC = () => {
19115
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
19116
+ $$invalidate(12, backgroundClickPC = () => {
19112
19117
  if (closeEventName) {
19113
19118
  send_event(closeEventName, closeEventValue);
19114
19119
  }
@@ -19117,8 +19122,8 @@ function instance$d($$self, $$props, $$invalidate) {
19117
19122
  });
19118
19123
  }
19119
19124
 
19120
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
19121
- $$invalidate(10, backgroundClickSP = () => {
19125
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
19126
+ $$invalidate(11, backgroundClickSP = () => {
19122
19127
  if (closeEventName) {
19123
19128
  send_event(closeEventName, closeEventValue);
19124
19129
  }
@@ -19127,7 +19132,7 @@ function instance$d($$self, $$props, $$invalidate) {
19127
19132
  });
19128
19133
  }
19129
19134
 
19130
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
19135
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 98313) {
19131
19136
  // 表示位置のスタイルとアニメーションの動きを設定
19132
19137
  {
19133
19138
  // 表示位置のスタイルの設定
@@ -19161,7 +19166,7 @@ function instance$d($$self, $$props, $$invalidate) {
19161
19166
  }
19162
19167
  }
19163
19168
 
19164
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19169
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19165
19170
  // 表示位置の調整のスタイルを設定
19166
19171
  {
19167
19172
  let margin = DefaultModalPlacement.margin;
@@ -19185,7 +19190,7 @@ function instance$d($$self, $$props, $$invalidate) {
19185
19190
  }
19186
19191
  }
19187
19192
 
19188
- if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
19193
+ if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 196609) {
19189
19194
  // 拡大方法のスタイルを設定
19190
19195
  {
19191
19196
  let elasticStyle = ElasticityStyle['none' ];
@@ -19207,8 +19212,20 @@ function instance$d($$self, $$props, $$invalidate) {
19207
19212
  }
19208
19213
  }
19209
19214
 
19210
- if ($$self.$$.dirty & /*close*/ 4194304) {
19211
- $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
19215
+ if ($$self.$$.dirty & /*close*/ 16777216) {
19216
+ $$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
19217
+ }
19218
+
19219
+ if ($$self.$$.dirty & /*props*/ 262144) {
19220
+ $$invalidate(9, style = objToStyle({
19221
+ width: props.width,
19222
+ ...toCssOverflow(props),
19223
+ ...toCssShadow(props),
19224
+ ...toCssRadius(props),
19225
+ ...toCssBackgroundImage(props),
19226
+ ...toCssBackgroundColor(props),
19227
+ ...toCssBorder(props)
19228
+ }));
19212
19229
  }
19213
19230
  };
19214
19231
 
@@ -19227,6 +19244,7 @@ function instance$d($$self, $$props, $$invalidate) {
19227
19244
  backgroundOverlaySP,
19228
19245
  modal,
19229
19246
  visible,
19247
+ style,
19230
19248
  handle_keydown,
19231
19249
  backgroundClickSP,
19232
19250
  backgroundClickPC,
@@ -19235,6 +19253,7 @@ function instance$d($$self, $$props, $$invalidate) {
19235
19253
  placement,
19236
19254
  breakPoint,
19237
19255
  elasticity,
19256
+ props,
19238
19257
  closeEventName,
19239
19258
  closeEventValue,
19240
19259
  backgroundClickFunction,
@@ -19259,12 +19278,13 @@ class Modal extends SvelteComponent {
19259
19278
  safe_not_equal,
19260
19279
  {
19261
19280
  useBreakPoint: 0,
19262
- placement: 14,
19263
- breakPoint: 15,
19264
- elasticity: 16,
19281
+ placement: 15,
19282
+ breakPoint: 16,
19283
+ elasticity: 17,
19265
19284
  animation: 1,
19266
- closeEventName: 17,
19267
- closeEventValue: 18,
19285
+ props: 18,
19286
+ closeEventName: 19,
19287
+ closeEventValue: 20,
19268
19288
  layerId: 2
19269
19289
  },
19270
19290
  add_css$9
@@ -19382,8 +19402,8 @@ function add_css$7(target) {
19382
19402
  function create_fragment$b(ctx) {
19383
19403
  let ul;
19384
19404
  let current;
19385
- const default_slot_template = /*#slots*/ ctx[5].default;
19386
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
19405
+ const default_slot_template = /*#slots*/ ctx[6].default;
19406
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
19387
19407
 
19388
19408
  return {
19389
19409
  c() {
@@ -19419,15 +19439,15 @@ function create_fragment$b(ctx) {
19419
19439
  },
19420
19440
  p(ctx, [dirty]) {
19421
19441
  if (default_slot) {
19422
- if (default_slot.p && (!current || dirty & /*$$scope*/ 16)) {
19442
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
19423
19443
  update_slot_base(
19424
19444
  default_slot,
19425
19445
  default_slot_template,
19426
19446
  ctx,
19427
- /*$$scope*/ ctx[4],
19447
+ /*$$scope*/ ctx[5],
19428
19448
  !current
19429
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[4])
19430
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[4], dirty, null),
19449
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
19450
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
19431
19451
  null
19432
19452
  );
19433
19453
  }
@@ -19459,11 +19479,16 @@ function create_fragment$b(ctx) {
19459
19479
 
19460
19480
  function instance$b($$self, $$props, $$invalidate) {
19461
19481
  let variables;
19482
+ let actionTableData;
19462
19483
  let style;
19463
19484
  let { $$slots: slots = {}, $$scope } = $$props;
19464
19485
  let { layerId } = $$props;
19465
19486
  let { props } = $$props;
19466
19487
  useInjectCustomizeCss(props);
19488
+ const vars = getVariables();
19489
+ console.log(vars);
19490
+ console.log(props.actionTableKey);
19491
+ console.log(vars[props.actionTableKey]);
19467
19492
 
19468
19493
  setContext(LIST_ITEM_CONTEXT_KEY, {
19469
19494
  paddingTop: props.itemPaddingTop,
@@ -19480,7 +19505,7 @@ function instance$b($$self, $$props, $$invalidate) {
19480
19505
  $$self.$$set = $$props => {
19481
19506
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19482
19507
  if ('props' in $$props) $$invalidate(2, props = $$props.props);
19483
- if ('$$scope' in $$props) $$invalidate(4, $$scope = $$props.$$scope);
19508
+ if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
19484
19509
  };
19485
19510
 
19486
19511
  $$self.$$.update = () => {
@@ -19496,6 +19521,12 @@ function instance$b($$self, $$props, $$invalidate) {
19496
19521
  });
19497
19522
  }
19498
19523
 
19524
+ if ($$self.$$.dirty & /*props*/ 4) {
19525
+ $$invalidate(4, actionTableData = vars[props.actionTableKey]);
19526
+ }
19527
+
19528
+ if ($$self.$$.dirty & /*actionTableData*/ 16) ;
19529
+
19499
19530
  if ($$self.$$.dirty & /*props, variables*/ 12) {
19500
19531
  $$invalidate(1, style = objToStyle({
19501
19532
  width: props.width ?? '100%',
@@ -19504,7 +19535,7 @@ function instance$b($$self, $$props, $$invalidate) {
19504
19535
  }
19505
19536
  };
19506
19537
 
19507
- return [layerId, style, props, variables, $$scope, slots];
19538
+ return [layerId, style, props, variables, actionTableData, $$scope, slots];
19508
19539
  }
19509
19540
 
19510
19541
  class List extends SvelteComponent {
@@ -19520,14 +19551,14 @@ function add_css$6(target) {
19520
19551
  append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
19521
19552
  }
19522
19553
 
19523
- // (29:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
19554
+ // (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
19524
19555
  function create_dynamic_element$1(ctx) {
19525
19556
  let svelte_element;
19526
19557
  let current;
19527
19558
  let mounted;
19528
19559
  let dispose;
19529
- const default_slot_template = /*#slots*/ ctx[9].default;
19530
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
19560
+ const default_slot_template = /*#slots*/ ctx[10].default;
19561
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
19531
19562
 
19532
19563
  let svelte_element_levels = [
19533
19564
  /*attributes*/ ctx[3],
@@ -19579,15 +19610,15 @@ function create_dynamic_element$1(ctx) {
19579
19610
  },
19580
19611
  p(ctx, dirty) {
19581
19612
  if (default_slot) {
19582
- if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
19613
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
19583
19614
  update_slot_base(
19584
19615
  default_slot,
19585
19616
  default_slot_template,
19586
19617
  ctx,
19587
- /*$$scope*/ ctx[8],
19618
+ /*$$scope*/ ctx[9],
19588
19619
  !current
19589
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
19590
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
19620
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
19621
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
19591
19622
  null
19592
19623
  );
19593
19624
  }
@@ -19711,6 +19742,7 @@ function instance$a($$self, $$props, $$invalidate) {
19711
19742
  let { $$slots: slots = {}, $$scope } = $$props;
19712
19743
  let { layerId } = $$props;
19713
19744
  let { props } = $$props;
19745
+ let { item } = $$props;
19714
19746
  useInjectCustomizeCss(props);
19715
19747
  const { attributes, element, handleClick } = useClickable(props);
19716
19748
  const context = getContext(LIST_ITEM_CONTEXT_KEY) || {};
@@ -19718,16 +19750,17 @@ function instance$a($$self, $$props, $$invalidate) {
19718
19750
  $$self.$$set = $$props => {
19719
19751
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19720
19752
  if ('props' in $$props) $$invalidate(6, props = $$props.props);
19721
- if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
19753
+ if ('item' in $$props) $$invalidate(7, item = $$props.item);
19754
+ if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope);
19722
19755
  };
19723
19756
 
19724
19757
  $$self.$$.update = () => {
19725
- if ($$self.$$.dirty & /*variables*/ 128) {
19758
+ if ($$self.$$.dirty & /*variables*/ 256) {
19726
19759
  $$invalidate(2, style = objToStyle(variables));
19727
19760
  }
19728
19761
  };
19729
19762
 
19730
- $$invalidate(7, variables = {
19763
+ $$invalidate(8, variables = {
19731
19764
  ...context.borderTopWidth
19732
19765
  ? {
19733
19766
  '--list-item-border-width': context.borderTopWidth ?? '0',
@@ -19753,6 +19786,7 @@ function instance$a($$self, $$props, $$invalidate) {
19753
19786
  element,
19754
19787
  handleClick,
19755
19788
  props,
19789
+ item,
19756
19790
  variables,
19757
19791
  $$scope,
19758
19792
  slots
@@ -19762,7 +19796,7 @@ function instance$a($$self, $$props, $$invalidate) {
19762
19796
  class ListItem extends SvelteComponent {
19763
19797
  constructor(options) {
19764
19798
  super();
19765
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { layerId: 0, props: 6 }, add_css$6);
19799
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { layerId: 0, props: 6, item: 7 }, add_css$6);
19766
19800
  }
19767
19801
  }
19768
19802
 
@@ -19937,7 +19971,7 @@ function add_css$4(target) {
19937
19971
  append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
19938
19972
  }
19939
19973
 
19940
- // (29:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
19974
+ // (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
19941
19975
  function create_dynamic_element(ctx) {
19942
19976
  let svelte_element;
19943
19977
  let current;
@@ -20120,7 +20154,6 @@ function instance$8($$self, $$props, $$invalidate) {
20120
20154
  useInjectCustomizeCss(props);
20121
20155
  const { attributes, element, handleClick } = useClickable(props);
20122
20156
  const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
20123
- console.log(context);
20124
20157
 
20125
20158
  $$self.$$set = $$props => {
20126
20159
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -20464,12 +20497,6 @@ function instance$6($$self, $$props, $$invalidate) {
20464
20497
  let timeLimit = props.timeLimit ? new Date(props.timeLimit) : new Date();
20465
20498
 
20466
20499
  function onEachSecond() {
20467
- console.log({
20468
- timeLimit: timeLimit.getTime(),
20469
- now: new Date().getTime(),
20470
- calced: calcRemainingTime(timeLimit.getTime())
20471
- });
20472
-
20473
20500
  const _remainingTime = calcRemainingTime(timeLimit.getTime());
20474
20501
 
20475
20502
  if (_remainingTime > 0) {
@@ -20481,8 +20508,6 @@ function instance$6($$self, $$props, $$invalidate) {
20481
20508
  execOnClickOperation(props.onEnd);
20482
20509
  }
20483
20510
  }
20484
-
20485
- console.log(remainingTime);
20486
20511
  }
20487
20512
 
20488
20513
  onMount$1(() => {
@@ -20662,9 +20687,7 @@ function instance$5($$self, $$props, $$invalidate) {
20662
20687
  let { layerId = '' } = $$props;
20663
20688
  let countdownStore = getContext('countdownStore');
20664
20689
  component_subscribe($$self, countdownStore, value => $$invalidate(5, $countdownStore = value));
20665
- console.log(countdownStore);
20666
20690
  let { style } = useText(props);
20667
- console.log(value);
20668
20691
 
20669
20692
  $$self.$$set = $$props => {
20670
20693
  if ('props' in $$props) $$invalidate(4, props = $$props.props);
@@ -20826,7 +20849,6 @@ function instance$4($$self, $$props, $$invalidate) {
20826
20849
  const handleClick = e => {
20827
20850
  e.preventDefault();
20828
20851
  const targetText = props.content ?? buttonElement?.innerText ?? '';
20829
- console.log(targetText);
20830
20852
  navigator.clipboard.writeText(targetText);
20831
20853
  send_event('_click_copy', { text: targetText });
20832
20854