@plaidev/karte-action-sdk 1.1.269-29152886.93a696e2 → 1.1.269-29161921.5f4ecb39

package/dist/enhancedStopPropagation.d.ts

@@ -1,5 +1,5 @@
 export declare function dataAttrStopPropagation<K extends keyof WindowEventMap>(eventName: K): {
-	[key: string]: boolean
+	[key: string]: boolean;
 };
 type EventHandler<K extends keyof WindowEventMap> = (event: WindowEventMap[K]) => void;
 export declare function checkStopPropagation<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): EventHandler<K>;

package/dist/form.d.ts

@@ -1,22 +1,22 @@
 import type { FormData } from "./stores.js";
 import type { Readable, Writable } from "svelte/store";
 type AnswerValue = {
-	choices: string[]
+	choices: string[];
 } | {
-	free_answer: string
+	free_answer: string;
 };
 type InputValue = any;
 type RegisterInputFuncArg<T extends InputValue> = {
-	name: string
-	statePath: string
-	validator?: (value: T) => boolean
-	initialValue: T
+	name: string;
+	statePath: string;
+	validator?: (value: T) => boolean;
+	initialValue: T;
 };
 type RegisterInputFunc = {
 	<T extends InputValue>(arg: RegisterInputFuncArg<T>): {
-		value: Writable<T>
-		isValid: Readable<boolean>
-	}
+		value: Writable<T>;
+		isValid: Readable<boolean>;
+	};
 };
 /** @internal */
 export declare function createInputRegisterer(formData: Writable<FormData>): RegisterInputFunc;
@@ -30,8 +30,8 @@ export declare function deleteValues(statePath: string): void;
 export declare const getValuesAreValidReadable: (statePath: string) => Readable<boolean>;
 /** @internal */
 export declare function submit(): {
-	values?: any
-	identifyValues?: any
+	values?: any;
+	identifyValues?: any;
 };
 /**
 * 選択式のアンケート回答を追加する
@@ -42,8 +42,8 @@ export declare function submit(): {
 * @public
 */
 export declare function addChoiceAnswer(questionId: string, choices: string[], validation?: {
-	isValid: boolean
-	statePath: string
+	isValid: boolean;
+	statePath: string;
 }): void;
 /**
 * 自由記述式のアンケート回答を追加する
@@ -54,8 +54,8 @@ export declare function addChoiceAnswer(questionId: string, choices: string[], v
 * @public
 */
 export declare function addFreeAnswer(questionId: string, freeAnswer: string, validation?: {
-	isValid: boolean
-	statePath: string
+	isValid: boolean;
+	statePath: string;
 }): void;
 /**
 * 回答済の回答を削除

package/dist/functions.d.ts

@@ -26,9 +26,9 @@ interface CustomAnimationOptions {
 	* A Transform value in percent of target element
 	*/
 	transforms: Array<{
-		query: string | null
-		x: number
-		y: number
+		query: string | null;
+		x: number;
+		y: number;
 	}>;
 	/**
 	* A style of animation(e.g. fade, slide-in)
@@ -58,14 +58,14 @@ interface CustomAnimationOptions {
 * @internal
 */
 export declare function customAnimation(node: Element, { transforms, animationStyle, delay, duration }: CustomAnimationOptions): {
-	delay?: undefined
-	duration?: undefined
-	easing?: undefined
-	css?: undefined
+	delay?: undefined;
+	duration?: undefined;
+	easing?: undefined;
+	css?: undefined;
 } | {
-	delay: number
-	duration: number
-	easing: (t: any) => any
-	css: (progress: number) => string
+	delay: number;
+	duration: number;
+	easing: (t: any) => any;
+	css: (progress: number) => string;
 };
 export {};

package/dist/hooks/useClickable.d.ts

@@ -1,7 +1,7 @@
 import type { ClickableProps } from "../components-flex/props.js";
 declare const useClickable: ({ eventValue, eventName, onClick, element }: ClickableProps) => {
-	element: string
-	attributes: Record<string, any>
-	handleClick: (e: MouseEvent) => void
+	element: string;
+	attributes: Record<string, any>;
+	handleClick: (e: MouseEvent) => void;
 };
 export default useClickable;

package/dist/hooks/useText.d.ts

@@ -1,5 +1,5 @@
 import type { LayerTextProps } from "../components-flex/text/types.js";
 export declare const useText: (props: LayerTextProps) => {
-	escapedHTML: string
-	style: string
+	escapedHTML: string;
+	style: string;
 };

package/dist/hydrate/action.d.ts

@@ -45,6 +45,7 @@ export declare function onDestroy<
 	Props extends ModalProps,
 	Variables
 >(fn: ActionHook<Props, Variables & ActionVariables>): void;
+// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *

package/dist/hydrate/actionEvent.d.ts

@@ -1,4 +1,5 @@
 import type { ActionSetting } from "./types.js";
+// prettier-ignore
 /** @internal */
 export declare const actionId: string;
 /** @internal */

package/dist/hydrate/collection.d.ts

@@ -1,7 +1,7 @@
 type ActionTableResult = number | string | boolean | Date | null | undefined;
 type ActionTableQueryParam = string | number | boolean | Date;
 type ActionTableQueryParams = {
-	[key: string]: ActionTableQueryParam | ActionTableQueryParam[]
+	[key: string]: ActionTableQueryParam | ActionTableQueryParam[];
 };
 /**
 * アクションテーブルの設定情報
@@ -11,9 +11,9 @@ type ActionTableQueryParams = {
 * @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
 */
 export type CollectionConfig = {
-	api_key: string
-	table: string
-	collection_endpoint?: string
+	api_key: string;
+	table: string;
+	collection_endpoint?: string;
 };
 /**
 * アクションテーブルを管理するメソッドを取得する
@@ -33,7 +33,7 @@ export declare function collection(config: CollectionConfig): {
 	*
 	* @public
 	*/
-	get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void
+	get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void;
 	/**
 	* クエリーを指定して、アクションテーブルから行を取得する
 	* なお、クエリーは事前に管理画面で設定しておく必要があります。
@@ -45,76 +45,76 @@ export declare function collection(config: CollectionConfig): {
 	* @public
 	*/
 	getByQuery(query_name: string, params: ActionTableQueryParams, options: {
-		ignore_fields?: string[]
-	} | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void
+		ignore_fields?: string[];
+	} | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void;
 	/** @internal */
-	set(key: string, value: string, cb: (err: Error | null) => void): void
+	set(key: string, value: string, cb: (err: Error | null) => void): void;
 };
 /** @internal */
 export type VariableQuery = {
-	resolver: string
-	name: string
-	query: any
-	preview_value?: any
+	resolver: string;
+	name: string;
+	query: any;
+	preview_value?: any;
 };
 /** @internal */
 export type ActionTableRowRequestConfig = VariableQuery & {
-	resolver: "action-table-row"
+	resolver: "action-table-row";
 	query: {
-		table_name: string
-		key: string
-		default_value?: ActionTableResult
-	}
-	preview_value?: ActionTableResult
+		table_name: string;
+		key: string;
+		default_value?: ActionTableResult;
+	};
+	preview_value?: ActionTableResult;
 };
 /** @internal */
 export type ActionTableRowsRequestConfig = VariableQuery & {
-	resolver: "action-table-rows"
+	resolver: "action-table-rows";
 	query: {
-		table_name: string
-		keys: Array<string>
-		default_value?: Array<ActionTableResult>
-	}
-	preview_value?: Array<ActionTableResult>
+		table_name: string;
+		keys: Array<string>;
+		default_value?: Array<ActionTableResult>;
+	};
+	preview_value?: Array<ActionTableResult>;
 };
 /** @internal */
 export type ActionTableQueryRequestConfig = VariableQuery & {
-	resolver: "action-table-query"
+	resolver: "action-table-query";
 	query: {
-		table_name: string
-		query_name: string
+		table_name: string;
+		query_name: string;
 		params?: {
-			[key: string]: string
-		}
-		default_value?: Array<ActionTableResult>
-	}
-	preview_value?: Array<ActionTableResult>
+			[key: string]: string;
+		};
+		default_value?: Array<ActionTableResult>;
+	};
+	preview_value?: Array<ActionTableResult>;
 };
 /** @internal */
 export type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
 /** @internal */
 export declare const loadActionTableRow: (config: ActionTableRowRequestConfig, data: {
-	[key: string]: any
+	[key: string]: any;
 }, api_key: string, collection_endpoint?: string) => Promise<unknown>;
 /** @internal */
 export declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, data: {
-	[key: string]: any
+	[key: string]: any;
 }, api_key: string, collection_endpoint?: string) => Promise<unknown>;
 /** @internal */
 export declare const loadActionTableQuery: (config: ActionTableQueryRequestConfig, data: {
-	[key: string]: any
+	[key: string]: any;
 }, api_key: string, collection_endpoint?: string) => Promise<unknown>;
 /** @internal */
 export declare const loadActionTable: (config: Array<VariableQuery>, data: {
-	[key: string]: any
+	[key: string]: any;
 }, api_key: string, collection_endpoint?: string) => Promise<{
-	[key: string]: any
+	[key: string]: any;
 }>;
 /** @internal */
 export declare function setupActionTable(localVariablesQuery: Array<VariableQuery>, data: {
-	[key: string]: any
+	[key: string]: any;
 }, apiKey: string, collection_endpoint: string): Promise<{
-	success: boolean
+	success: boolean;
 }>;
 /** @internal */
 export declare function initActionTable(localVariablesQuery: Array<VariableQuery> | undefined): void;

package/dist/hydrate/components/index.d.ts

@@ -29,4 +29,5 @@ export declare const afterUpdate: typeof afterUpdateSvelte;
 * @returns Promise<void>
 */
 export declare const tick: typeof tickSvelte;
+// @internal
 export declare const LAYOUT_COMPONENT_NAMES: string[];

package/dist/hydrate/components-flex/avatar/types.d.ts

@@ -1,24 +1,25 @@
 import type { BorderProps, ClickableProps, CommonProps, PaddingProps } from "../props.js";
 import type { Properties } from "csstype";
 export declare const AVATAR_SIZE: {
-	readonly extra_small: "XS（48 x 48）"
-	readonly small: "S（64 x 64）"
-	readonly medium: "M（88 x 88）"
-	readonly large: "L（108 x 108）"
-	readonly extra_large: "XL（128 x 128）"
+	readonly extra_small: "XS（48 x 48）";
+	readonly small: "S（64 x 64）";
+	readonly medium: "M（88 x 88）";
+	readonly large: "L（108 x 108）";
+	readonly extra_large: "XL（128 x 128）";
 };
 export declare const AVATAR_SHAPE: {
-	readonly circle: "サークル"
-	readonly square: "スクエア"
-	readonly rounded: "ラウンド"
+	readonly circle: "サークル";
+	readonly square: "スクエア";
+	readonly rounded: "ラウンド";
 };
 export type AvatarProps = CommonProps & ClickableProps & PaddingProps & BorderProps & {
-	size?: keyof typeof AVATAR_SIZE | number
-	width?: Properties["width"]
-	height?: Properties["height"]
-	shape?: keyof typeof AVATAR_SHAPE
-	image?: string
-	caption?: string
-	alt?: string
+	// size
+	size?: keyof typeof AVATAR_SIZE | number;
+	width?: Properties["width"];
+	height?: Properties["height"];
+	shape?: keyof typeof AVATAR_SHAPE;
+	image?: string;
+	caption?: string;
+	alt?: string;
 };
 export declare const avatarPropsDefault: AvatarProps;

package/dist/hydrate/components-flex/brand-kit.d.ts

@@ -1,16 +1,16 @@
 export type BrandKit = {
-	font_family: string
-	color_text_primary: string
-	color_text_secondary: string
-	color_brand: string
-	color_link: string
-	color_danger: string
-	color_success: string
-	color_info: string
-	color_warning: string
-	color_white: string
+	font_family: string;
+	color_text_primary: string;
+	color_text_secondary: string;
+	color_brand: string;
+	color_link: string;
+	color_danger: string;
+	color_success: string;
+	color_info: string;
+	color_warning: string;
+	color_white: string;
 };
 export declare const getBrandKit: (customBrandKit?: Partial<BrandKit>) => BrandKit;
 export declare const useBrandKit: () => {
-	brandKit: BrandKit
+	brandKit: BrandKit;
 };

package/dist/hydrate/components-flex/button/types.d.ts

@@ -1,57 +1,60 @@
 import type { Properties } from "csstype";
 import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps, RadiusProps } from "../props.js";
 export declare const BUTTON_SIZE: {
-	readonly extra_small: "エクストラ スモール"
-	readonly small: "スモール"
-	readonly medium: "ミディアム"
-	readonly large: "ラージ"
-	readonly extra_large: "エクストラ ラージ"
+	readonly extra_small: "エクストラ スモール";
+	readonly small: "スモール";
+	readonly medium: "ミディアム";
+	readonly large: "ラージ";
+	readonly extra_large: "エクストラ ラージ";
 };
 export declare const BUTTON_THEME: {
-	readonly default: "ノーマル / ブランド"
-	readonly general: "ノーマル / ジェネラル"
-	readonly danger: "ノーマル / アラート"
-	readonly white: "ノーマル / ホワイト"
-	readonly default_outline: "アウトライン / ブランド"
-	readonly general_outline: "アウトライン / ジェネラル"
-	readonly danger_outline: "アウトライン / アラート"
-	readonly default_text: "テキスト / ブランド"
-	readonly general_text: "テキスト / ジェネラル"
-	readonly danger_text: "テキスト / アラート"
+	readonly default: "ノーマル / ブランド";
+	readonly general: "ノーマル / ジェネラル";
+	readonly danger: "ノーマル / アラート";
+	readonly white: "ノーマル / ホワイト";
+	readonly default_outline: "アウトライン / ブランド";
+	readonly general_outline: "アウトライン / ジェネラル";
+	readonly danger_outline: "アウトライン / アラート";
+	readonly default_text: "テキスト / ブランド";
+	readonly general_text: "テキスト / ジェネラル";
+	readonly danger_text: "テキスト / アラート";
 };
 export declare const BUTTON_VARIANT: {
-	readonly normal: "ノーマル"
-	readonly outline: "アウトライン"
-	readonly text: "テキスト"
+	readonly normal: "ノーマル";
+	readonly outline: "アウトライン";
+	readonly text: "テキスト";
 };
 export declare const BUTTON_ROUND: {
-	readonly default: "デフォルト"
-	readonly none: "なし"
-	readonly fulled: "円形"
+	readonly default: "デフォルト";
+	readonly none: "なし";
+	readonly fulled: "円形";
 };
 export declare const BUTTON_LINK_TARGET: {
-	readonly _self: "画面内遷移"
-	readonly _blank: "別タブで開く"
+	readonly _self: "画面内遷移";
+	readonly _blank: "別タブで開く";
 };
 export declare const BUTTON_ICON_ANGLE: {
-	readonly row: "左側"
-	readonly "row-reverse": "右側"
+	readonly row: "左側";
+	readonly "row-reverse": "右側";
 };
 export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
-	label?: string
-	size?: keyof typeof BUTTON_SIZE | string
-	height?: Properties["height"]
-	paddingLeft?: Properties["paddingLeft"]
-	paddingRight?: Properties["paddingRight"]
-	fontSize?: Properties["fontSize"]
-	theme?: keyof typeof BUTTON_THEME | string
-	variant?: keyof typeof BUTTON_VARIANT | string
-	color?: Properties["color"]
-	backgroundColor?: Properties["backgroundColor"]
-	borderColor?: Properties["borderColor"]
-	fontWeight?: Properties["fontWeight"]
-	round?: keyof typeof BUTTON_ROUND
-	width?: Properties["width"]
-	wrap?: "wrap" | "nowrap"
+	label?: string;
+	// size
+	size?: keyof typeof BUTTON_SIZE | string;
+	height?: Properties["height"];
+	paddingLeft?: Properties["paddingLeft"];
+	paddingRight?: Properties["paddingRight"];
+	fontSize?: Properties["fontSize"];
+	// theme
+	theme?: keyof typeof BUTTON_THEME | string;
+	variant?: keyof typeof BUTTON_VARIANT | string;
+	color?: Properties["color"];
+	backgroundColor?: Properties["backgroundColor"];
+	borderColor?: Properties["borderColor"];
+	// others
+	fontWeight?: Properties["fontWeight"];
+	round?: keyof typeof BUTTON_ROUND;
+	width?: Properties["width"];
+	wrap?: "wrap" | "nowrap";
 };
 export declare const buttonPropsDefault: ButtonProps;

package/dist/hydrate/components-flex/button-outlined/types.d.ts

@@ -2,19 +2,22 @@ import type { Properties } from "csstype";
 import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps } from "../props.js";
 import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
 export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
-	label?: string
-	size?: keyof typeof BUTTON_SIZE
-	height?: Properties["height"]
-	paddingLeft?: Properties["paddingLeft"]
-	paddingRight?: Properties["paddingRight"]
-	fontSize?: Properties["fontSize"]
-	theme?: keyof typeof BUTTON_THEME
-	color?: Properties["color"]
-	backgroundColor?: Properties["backgroundColor"]
-	borderColor?: Properties["backgroundColor"]
-	width?: Properties["width"]
-	round?: keyof typeof BUTTON_ROUND
-	fontWeight?: Properties["fontWeight"]
-	wrap?: "wrap" | "nowrap"
+	label?: string;
+	// size
+	size?: keyof typeof BUTTON_SIZE;
+	height?: Properties["height"];
+	paddingLeft?: Properties["paddingLeft"];
+	paddingRight?: Properties["paddingRight"];
+	fontSize?: Properties["fontSize"];
+	// theme
+	theme?: keyof typeof BUTTON_THEME;
+	color?: Properties["color"];
+	backgroundColor?: Properties["backgroundColor"];
+	borderColor?: Properties["backgroundColor"];
+	// others
+	width?: Properties["width"];
+	round?: keyof typeof BUTTON_ROUND;
+	fontWeight?: Properties["fontWeight"];
+	wrap?: "wrap" | "nowrap";
 };
 export declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;

package/dist/hydrate/components-flex/button-text/types.d.ts

@@ -2,32 +2,35 @@ import type { Properties } from "csstype";
 import type { ClickableProps, CommonProps, LinkProps, WithIconProps } from "../props.js";
 import type { BUTTON_ROUND } from "../button/types.js";
 export declare const BUTTON_TEXT_SIZE: {
-	readonly small: "Small"
-	readonly medium: "Medium"
-	readonly large: "Large"
+	readonly small: "Small";
+	readonly medium: "Medium";
+	readonly large: "Large";
 };
 export declare const BUTTON_TEXT_THEME: {
-	readonly default: "Default"
-	readonly link: "Link"
-	readonly general: "General"
-	readonly success: "Success"
-	readonly warning: "Warning"
-	readonly danger: "Danger"
-	readonly info: "Info"
-	readonly white: "White"
+	readonly default: "Default";
+	readonly link: "Link";
+	readonly general: "General";
+	readonly success: "Success";
+	readonly warning: "Warning";
+	readonly danger: "Danger";
+	readonly info: "Info";
+	readonly white: "White";
 };
 export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
-	label?: string
-	size?: keyof typeof BUTTON_TEXT_SIZE
-	height?: Properties["height"]
-	paddingLeft?: Properties["paddingLeft"]
-	paddingRight?: Properties["paddingRight"]
-	fontSize?: Properties["fontSize"]
-	theme?: keyof typeof BUTTON_TEXT_THEME
-	color?: Properties["color"]
-	backgroundColor?: Properties["backgroundColor"]
-	fontWeight?: Properties["fontWeight"]
-	width?: Properties["width"]
-	round?: keyof typeof BUTTON_ROUND
-	wrap?: "wrap" | "nowrap"
+	label?: string;
+	// size
+	size?: keyof typeof BUTTON_TEXT_SIZE;
+	height?: Properties["height"];
+	paddingLeft?: Properties["paddingLeft"];
+	paddingRight?: Properties["paddingRight"];
+	fontSize?: Properties["fontSize"];
+	// theme
+	theme?: keyof typeof BUTTON_TEXT_THEME;
+	color?: Properties["color"];
+	backgroundColor?: Properties["backgroundColor"];
+	// others
+	fontWeight?: Properties["fontWeight"];
+	width?: Properties["width"];
+	round?: keyof typeof BUTTON_ROUND;
+	wrap?: "wrap" | "nowrap";
 };

package/dist/hydrate/components-flex/clip-copy/types.d.ts

@@ -1,6 +1,6 @@
 import type { CommonProps } from "../props.js";
 export type ClipboardProps = CommonProps & {
-	content?: string
-	copiedEventName?: string
-	noneTooltip?: boolean
+	content?: string;
+	copiedEventName?: string;
+	noneTooltip?: boolean;
 };

package/dist/hydrate/components-flex/close-button/types.d.ts

@@ -2,31 +2,31 @@ import type { BorderProps, ClickableProps, CommonProps, BackgroundColorProps, Co
 import type { Properties } from "csstype";
 import type { TEXT_THEME } from "../text/types.js";
 export declare const CLOSE_BUTTON_PLACEMENT: {
-	readonly topRight: "topRight"
-	readonly topLeft: "topLeft"
-	readonly bottomRight: "bottomRight"
-	readonly bottomLeft: "bottomLeft"
+	readonly topRight: "topRight";
+	readonly topLeft: "topLeft";
+	readonly bottomRight: "bottomRight";
+	readonly bottomLeft: "bottomLeft";
 };
 export declare const CLOSE_BUTTON_ROUND: {
-	readonly default: "デフォルト"
-	readonly none: "なし"
-	readonly fulled: "円形"
+	readonly default: "デフォルト";
+	readonly none: "なし";
+	readonly fulled: "円形";
 };
 export declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
-	readonly right: "right"
-	readonly left: "left"
+	readonly right: "right";
+	readonly left: "left";
 };
 export type CloseButtonProps = CommonProps & BackgroundColorProps & ClickableProps & ColorProps & PaddingProps & BorderProps & {
-	size?: number
-	placement?: keyof typeof CLOSE_BUTTON_PLACEMENT
-	round?: keyof typeof CLOSE_BUTTON_ROUND
-	bordered?: boolean
-	label?: string
-	labelColor?: Properties["color"]
-	labelColorVariant?: keyof typeof TEXT_THEME
-	labelPlacement?: keyof typeof CLOSE_BUTTON_LABEL_PLACEMENT
-	top?: Properties["top"]
-	right?: Properties["right"]
-	left?: Properties["left"]
-	bottom?: Properties["bottom"]
+	size?: number;
+	placement?: keyof typeof CLOSE_BUTTON_PLACEMENT;
+	round?: keyof typeof CLOSE_BUTTON_ROUND;
+	bordered?: boolean;
+	label?: string;
+	labelColor?: Properties["color"];
+	labelColorVariant?: keyof typeof TEXT_THEME;
+	labelPlacement?: keyof typeof CLOSE_BUTTON_LABEL_PLACEMENT;
+	top?: Properties["top"];
+	right?: Properties["right"];
+	left?: Properties["left"];
+	bottom?: Properties["bottom"];
 };

package/dist/hydrate/components-flex/code/types.d.ts

@@ -1,6 +1,6 @@
 import type { CommonProps } from "../props.js";
 export type CodeProps = CommonProps & {
-	rawHtml?: string
-	rawCss?: string
-	rawScript?: string
+	rawHtml?: string;
+	rawCss?: string;
+	rawScript?: string;
 };