itmar-block-packages 1.10.1 → 2.0.0
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/README.md +78 -2
- package/build/cjs/AnimationBlock.js +107 -0
- package/build/cjs/AnimationBlock.js.map +1 -0
- package/build/cjs/BlockEditWrapper.js +20 -0
- package/build/cjs/BlockEditWrapper.js.map +1 -0
- package/build/cjs/BlockPlace.js +509 -0
- package/build/cjs/BlockPlace.js.map +1 -0
- package/build/cjs/BrockInserter.js +204 -0
- package/build/cjs/BrockInserter.js.map +1 -0
- package/build/cjs/DateElm.js +321 -0
- package/build/cjs/DateElm.js.map +1 -0
- package/build/cjs/DraggableBox.js +143 -0
- package/build/cjs/DraggableBox.js.map +1 -0
- package/build/cjs/GridControls.js +421 -0
- package/build/cjs/GridControls.js.map +1 -0
- package/build/cjs/IconSelectControl.js +167 -0
- package/build/cjs/IconSelectControl.js.map +1 -0
- package/build/cjs/JapaneseHolidays.js +99 -0
- package/build/cjs/JapaneseHolidays.js.map +1 -0
- package/build/cjs/MasonryControl.js +124 -0
- package/build/cjs/MasonryControl.js.map +1 -0
- package/build/cjs/PseudoElm.js +66 -0
- package/build/cjs/PseudoElm.js.map +1 -0
- package/build/cjs/ShadowStyle.js +453 -0
- package/build/cjs/ShadowStyle.js.map +1 -0
- package/build/cjs/SwiperControl.js +267 -0
- package/build/cjs/SwiperControl.js.map +1 -0
- package/build/cjs/ToggleElement.js +17 -0
- package/build/cjs/ToggleElement.js.map +1 -0
- package/build/cjs/TypographyControls.js +151 -0
- package/build/cjs/TypographyControls.js.map +1 -0
- package/build/cjs/UpdateAllPostsBlockAttributes.js +137 -0
- package/build/cjs/UpdateAllPostsBlockAttributes.js.map +1 -0
- package/build/cjs/ZipAddress.js +34 -0
- package/build/cjs/ZipAddress.js.map +1 -0
- package/build/cjs/_virtual/_rollupPluginBabelHelpers.js +117 -0
- package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
- package/build/cjs/blockStore.js +65 -0
- package/build/cjs/blockStore.js.map +1 -0
- package/build/cjs/cssPropertes.js +157 -0
- package/build/cjs/cssPropertes.js.map +1 -0
- package/build/cjs/customFooks.js +300 -0
- package/build/cjs/customFooks.js.map +1 -0
- package/build/cjs/formatCreate.js +160 -0
- package/build/cjs/formatCreate.js.map +1 -0
- package/build/cjs/hslToRgb.js +133 -0
- package/build/cjs/hslToRgb.js.map +1 -0
- package/build/cjs/index.js +115 -0
- package/build/cjs/index.js.map +1 -0
- package/build/cjs/mediaUpload.js +182 -0
- package/build/cjs/mediaUpload.js.map +1 -0
- package/build/cjs/node_modules/nanoid/index.js +30 -0
- package/build/cjs/node_modules/nanoid/index.js.map +1 -0
- package/build/cjs/node_modules/nanoid/url-alphabet/index.js +7 -0
- package/build/cjs/node_modules/nanoid/url-alphabet/index.js.map +1 -0
- package/build/cjs/shopfiApi.js +188 -0
- package/build/cjs/shopfiApi.js.map +1 -0
- package/build/cjs/validationCheck.js +15 -0
- package/build/cjs/validationCheck.js.map +1 -0
- package/build/cjs/wordpressApi.js +631 -0
- package/build/cjs/wordpressApi.js.map +1 -0
- package/build/esm/AnimationBlock.js +102 -0
- package/build/esm/AnimationBlock.js.map +1 -0
- package/build/esm/BlockEditWrapper.js +16 -0
- package/build/esm/BlockEditWrapper.js.map +1 -0
- package/build/esm/BlockPlace.js +503 -0
- package/build/esm/BlockPlace.js.map +1 -0
- package/build/esm/BrockInserter.js +202 -0
- package/build/esm/BrockInserter.js.map +1 -0
- package/build/esm/DateElm.js +309 -0
- package/build/esm/DateElm.js.map +1 -0
- package/build/esm/DraggableBox.js +138 -0
- package/build/esm/DraggableBox.js.map +1 -0
- package/build/esm/GridControls.js +417 -0
- package/build/esm/GridControls.js.map +1 -0
- package/build/esm/IconSelectControl.js +163 -0
- package/build/esm/IconSelectControl.js.map +1 -0
- package/build/esm/JapaneseHolidays.js +97 -0
- package/build/esm/JapaneseHolidays.js.map +1 -0
- package/{src → build/esm}/MasonryControl.js +108 -113
- package/build/esm/MasonryControl.js.map +1 -0
- package/build/esm/PseudoElm.js +61 -0
- package/build/esm/PseudoElm.js.map +1 -0
- package/build/esm/ShadowStyle.js +448 -0
- package/build/esm/ShadowStyle.js.map +1 -0
- package/{src → build/esm}/SwiperControl.js +265 -265
- package/build/esm/SwiperControl.js.map +1 -0
- package/build/esm/ToggleElement.js +13 -0
- package/build/esm/ToggleElement.js.map +1 -0
- package/build/esm/TypographyControls.js +147 -0
- package/build/esm/TypographyControls.js.map +1 -0
- package/build/esm/UpdateAllPostsBlockAttributes.js +133 -0
- package/build/esm/UpdateAllPostsBlockAttributes.js.map +1 -0
- package/build/esm/ZipAddress.js +32 -0
- package/build/esm/ZipAddress.js.map +1 -0
- package/build/esm/_virtual/_rollupPluginBabelHelpers.js +107 -0
- package/build/esm/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
- package/build/esm/blockStore.js +60 -0
- package/build/esm/blockStore.js.map +1 -0
- package/build/esm/cssPropertes.js +144 -0
- package/build/esm/cssPropertes.js.map +1 -0
- package/{src → build/esm}/customFooks.js +290 -337
- package/build/esm/customFooks.js.map +1 -0
- package/build/esm/formatCreate.js +157 -0
- package/build/esm/formatCreate.js.map +1 -0
- package/build/esm/hslToRgb.js +129 -0
- package/build/esm/hslToRgb.js.map +1 -0
- package/build/esm/index.js +27 -0
- package/build/esm/index.js.map +1 -0
- package/build/esm/mediaUpload.js +176 -0
- package/build/esm/mediaUpload.js.map +1 -0
- package/build/esm/node_modules/nanoid/index.js +27 -0
- package/build/esm/node_modules/nanoid/index.js.map +1 -0
- package/build/esm/node_modules/nanoid/url-alphabet/index.js +5 -0
- package/build/esm/node_modules/nanoid/url-alphabet/index.js.map +1 -0
- package/build/esm/shopfiApi.js +184 -0
- package/build/esm/shopfiApi.js.map +1 -0
- package/build/esm/validationCheck.js +13 -0
- package/build/esm/validationCheck.js.map +1 -0
- package/build/esm/wordpressApi.js +618 -0
- package/build/esm/wordpressApi.js.map +1 -0
- package/package.json +22 -6
- package/build/index.asset.php +0 -1
- package/build/index.js +0 -25
- package/css/editor.css +0 -23
- package/css/editor.css.map +0 -1
- package/img/animation.png +0 -0
- package/img/blockplace.png +0 -0
- package/img/grid.png +0 -0
- package/img/iconControl.png +0 -0
- package/img/pseudo.png +0 -0
- package/img/shadow.png +0 -0
- package/img/typography.png +0 -0
- package/src/AnimationBlock.js +0 -112
- package/src/BlockEditWrapper.js +0 -11
- package/src/BlockPlace.js +0 -904
- package/src/BrockInserter.js +0 -247
- package/src/DateElm.js +0 -354
- package/src/DraggableBox.js +0 -143
- package/src/GridControls.js +0 -462
- package/src/IconSelectControl.js +0 -186
- package/src/PseudoElm.js +0 -54
- package/src/ShadowStyle.js +0 -520
- package/src/ToggleElement.js +0 -18
- package/src/TypographyControls.js +0 -145
- package/src/UpdateAllPostsBlockAttributes.js +0 -127
- package/src/ZipAddress.js +0 -35
- package/src/blockStore.js +0 -75
- package/src/cssPropertes.js +0 -212
- package/src/formatCreate.js +0 -179
- package/src/hslToRgb.js +0 -162
- package/src/index.js +0 -131
- package/src/mediaUpload.js +0 -178
- package/src/shopfiApi.js +0 -187
- package/src/validationCheck.js +0 -10
- package/src/wordpressApi.js +0 -707
- package/webpack.config.js +0 -10
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
// sideの最初の文字を大文字にする関数
|
|
2
|
+
var capitalizeFirstLetter = string => {
|
|
3
|
+
return string.charAt(0).toUpperCase() + string.slice(1);
|
|
4
|
+
};
|
|
5
|
+
// objectかどうか判定する関数
|
|
6
|
+
var isObject = value => {
|
|
7
|
+
return value !== null && typeof value === "object" && !Array.isArray(value);
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
//角丸のパラメータを返す
|
|
11
|
+
var radius_prm = radius => {
|
|
12
|
+
var ret_radius_prm = radius && Object.keys(radius).length === 1 ? radius.value : "".concat(radius && radius.topLeft || "", " ").concat(radius && radius.topRight || "", " ").concat(radius && radius.bottomRight || "", " ").concat(radius && radius.bottomLeft || "");
|
|
13
|
+
return ret_radius_prm;
|
|
14
|
+
};
|
|
15
|
+
//スペースのパラメータを返す
|
|
16
|
+
var space_prm = space => {
|
|
17
|
+
var ret_space_prm = space ? "".concat(space.top, " ").concat(space.right, " ").concat(space.bottom, " ").concat(space.left) : "";
|
|
18
|
+
return ret_space_prm;
|
|
19
|
+
};
|
|
20
|
+
//positionのオブジェクトを返します
|
|
21
|
+
var position_prm = (pos, type) => {
|
|
22
|
+
//値でポジションを設定
|
|
23
|
+
if (isObject(pos)) {
|
|
24
|
+
var resetVertBase = pos.vertBase === "top" ? "bottom" : "top";
|
|
25
|
+
var resetHorBase = pos.horBase === "left" ? "right" : "left";
|
|
26
|
+
var centerVert = "50%";
|
|
27
|
+
var centerHor = "50%";
|
|
28
|
+
var centerTrans = pos.isVertCenter && pos.isHorCenter ? "transform: translate(-50%, -50%);" : pos.isVertCenter ? "transform: translateY(-50%);" : pos.isHorCenter ? "transform: translateX(-50%);" : "";
|
|
29
|
+
var ret_pos_prm = pos && (type === "absolute" || type === "fixed" || type === "sticky") ? "\n ".concat(pos.vertBase, ": ").concat(pos.isVertCenter ? centerVert : pos.vertValue, "; \n ").concat(pos.horBase, ": ").concat(pos.isHorCenter ? centerHor : pos.horValue, ";\n ").concat(centerTrans, "\n ").concat(resetVertBase, ": auto;\n ").concat(resetHorBase, ": auto;\n ").concat(type === "fixed" || type === "sticky" ? "margin-block-start:0;z-index: 50;" : "z-index: auto;", "\n ") : "";
|
|
30
|
+
return ret_pos_prm;
|
|
31
|
+
//縦横中央揃え
|
|
32
|
+
} else if (pos) {
|
|
33
|
+
var _ret_pos_prm = "top:50%;left: 50%;transform: translate(-50%, -50%);";
|
|
34
|
+
return _ret_pos_prm;
|
|
35
|
+
}
|
|
36
|
+
return null;
|
|
37
|
+
};
|
|
38
|
+
//ブロック幅を返す
|
|
39
|
+
var max_width_prm = (width, free_val) => {
|
|
40
|
+
var ret_width_prm = width === "wideSize" ? "max-width: var(--wp--style--global--wide-size);" : width === "contentSize" ? "max-width: var(--wp--style--global--content-size);" : width === "free" ? "max-width: ".concat(free_val, ";") : width === "full" ? "max-width: 100%;" : "max-width: fit-content;";
|
|
41
|
+
return ret_width_prm;
|
|
42
|
+
};
|
|
43
|
+
var width_prm = (width, free_val) => {
|
|
44
|
+
var ret_width_prm = width === "wideSize" ? " width: var(--wp--style--global--wide-size);" : width === "contentSize" ? " width: var(--wp--style--global--content-size);" : width === "free" ? " width: ".concat(free_val, "; ") : width === "full" ? " width: 100%;" : width === "fit" ? " width: fit-content;" : " width: auto;";
|
|
45
|
+
return ret_width_prm;
|
|
46
|
+
};
|
|
47
|
+
var height_prm = (height, free_val) => {
|
|
48
|
+
var ret_height_prm = height === "fit" ? " height: fit-content;" : height === "full" ? " height: 100%; " : height === "free" ? " height: ".concat(free_val, "; ") : "height: auto;";
|
|
49
|
+
return ret_height_prm;
|
|
50
|
+
};
|
|
51
|
+
//配置を返す
|
|
52
|
+
var align_prm = function align_prm(align) {
|
|
53
|
+
var camelFLg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
54
|
+
//css用
|
|
55
|
+
var ret_align_prm = align === "center" ? "margin-left: auto; margin-right: auto;" : align === "right" ? "margin-left: auto; margin-right: 0;" : "margin-right: auto; margin-left: 0;";
|
|
56
|
+
//インナースタイル用
|
|
57
|
+
var camel_align_prm = align === "center" ? {
|
|
58
|
+
marginLeft: "auto",
|
|
59
|
+
marginRight: "auto"
|
|
60
|
+
} : align === "right" ? {
|
|
61
|
+
marginLeft: "auto"
|
|
62
|
+
} : {};
|
|
63
|
+
return camelFLg ? camel_align_prm : ret_align_prm;
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
//スタイルオブジェクト変換関数
|
|
67
|
+
var convertToScss = styleObject => {
|
|
68
|
+
var scss = "";
|
|
69
|
+
for (var prop in styleObject) {
|
|
70
|
+
if (styleObject.hasOwnProperty(prop)) {
|
|
71
|
+
var scssProp = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
72
|
+
scss += "".concat(scssProp, ": ").concat(styleObject[prop], ";\n");
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return scss;
|
|
76
|
+
};
|
|
77
|
+
var borderProperty = borderObj => {
|
|
78
|
+
if (borderObj) {
|
|
79
|
+
//borderObjがundefinedでない
|
|
80
|
+
var keys = ["top", "bottom", "left", "right"];
|
|
81
|
+
var ret_prop = null;
|
|
82
|
+
var doesKeyExist = keys.some(key => key in borderObj);
|
|
83
|
+
if (doesKeyExist) {
|
|
84
|
+
//'top', 'bottom', 'left', 'right'が別設定
|
|
85
|
+
var cssObj = {};
|
|
86
|
+
for (var side in borderObj) {
|
|
87
|
+
var sideData = borderObj[side];
|
|
88
|
+
var startsWithZero = String(sideData.width || "").match(/^0/);
|
|
89
|
+
if (startsWithZero) {
|
|
90
|
+
//widthが0ならCSS設定しない
|
|
91
|
+
continue;
|
|
92
|
+
}
|
|
93
|
+
var border_style = sideData.style || "solid";
|
|
94
|
+
var camelCaseSide = "border".concat(capitalizeFirstLetter(side));
|
|
95
|
+
cssObj[camelCaseSide] = "".concat(sideData.width, " ").concat(border_style, " ").concat(sideData.color);
|
|
96
|
+
}
|
|
97
|
+
ret_prop = cssObj;
|
|
98
|
+
return ret_prop;
|
|
99
|
+
} else {
|
|
100
|
+
//同一のボーダー
|
|
101
|
+
var _startsWithZero = String(borderObj.width || "").match(/^0/);
|
|
102
|
+
if (_startsWithZero) {
|
|
103
|
+
//widthが0ならnullを返す
|
|
104
|
+
return null;
|
|
105
|
+
}
|
|
106
|
+
var _border_style = borderObj.style || "solid";
|
|
107
|
+
ret_prop = {
|
|
108
|
+
border: "".concat(borderObj.width, " ").concat(_border_style, " ").concat(borderObj.color)
|
|
109
|
+
};
|
|
110
|
+
return ret_prop;
|
|
111
|
+
}
|
|
112
|
+
} else {
|
|
113
|
+
return null;
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
//角丸の設定
|
|
118
|
+
var radiusProperty = radiusObj => {
|
|
119
|
+
var ret_prop = radiusObj && Object.keys(radiusObj).length === 1 ? radiusObj.value : "".concat(radiusObj && radiusObj.topLeft || "", " ").concat(radiusObj && radiusObj.topRight || "", " ").concat(radiusObj && radiusObj.bottomRight || "", " ").concat(radiusObj && radiusObj.bottomLeft || "");
|
|
120
|
+
var ret_val = {
|
|
121
|
+
borderRadius: ret_prop
|
|
122
|
+
};
|
|
123
|
+
return ret_val;
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
//マージンの設定
|
|
127
|
+
var marginProperty = marginObj => {
|
|
128
|
+
var ret_prop = "".concat(marginObj.top, " ").concat(marginObj.right, " ").concat(marginObj.bottom, " ").concat(marginObj.left);
|
|
129
|
+
var ret_val = {
|
|
130
|
+
margin: ret_prop
|
|
131
|
+
};
|
|
132
|
+
return ret_val;
|
|
133
|
+
};
|
|
134
|
+
//パディングの設定
|
|
135
|
+
function paddingProperty(paddingObj) {
|
|
136
|
+
var ret_prop = "".concat(paddingObj.top, " ").concat(paddingObj.right, " ").concat(paddingObj.bottom, " ").concat(paddingObj.left);
|
|
137
|
+
var ret_val = {
|
|
138
|
+
padding: ret_prop
|
|
139
|
+
};
|
|
140
|
+
return ret_val;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
export { align_prm, borderProperty, convertToScss, height_prm, marginProperty, max_width_prm, paddingProperty, position_prm, radiusProperty, radius_prm, space_prm, width_prm };
|
|
144
|
+
//# sourceMappingURL=cssPropertes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cssPropertes.js","sources":["../../src/cssPropertes.js"],"sourcesContent":["// sideの最初の文字を大文字にする関数\r\nconst capitalizeFirstLetter = (string) => {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n};\r\n// objectかどうか判定する関数\r\nconst isObject = (value) => {\r\n return value !== null && typeof value === \"object\" && !Array.isArray(value);\r\n};\r\n\r\n//角丸のパラメータを返す\r\nexport const radius_prm = (radius) => {\r\n const ret_radius_prm =\r\n radius && Object.keys(radius).length === 1\r\n ? radius.value\r\n : `${(radius && radius.topLeft) || \"\"} ${\r\n (radius && radius.topRight) || \"\"\r\n } ${(radius && radius.bottomRight) || \"\"} ${\r\n (radius && radius.bottomLeft) || \"\"\r\n }`;\r\n return ret_radius_prm;\r\n};\r\n//スペースのパラメータを返す\r\nexport const space_prm = (space) => {\r\n const ret_space_prm = space\r\n ? `${space.top} ${space.right} ${space.bottom} ${space.left}`\r\n : \"\";\r\n return ret_space_prm;\r\n};\r\n//positionのオブジェクトを返します\r\nexport const position_prm = (pos, type) => {\r\n //値でポジションを設定\r\n if (isObject(pos)) {\r\n const resetVertBase = pos.vertBase === \"top\" ? \"bottom\" : \"top\";\r\n const resetHorBase = pos.horBase === \"left\" ? \"right\" : \"left\";\r\n const centerVert = \"50%\";\r\n const centerHor = \"50%\";\r\n const centerTrans =\r\n pos.isVertCenter && pos.isHorCenter\r\n ? \"transform: translate(-50%, -50%);\"\r\n : pos.isVertCenter\r\n ? \"transform: translateY(-50%);\"\r\n : pos.isHorCenter\r\n ? \"transform: translateX(-50%);\"\r\n : \"\";\r\n const ret_pos_prm =\r\n pos && (type === \"absolute\" || type === \"fixed\" || type === \"sticky\")\r\n ? `\r\n ${pos.vertBase}: ${pos.isVertCenter ? centerVert : pos.vertValue}; \r\n ${pos.horBase}: ${pos.isHorCenter ? centerHor : pos.horValue};\r\n ${centerTrans}\r\n ${resetVertBase}: auto;\r\n ${resetHorBase}: auto;\r\n ${\r\n type === \"fixed\" || type === \"sticky\"\r\n ? \"margin-block-start:0;z-index: 50;\"\r\n : \"z-index: auto;\"\r\n }\r\n `\r\n : \"\";\r\n return ret_pos_prm;\r\n //縦横中央揃え\r\n } else if (pos) {\r\n const ret_pos_prm = \"top:50%;left: 50%;transform: translate(-50%, -50%);\";\r\n return ret_pos_prm;\r\n }\r\n return null;\r\n};\r\n//ブロック幅を返す\r\nexport const max_width_prm = (width, free_val) => {\r\n const ret_width_prm =\r\n width === \"wideSize\"\r\n ? \"max-width: var(--wp--style--global--wide-size);\"\r\n : width === \"contentSize\"\r\n ? \"max-width: var(--wp--style--global--content-size);\"\r\n : width === \"free\"\r\n ? `max-width: ${free_val};`\r\n : width === \"full\"\r\n ? \"max-width: 100%;\"\r\n : \"max-width: fit-content;\";\r\n return ret_width_prm;\r\n};\r\n\r\nexport const width_prm = (width, free_val) => {\r\n const ret_width_prm =\r\n width === \"wideSize\"\r\n ? \" width: var(--wp--style--global--wide-size);\"\r\n : width === \"contentSize\"\r\n ? \" width: var(--wp--style--global--content-size);\"\r\n : width === \"free\"\r\n ? ` width: ${free_val}; `\r\n : width === \"full\"\r\n ? \" width: 100%;\"\r\n : width === \"fit\"\r\n ? \" width: fit-content;\"\r\n : \" width: auto;\";\r\n return ret_width_prm;\r\n};\r\n\r\nexport const height_prm = (height, free_val) => {\r\n const ret_height_prm =\r\n height === \"fit\"\r\n ? \" height: fit-content;\"\r\n : height === \"full\"\r\n ? ` height: 100%; `\r\n : height === \"free\"\r\n ? ` height: ${free_val}; `\r\n : \"height: auto;\";\r\n return ret_height_prm;\r\n};\r\n//配置を返す\r\nexport const align_prm = (align, camelFLg = false) => {\r\n //css用\r\n const ret_align_prm =\r\n align === \"center\"\r\n ? \"margin-left: auto; margin-right: auto;\"\r\n : align === \"right\"\r\n ? \"margin-left: auto; margin-right: 0;\"\r\n : \"margin-right: auto; margin-left: 0;\";\r\n //インナースタイル用\r\n const camel_align_prm =\r\n align === \"center\"\r\n ? { marginLeft: \"auto\", marginRight: \"auto\" }\r\n : align === \"right\"\r\n ? { marginLeft: \"auto\" }\r\n : {};\r\n\r\n return camelFLg ? camel_align_prm : ret_align_prm;\r\n};\r\n\r\n//スタイルオブジェクト変換関数\r\nexport const convertToScss = (styleObject) => {\r\n let scss = \"\";\r\n for (const prop in styleObject) {\r\n if (styleObject.hasOwnProperty(prop)) {\r\n const scssProp = prop.replace(/([A-Z])/g, \"-$1\").toLowerCase();\r\n scss += `${scssProp}: ${styleObject[prop]};\\n`;\r\n }\r\n }\r\n return scss;\r\n};\r\n\r\nexport const borderProperty = (borderObj) => {\r\n if (borderObj) {\r\n //borderObjがundefinedでない\r\n let keys = [\"top\", \"bottom\", \"left\", \"right\"];\r\n let ret_prop = null;\r\n let doesKeyExist = keys.some((key) => key in borderObj);\r\n if (doesKeyExist) {\r\n //'top', 'bottom', 'left', 'right'が別設定\r\n let cssObj = {};\r\n for (let side in borderObj) {\r\n const sideData = borderObj[side];\r\n const startsWithZero = String(sideData.width || \"\").match(/^0/);\r\n if (startsWithZero) {\r\n //widthが0ならCSS設定しない\r\n continue;\r\n }\r\n const border_style = sideData.style || \"solid\";\r\n let camelCaseSide = `border${capitalizeFirstLetter(side)}`;\r\n cssObj[\r\n camelCaseSide\r\n ] = `${sideData.width} ${border_style} ${sideData.color}`;\r\n }\r\n ret_prop = cssObj;\r\n return ret_prop;\r\n } else {\r\n //同一のボーダー\r\n const startsWithZero = String(borderObj.width || \"\").match(/^0/);\r\n if (startsWithZero) {\r\n //widthが0ならnullを返す\r\n return null;\r\n }\r\n const border_style = borderObj.style || \"solid\";\r\n ret_prop = {\r\n border: `${borderObj.width} ${border_style} ${borderObj.color}`,\r\n };\r\n\r\n return ret_prop;\r\n }\r\n } else {\r\n return null;\r\n }\r\n};\r\n\r\n//角丸の設定\r\nexport const radiusProperty = (radiusObj) => {\r\n const ret_prop =\r\n radiusObj && Object.keys(radiusObj).length === 1\r\n ? radiusObj.value\r\n : `${(radiusObj && radiusObj.topLeft) || \"\"} ${\r\n (radiusObj && radiusObj.topRight) || \"\"\r\n } ${(radiusObj && radiusObj.bottomRight) || \"\"} ${\r\n (radiusObj && radiusObj.bottomLeft) || \"\"\r\n }`;\r\n const ret_val = { borderRadius: ret_prop };\r\n return ret_val;\r\n};\r\n\r\n//マージンの設定\r\nexport const marginProperty = (marginObj) => {\r\n const ret_prop = `${marginObj.top} ${marginObj.right} ${marginObj.bottom} ${marginObj.left}`;\r\n\r\n const ret_val = { margin: ret_prop };\r\n return ret_val;\r\n};\r\n//パディングの設定\r\nexport function paddingProperty(paddingObj) {\r\n const ret_prop = `${paddingObj.top} ${paddingObj.right} ${paddingObj.bottom} ${paddingObj.left}`;\r\n\r\n const ret_val = { padding: ret_prop };\r\n return ret_val;\r\n}\r\n"],"names":["capitalizeFirstLetter","string","charAt","toUpperCase","slice","isObject","value","Array","isArray","radius_prm","radius","ret_radius_prm","Object","keys","length","concat","topLeft","topRight","bottomRight","bottomLeft","space_prm","space","ret_space_prm","top","right","bottom","left","position_prm","pos","type","resetVertBase","vertBase","resetHorBase","horBase","centerVert","centerHor","centerTrans","isVertCenter","isHorCenter","ret_pos_prm","vertValue","horValue","max_width_prm","width","free_val","ret_width_prm","width_prm","height_prm","height","ret_height_prm","align_prm","align","camelFLg","arguments","undefined","ret_align_prm","camel_align_prm","marginLeft","marginRight","convertToScss","styleObject","scss","prop","hasOwnProperty","scssProp","replace","toLowerCase","borderProperty","borderObj","ret_prop","doesKeyExist","some","key","cssObj","side","sideData","startsWithZero","String","match","border_style","style","camelCaseSide","color","border","radiusProperty","radiusObj","ret_val","borderRadius","marginProperty","marginObj","margin","paddingProperty","paddingObj","padding"],"mappings":"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"}
|