@plaidev/karte-action-sdk 1.1.263 → 1.1.264

package/dist/hydrate/index.es.js

@@ -716,27 +716,29 @@ const Fonts = [
     'Noto Sans JP',
     'Sawarabi Gothic',
     'Zen Kaku Gothic New',
-    'Zen Maru Gothic',
-    'Shippori Mincho',
-    'M PLUS Rounded 1c',
-    'M PLUS 1p',
-    'Kosugi Maru',
-    'Kosugi',
     'BIZ UDPGothic',
+    'Open Sans',
+    'M PLUS 1p',
+    'M PLUS Rounded 1c',
+    'Kiwi Maru',
+    'Zen Maru Gothic',
     'Noto Serif JP',
+    'Shippori Mincho',
     'BIZ UDPMincho',
     'Roboto',
-    'Open Sans',
-    'Montserrat',
     'Lato',
     'Poppins',
+    'Lora',
+    // 廃止予定
     'Raleway',
+    'Montserrat',
     'Nunito',
     'Playfair Display',
     'Merriweather',
-    'Lora',
     'Libre Baskerville',
     'EB Garamond',
+    'Kosugi Maru',
+    'Kosugi',
 ];
 /** @internal */
 const Justifies = ['flex-start', 'center', 'flex-end'];
@@ -12340,14 +12342,13 @@ const FONT_FAMILY_VARIANT = {
     noto_sans_jp: createFontVariant('Noto Sans JP', 'ja', 'kaku'),
     sawarabi_gothic: createFontVariant('Sawarabi Gothic', 'ja', 'kaku'),
     zen_kaku_gothic: createFontVariant('Zen Kaku Gothic', 'ja', 'kaku'),
-    kosugi: createFontVariant('Kosugi', 'ja', 'kaku'),
     biz_udp_gothic: createFontVariant('BIZ UDPGothic', 'ja', 'kaku'),
     open_sans: createFontVariant('Open Sans', 'ja', 'kaku'),
     sans_serif: createFontVariant('sans-serif', 'ja', 'kaku'),
-    m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c', 'ja', 'maru'),
     m_plus_1p: createFontVariant('M PLUS 1p', 'ja', 'maru'),
+    m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c', 'ja', 'maru'),
+    kiwi_maru: createFontVariant('Kiwi Maru', 'ja', 'maru'),
     zen_maru_gothic: createFontVariant('Zen Maru Gothic', 'ja', 'maru'),
-    kosugi_maru: createFontVariant('Kosugi Maru', 'ja', 'maru'),
     noto_serif_jp: createFontVariant('Noto Serif JP', 'ja', 'min'),
     shippori_micho: createFontVariant('Shippori Mincho', 'ja', 'min'),
     biz_udp_micho: createFontVariant('BIZ UDPMincho', 'ja', 'min'),
@@ -12355,11 +12356,11 @@ const FONT_FAMILY_VARIANT = {
     roboto: createFontVariant('Roboto', 'en', 'kaku'),
     lato: createFontVariant('Lato', 'en', 'kaku'),
     poppins: createFontVariant('Poppins', 'en', 'kaku'),
-    raleway: createFontVariant('Raleway', 'en', 'kaku'),
-    nunito: createFontVariant('Nunito', 'en', 'kaku'),
     lora: createFontVariant('Lora', 'en', 'kaku'),
     monospace: createFontVariant('monospace', 'en', 'kaku'),
     system_ui: createFontVariant('system-ui', 'en', 'kaku'),
+    // raleway: createFontVariant('Raleway', 'en', 'kaku'),
+    // nunito: createFontVariant('Nunito', 'en', 'kaku'),
 };
 const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
 const FONT_FAMILY_VARIANT_GROUPS = [
@@ -15094,7 +15095,7 @@ const getPropStyles = (callback) => {
     };
 };
 
-const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$4 = ({ brandKit }) => ({
     default: {
         variant: 'normal',
         backgroundColor: brandKit.color_brand,
@@ -15160,7 +15161,8 @@ const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
         backgroundColor: 'rgba(255, 255, 255, 0)',
         color: brandKit.color_danger,
     },
-}));
+});
+const getButtonThemeStyles = getPropStyles(callback$4);
 const BUTTON_SIZE_STYLES = {
     extra_small: {
         height: '32px',
@@ -15195,13 +15197,22 @@ const BUTTON_SIZE_STYLES = {
 };
 const BUTTON_ROUND_STYLES = {
     none: {
-        borderRadius: 0,
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0,
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0,
     },
     default: {
-        borderRadius: '4px',
+        borderTopLeftRadius: '4px',
+        borderTopRightRadius: '4px',
+        borderBottomLeftRadius: '4px',
+        borderBottomRightRadius: '4px',
     },
     fulled: {
-        borderRadius: '56px',
+        borderTopLeftRadius: '9999px',
+        borderTopRightRadius: '9999px',
+        borderBottomLeftRadius: '9999px',
+        borderBottomRightRadius: '9999px',
     },
 };
 const BUTTON_WRAP_STYLES = {
@@ -15265,7 +15276,7 @@ function add_css$k(target) {
 	append_styles(target, "svelte-brd6e9", ".button.svelte-brd6e9{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
-// (86:2) {#if props.isIcon && props.iconVariant}
+// (91:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$7(ctx) {
 	let div;
 	let icon;
@@ -15331,7 +15342,7 @@ function create_if_block$7(ctx) {
 	};
 }
 
-// (77:0) <svelte:element   {...attributes}   this={element}   class="button"   style={style}   data-layer-id={layerId}   data-variant={variant}   on:click={handleClick} >
+// (82:0) <svelte:element   {...attributes}   this={element}   class="button"   style={style}   data-layer-id={layerId}   data-variant={variant}   on:click={handleClick} >
 function create_dynamic_element$9(ctx) {
 	let svelte_element;
 	let t0;
@@ -15582,7 +15593,14 @@ function instance$m($$self, $$props, $$invalidate) {
 				width: props.width,
 				fontWeight: props.fontWeight ?? 'bold',
 				...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
-				...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
+				...props.borderTopLeftRadius
+				? {
+						borderTopLeftRadius: props.borderTopLeftRadius,
+						borderTopRightRadius: props.borderTopRightRadius,
+						borderBottomLeftRadius: props.borderBottomLeftRadius,
+						borderBottomRightRadius: props.borderBottomRightRadius
+					}
+				: BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
@@ -15659,7 +15677,7 @@ const BUTTON_OUTLINED_SIZE_STYLES = {
         fontSize: '16px',
     },
 };
-const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$3 = ({ brandKit }) => ({
     default: {
         color: brandKit.color_brand,
         borderColor: brandKit.color_brand,
@@ -15695,7 +15713,8 @@ const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
         borderColor: '#FFFFFF',
         backgroundColor: '#000000',
     },
-}));
+});
+const getButtonOutlinedThemeStyles = getPropStyles(callback$3);
 const BUTTON_OUTLINED_ROUND_STYLES = {
     none: {
         borderRadius: 0,
@@ -16059,7 +16078,7 @@ const BUTTON_TEXT_SIZE_STYLES = {
         fontSize: '16px',
     },
 };
-const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$2 = ({ brandKit }) => ({
     default: {
         backgroundColor: '#f3f4f6',
         color: brandKit.color_brand,
@@ -16092,7 +16111,8 @@ const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
         backgroundColor: '#f3f4f6',
         color: brandKit.color_white,
     },
-}));
+});
+const getButtonTextThemeStyles = getPropStyles(callback$2);
 
 /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
@@ -16429,29 +16449,13 @@ const BUTTON_TEXT_THEME = {
     white: 'White',
 };
 
-const CLOSE_BUTTON_PLACEMENT = {
-    topRight: 'topRight',
-    topLeft: 'topLeft',
-    bottomRight: 'bottomRight',
-    bottomLeft: 'bottomLeft',
-};
-const CLOSE_BUTTON_ROUND = {
-    default: 'デフォルト',
-    none: 'なし',
-    fulled: '円形',
-};
-const CLOSE_BUTTON_LABEL_PLACEMENT = {
-    right: 'right',
-    left: 'left',
-};
-
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
 	append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
 }
 
-// (91:2) {#if hasLabel}
+// (90:2) {#if hasLabel}
 function create_if_block$4(ctx) {
 	let span;
 	let t;
@@ -16491,7 +16495,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-// (72:0) <svelte:element   {...attributes}   this={element}   class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}"   data-layer-id={layerId}   style={style}   on:click={handleClick} >
+// (71:0) <svelte:element   {...attributes}   this={element}   class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}"   data-layer-id={layerId}   style={style}   on:click={handleClick} >
 function create_dynamic_element$6(ctx) {
 	let svelte_element;
 	let span;
@@ -16791,6 +16795,22 @@ class CloseButton extends SvelteComponent {
 	}
 }
 
+const CLOSE_BUTTON_PLACEMENT = {
+    topRight: 'topRight',
+    topLeft: 'topLeft',
+    bottomRight: 'bottomRight',
+    bottomLeft: 'bottomLeft',
+};
+const CLOSE_BUTTON_ROUND = {
+    default: 'デフォルト',
+    none: 'なし',
+    fulled: '円形',
+};
+const CLOSE_BUTTON_LABEL_PLACEMENT = {
+    right: 'right',
+    left: 'left',
+};
+
 const ICON_SIZE_STYLES = {
     x_small: {
         width: '12px',
@@ -17945,7 +17965,7 @@ class SliderItem extends SvelteComponent {
 	}
 }
 
-const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$1 = ({ brandKit }) => ({
     default: {
         color: brandKit.color_text_primary,
     },
@@ -17970,7 +17990,8 @@ const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
     white: {
         color: brandKit.color_white,
     },
-}));
+});
+const getTextThemeStyles = getPropStyles(callback$1);
 
 const TEXT_VARIANTS = {
     size: {
@@ -18343,7 +18364,7 @@ const TEXT_LINK_SIZE_STYLES = {
         fontSize: '16px',
     },
 };
-const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback = ({ brandKit }) => ({
     default: {
         color: brandKit.color_text_primary,
     },
@@ -18362,7 +18383,8 @@ const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
     white: {
         color: brandKit.color_white,
     },
-}));
+});
+const getTextLinkThemeStyles = getPropStyles(callback);
 
 /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
 
@@ -20455,8 +20477,8 @@ function instance$4($$self, $$props, $$invalidate) {
 
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	function onPlayerReady() {
-		if (props.mute) {
-			player.mute();
+		if (props.mute || props.autoplay) {
+			player.setVolume(0);
 		}
 	}
 
@@ -20473,6 +20495,7 @@ function instance$4($$self, $$props, $$invalidate) {
 			autoplay: boolToNumber(props.autoplay),
 			controls: boolToNumber(props.controls),
 			cc_load_policy: boolToNumber(props.showSubtitle),
+			// TODO: appの場合はフルスクリーンにすると、画面境界の変化を検知し画面遷移が発生 -> 接客自体が消えてしまうため強制OFFにする
 			fs: boolToNumber(props.showFullScreen),
 			loop: boolToNumber(props.loop),
 			playlist: props.videoId

package/dist/icons.d.ts

@@ -1,114 +1,9 @@
-declare const ICONS: readonly [{
-    readonly name: "arrow-down";
-    readonly type: "solid";
-    readonly component: "ArrowDownSolid";
-    readonly src: string;
-}, {
-    readonly name: "arrow-left";
-    readonly type: "solid";
-    readonly component: "ArrowLeftSolid";
-    readonly src: string;
-}, {
-    readonly name: "arrow-right";
-    readonly type: "solid";
-    readonly component: "ArrowRightSolid";
-    readonly src: string;
-}, {
-    readonly name: "arrow-up-right-from-square";
-    readonly type: "solid";
-    readonly component: "ArrowUpRightFromSquareSolid";
-    readonly src: string;
-}, {
-    readonly name: "arrow-up";
-    readonly type: "solid";
-    readonly component: "ArrowUpSolid";
-    readonly src: string;
-}, {
-    readonly name: "bell";
-    readonly type: "solid";
-    readonly component: "BellSolid";
-    readonly src: string;
-}, {
-    readonly name: "cart-shopping";
-    readonly type: "solid";
-    readonly component: "CartShoppingSolid";
-    readonly src: string;
-}, {
-    readonly name: "check";
-    readonly type: "solid";
-    readonly component: "CheckSolid";
-    readonly src: string;
-}, {
-    readonly name: "chevron-down";
-    readonly type: "solid";
-    readonly component: "ChevronDownSolid";
-    readonly src: string;
-}, {
-    readonly name: "chevron-left";
-    readonly type: "solid";
-    readonly component: "ChevronLeftSolid";
-    readonly src: string;
-}, {
-    readonly name: "chevron-right";
-    readonly type: "solid";
-    readonly component: "ChevronRightSolid";
-    readonly src: string;
-}, {
-    readonly name: "chevron-up";
-    readonly type: "solid";
-    readonly component: "ChevronUpSolid";
-    readonly src: string;
-}, {
-    readonly name: "circle-question";
-    readonly type: "solid";
-    readonly component: "CircleQuestionSolid";
-    readonly src: string;
-}, {
-    readonly name: "circle";
-    readonly type: "solid";
-    readonly component: "CircleSolid";
-    readonly src: string;
-}, {
-    readonly name: "copy";
-    readonly type: "solid";
-    readonly component: "CopySolid";
-    readonly src: string;
-}, {
-    readonly name: "paper-plane";
-    readonly type: "solid";
-    readonly component: "PaperPlaneSolid";
-    readonly src: string;
-}, {
-    readonly name: "ticket";
-    readonly type: "solid";
-    readonly component: "TicketSolid";
-    readonly src: string;
-}, {
-    readonly name: "truck";
-    readonly type: "solid";
-    readonly component: "TruckSolid";
-    readonly src: string;
-}, {
-    readonly name: "users";
-    readonly type: "solid";
-    readonly component: "UsersSolid";
-    readonly src: string;
-}, {
-    readonly name: "window-maximize";
-    readonly type: "solid";
-    readonly component: "WindowMaximizeSolid";
-    readonly src: string;
-}, {
-    readonly name: "window-minimize";
-    readonly type: "solid";
-    readonly component: "WindowMinimizeSolid";
-    readonly src: string;
-}, {
-    readonly name: "xmark";
-    readonly type: "solid";
-    readonly component: "XmarkSolid";
-    readonly src: string;
-}];
+declare const ICONS: {
+    name: string;
+    type: string;
+    component: string;
+    src: string;
+}[];
 export { default as ArrowDownSolid } from './icons/solid/arrow-down.svg';
 export { default as ArrowLeftSolid } from './icons/solid/arrow-left.svg';
 export { default as ArrowRightSolid } from './icons/solid/arrow-right.svg';