@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.
- package/dist/hydrate/index.es.d.ts +8 -2
- package/dist/hydrate/index.es.js +105 -83
- package/dist/index.es.d.ts +8 -2
- package/dist/index.es.js +105 -83
- package/dist/svelte5/hydrate/index.es.d.ts +8 -2
- package/dist/svelte5/hydrate/index.es.js +118 -97
- package/dist/svelte5/index.es.d.ts +8 -2
- package/dist/svelte5/index.es.js +118 -97
- package/dist/svelte5/index.front2.es.js +118 -97
- package/package.json +1 -1
@@ -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
|
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';
|
package/dist/hydrate/index.es.js
CHANGED
@@ -17066,7 +17066,7 @@ function get_each_context$1(ctx, list, i) {
|
|
17066
17066
|
return child_ctx;
|
17067
17067
|
}
|
17068
17068
|
|
17069
|
-
// (
|
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
|
-
// (
|
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[
|
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
|
-
// (
|
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[
|
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[
|
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
|
-
// (
|
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
|
-
// (
|
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[
|
18776
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
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[
|
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[
|
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*/
|
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[
|
18822
|
+
/*$$scope*/ ctx[25],
|
18825
18823
|
!current
|
18826
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
18827
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
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[
|
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[
|
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(
|
19044
|
-
if ('breakPoint' in $$props) $$invalidate(
|
19045
|
-
if ('elasticity' in $$props) $$invalidate(
|
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 ('
|
19048
|
-
if ('
|
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(
|
19055
|
+
if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
|
19051
19056
|
};
|
19052
19057
|
|
19053
19058
|
$$self.$$.update = () => {
|
19054
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/
|
19055
|
-
$$invalidate(
|
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*/
|
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*/
|
19083
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
|
19079
19084
|
{
|
19080
19085
|
if (placement && placement.backgroundClick) {
|
19081
|
-
$$invalidate(
|
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(
|
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(
|
19099
|
+
$$invalidate(23, backgroundClickFunctionSP = sp);
|
19095
19100
|
}
|
19096
19101
|
}
|
19097
19102
|
}
|
19098
19103
|
}
|
19099
19104
|
|
19100
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
19101
|
-
$$invalidate(
|
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*/
|
19111
|
-
$$invalidate(
|
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*/
|
19121
|
-
$$invalidate(
|
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*/
|
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*/
|
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*/
|
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*/
|
19211
|
-
$$invalidate(
|
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:
|
19263
|
-
breakPoint:
|
19264
|
-
elasticity:
|
19281
|
+
placement: 15,
|
19282
|
+
breakPoint: 16,
|
19283
|
+
elasticity: 17,
|
19265
19284
|
animation: 1,
|
19266
|
-
|
19267
|
-
|
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[
|
19386
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
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*/
|
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[
|
19447
|
+
/*$$scope*/ ctx[5],
|
19428
19448
|
!current
|
19429
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
19430
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
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(
|
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
|
-
// (
|
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[
|
19530
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
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*/
|
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[
|
19618
|
+
/*$$scope*/ ctx[9],
|
19588
19619
|
!current
|
19589
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
19590
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
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 ('
|
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*/
|
19758
|
+
if ($$self.$$.dirty & /*variables*/ 256) {
|
19726
19759
|
$$invalidate(2, style = objToStyle(variables));
|
19727
19760
|
}
|
19728
19761
|
};
|
19729
19762
|
|
19730
|
-
$$invalidate(
|
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
|
-
// (
|
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
|
|