itmar-block-packages 2.1.2 → 3.0.2

package/build/esm/customHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customHooks.js","sources":["../../src/customHooks.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/esm/formatCreate.d.ts

@@ -0,0 +1,18 @@
+interface FormatSettings {
+    userFormat: string;
+    freeStrFormat: string;
+    decimal: number;
+}
+interface FormatSelectControlProps {
+    titleType: "plaine" | "date" | "user" | string;
+    userFormat: string;
+    freeStrFormat: string;
+    decimal: number;
+    onFormatChange: (settings: FormatSettings) => void;
+}
+export declare const FormatSelectControl: ({ titleType, userFormat, freeStrFormat, decimal, onFormatChange, }: FormatSelectControlProps) => JSX.Element;
+/**
+ * 値を指定されたフォーマットで整形して返す
+ */
+export declare const displayFormated: (content: any, userFormat: string | undefined, freeStrFormat: string, decimal: number) => string;
+export {};

package/build/esm/formatCreate.js

@@ -1,156 +1,126 @@
-import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
+import { createElement, Fragment } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { PanelBody, SelectControl, TextControl, PanelRow, RangeControl } from '@wordpress/components';
 import { getSettings, format } from '@wordpress/date';
 
 //日付のフォーマット
-var dateFormats = [{
-  label: "YYYY-MM-DD HH:mm:ss",
-  value: "Y-m-d H:i:s"
-}, {
-  label: "MM/DD/YYYY",
-  value: "m/d/Y"
-}, {
-  label: "DD/MM/YYYY",
-  value: "d/m/Y"
-}, {
-  label: "MMMM D, YYYY",
-  value: "F j, Y"
-}, {
-  label: "HH:mm:ss",
-  value: "H:i:s"
-}, {
-  label: "YYYY.M.D",
-  value: "Y.n.j"
-}, {
-  label: "Day, MMMM D, YYYY",
-  value: "l, F j, Y"
-}, {
-  label: "ddd, MMM D, YYYY",
-  value: "D, M j, Y"
-}, {
-  label: "YYYY年M月D日 (曜日)",
-  value: "Y年n月j日 (l)"
-}];
+const dateFormats = [
+    { label: "YYYY-MM-DD HH:mm:ss", value: "Y-m-d H:i:s" },
+    { label: "MM/DD/YYYY", value: "m/d/Y" },
+    { label: "DD/MM/YYYY", value: "d/m/Y" },
+    { label: "MMMM D, YYYY", value: "F j, Y" },
+    { label: "HH:mm:ss", value: "H:i:s" },
+    { label: "YYYY.M.D", value: "Y.n.j" },
+    { label: "Day, MMMM D, YYYY", value: "l, F j, Y" },
+    { label: "ddd, MMM D, YYYY", value: "D, M j, Y" },
+    { label: "YYYY年M月D日 (曜日)", value: "Y年n月j日 (l)" },
+];
 //プレーンのフォーマット
-var plaineFormats = [{
-  key: "str_free",
-  label: __("Free String", "block-collections"),
-  value: "%s"
-}, {
-  key: "num_comma",
-  label: __("Numbers (comma separated)", "block-collections"),
-  value: {
-    style: "decimal",
-    useGrouping: true // カンマ区切り
-  }
-}, {
-  key: "num_no_comma",
-  label: __("Numbers (no commas)", "block-collections"),
-  value: {
-    style: "decimal",
-    useGrouping: false
-  }
-}, {
-  key: "num_amount",
-  label: __("Amount", "block-collections"),
-  value: {
-    style: "currency",
-    currency: "JPY"
-  }
-}];
-var FormatSelectControl = _ref => {
-  var {
-    titleType,
-    userFormat,
-    freeStrFormat,
-    decimal,
-    onFormatChange
-  } = _ref;
-  var isPlaine = titleType === "plaine";
-  var isDate = titleType === "date";
-  var isUser = titleType === "user";
-
-  //SelectControlのオプションを生成
-  var options = isDate ? dateFormats : plaineFormats.map(f => ({
-    label: f.label,
-    value: f.key
-  }));
-  return /*#__PURE__*/React.createElement(PanelBody, {
-    title: __("Display Format Setting", "block-collections")
-  }, (isPlaine || isDate) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectControl, {
-    label: __("Select Format", "block-collections"),
-    value: userFormat,
-    options: options,
-    onChange: newFormat => onFormatChange({
-      userFormat: newFormat,
-      freeStrFormat,
-      decimal
-    })
-  }), (userFormat === null || userFormat === void 0 ? void 0 : userFormat.startsWith("str_")) && /*#__PURE__*/React.createElement(TextControl, {
-    label: __("String Format", "block-collections"),
-    value: freeStrFormat,
-    onChange: newFormat => onFormatChange({
-      userFormat,
-      freeStrFormat: newFormat,
-      decimal
-    })
-  }), (userFormat === null || userFormat === void 0 ? void 0 : userFormat.startsWith("num_")) && /*#__PURE__*/React.createElement(PanelRow, {
-    className: "itmar_post_blocks_pannel"
-  }, /*#__PURE__*/React.createElement(RangeControl, {
-    value: decimal,
-    label: __("Decimal Num", "query-blocks"),
-    max: 5,
-    min: 0,
-    onChange: val => onFormatChange({
-      userFormat,
-      freeStrFormat,
-      decimal: val
-    })
-  }))), isUser && /*#__PURE__*/React.createElement(TextControl, {
-    label: __("User Format", "block-collections"),
-    value: freeStrFormat,
-    onChange: newFormat => onFormatChange({
-      userFormat: "str_free",
-      freeStrFormat: newFormat,
-      decimal
-    })
-  }));
+const plaineFormats = [
+    {
+        key: "str_free",
+        label: __("Free String", "block-collections"),
+        value: "%s",
+    },
+    {
+        key: "num_comma",
+        label: __("Numbers (comma separated)", "block-collections"),
+        value: {
+            style: "decimal",
+            useGrouping: true, // カンマ区切り
+        },
+    },
+    {
+        key: "num_no_comma",
+        label: __("Numbers (no commas)", "block-collections"),
+        value: {
+            style: "decimal",
+            useGrouping: false,
+        },
+    },
+    {
+        key: "num_amount",
+        label: __("Amount", "block-collections"),
+        value: {
+            style: "currency",
+            currency: "JPY",
+        },
+    },
+];
+const FormatSelectControl = ({ titleType, userFormat, freeStrFormat, decimal, onFormatChange, }) => {
+    const isPlaine = titleType === "plaine";
+    const isDate = titleType === "date";
+    const isUser = titleType === "user";
+    //SelectControlのオプションを生成
+    const options = isDate
+        ? dateFormats
+        : plaineFormats.map((f) => ({ label: f.label, value: f.key }));
+    return (createElement(PanelBody, { title: __("Display Format Setting", "block-collections") },
+        (isPlaine || isDate) && (createElement(Fragment, null,
+            createElement(SelectControl, { label: __("Select Format", "block-collections"), value: userFormat, options: options, onChange: (newFormat) => onFormatChange({
+                    userFormat: newFormat,
+                    freeStrFormat,
+                    decimal,
+                }) }),
+            userFormat?.startsWith("str_") && (createElement(TextControl, { label: __("String Format", "block-collections"), value: freeStrFormat, onChange: (newFormat) => onFormatChange({
+                    userFormat,
+                    freeStrFormat: newFormat,
+                    decimal,
+                }) })),
+            userFormat?.startsWith("num_") && (createElement(PanelRow, { className: "itmar_post_blocks_pannel" },
+                createElement(RangeControl, { value: decimal, label: __("Decimal Num", "query-blocks"), max: 5, min: 0, onChange: (val) => onFormatChange({
+                        userFormat,
+                        freeStrFormat,
+                        decimal: val ?? 0,
+                    }) }))))),
+        isUser && (createElement(TextControl, { label: __("User Format", "block-collections"), value: freeStrFormat, onChange: (newFormat) => onFormatChange({
+                userFormat: "str_free",
+                freeStrFormat: newFormat,
+                decimal,
+            }) }))));
 };
-var displayFormated = (content, userFormat, freeStrFormat, decimal) => {
-  var _getSettings$l10n, _plaineFormats$find;
-  // 内部で使用するロケール
-  var locale = ((_getSettings$l10n = getSettings().l10n) === null || _getSettings$l10n === void 0 ? void 0 : _getSettings$l10n.locale) || "en";
-
-  //日付にフォーマットがあれば、それで書式設定してリターン
-  var isDateFormat = dateFormats.find(f => f.value === userFormat);
-  if (isDateFormat) {
-    var ret_val = format(userFormat, content, getSettings());
-    return ret_val;
-  }
-  //数値や文字列のフォーマット
-  var selectedFormat = (_plaineFormats$find = plaineFormats.find(f => f.key === userFormat)) === null || _plaineFormats$find === void 0 ? void 0 : _plaineFormats$find.value;
-  if (typeof selectedFormat === "object") {
-    // Intl.NumberFormat オプション
-    try {
-      var numeric = parseFloat(content);
-      // `selectedFormat` を元に新しいフォーマット設定を生成（mutateしない）
-      var options = _objectSpread2({}, selectedFormat);
-      if (typeof decimal === "number" && decimal > 0) {
-        options.minimumFractionDigits = decimal;
-        options.maximumFractionDigits = decimal;
-      }
-      var formatter = new Intl.NumberFormat(locale, options);
-      return formatter.format(numeric);
-    } catch (e) {
-      console.warn("Number format failed:", e);
-      return content;
+/**
+ * 値を指定されたフォーマットで整形して返す
+ */
+const displayFormated = (content, userFormat, freeStrFormat, decimal) => {
+    if (content === undefined || content === null)
+        return "";
+    // 内部で使用するロケール
+    const locale = getSettings().l10n?.locale || "en";
+    //日付にフォーマットがあれば、それで書式設定してリターン
+    const isDateFormat = dateFormats.find((f) => f.value === userFormat);
+    if (isDateFormat && userFormat) {
+        // WordPressの format 関数を使用して日付を整形
+        return format(userFormat, content);
+    }
+    //数値や文字列のフォーマット
+    const selectedFormat = plaineFormats.find((f) => f.key === userFormat)?.value;
+    if (typeof selectedFormat === "object" && selectedFormat !== null) {
+        // Intl.NumberFormat オプション
+        try {
+            const numeric = typeof content === "number" ? content : parseFloat(content);
+            if (isNaN(numeric))
+                return String(content);
+            // `selectedFormat` を元に新しいフォーマット設定を生成（mutateしない）
+            // options を型安全に生成
+            const options = { ...selectedFormat };
+            if (typeof decimal === "number" && decimal > 0) {
+                options.minimumFractionDigits = decimal;
+                options.maximumFractionDigits = decimal;
+            }
+            const formatter = new Intl.NumberFormat(locale, options);
+            return formatter.format(numeric);
+        }
+        catch (e) {
+            console.warn("Number format failed:", e);
+            return String(content);
+        }
+    }
+    else if (typeof selectedFormat === "string") {
+        return freeStrFormat.replace("%s", String(content));
     }
-  } else if (typeof selectedFormat === "string") {
-    return freeStrFormat.replace("%s", content);
-  }
-  //フォーマットが見つからないときはそのまま返す
-  return content;
+    //フォーマットが見つからないときはそのまま返す
+    return content;
 };
 
 export { FormatSelectControl, displayFormated };

package/build/esm/formatCreate.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatCreate.js","sources":["../../src/formatCreate.js"],"sourcesContent":["import { __ } from \"@wordpress/i18n\";\nimport {\n  PanelBody,\n  PanelRow,\n  RangeControl,\n  TextControl,\n  SelectControl,\n} from \"@wordpress/components\";\nimport { format, getSettings } from \"@wordpress/date\";\n\n//日付のフォーマット\nconst dateFormats = [\n  { label: \"YYYY-MM-DD HH:mm:ss\", value: \"Y-m-d H:i:s\" },\n  { label: \"MM/DD/YYYY\", value: \"m/d/Y\" },\n  { label: \"DD/MM/YYYY\", value: \"d/m/Y\" },\n  { label: \"MMMM D, YYYY\", value: \"F j, Y\" },\n  { label: \"HH:mm:ss\", value: \"H:i:s\" },\n  { label: \"YYYY.M.D\", value: \"Y.n.j\" },\n  { label: \"Day, MMMM D, YYYY\", value: \"l, F j, Y\" },\n  { label: \"ddd, MMM D, YYYY\", value: \"D, M j, Y\" },\n  { label: \"YYYY年M月D日 (曜日)\", value: \"Y年n月j日 (l)\" },\n];\n//プレーンのフォーマット\nconst plaineFormats = [\n  {\n    key: \"str_free\",\n    label: __(\"Free String\", \"block-collections\"),\n    value: \"%s\",\n  },\n  {\n    key: \"num_comma\",\n    label: __(\"Numbers (comma separated)\", \"block-collections\"),\n    value: {\n      style: \"decimal\",\n      useGrouping: true, // カンマ区切り\n    },\n  },\n  {\n    key: \"num_no_comma\",\n    label: __(\"Numbers (no commas)\", \"block-collections\"),\n    value: {\n      style: \"decimal\",\n      useGrouping: false,\n    },\n  },\n  {\n    key: \"num_amount\",\n    label: __(\"Amount\", \"block-collections\"),\n    value: {\n      style: \"currency\",\n      currency: \"JPY\",\n    },\n  },\n];\n\nexport const FormatSelectControl = ({\n  titleType,\n  userFormat,\n  freeStrFormat,\n  decimal,\n  onFormatChange,\n}) => {\n  const isPlaine = titleType === \"plaine\";\n  const isDate = titleType === \"date\";\n  const isUser = titleType === \"user\";\n\n  //SelectControlのオプションを生成\n  const options = isDate\n    ? dateFormats\n    : plaineFormats.map((f) => ({ label: f.label, value: f.key }));\n\n  return (\n    <PanelBody title={__(\"Display Format Setting\", \"block-collections\")}>\n      {(isPlaine || isDate) && (\n        <>\n          <SelectControl\n            label={__(\"Select Format\", \"block-collections\")}\n            value={userFormat}\n            options={options}\n            onChange={(newFormat) =>\n              onFormatChange({\n                userFormat: newFormat,\n                freeStrFormat,\n                decimal,\n              })\n            }\n          />\n\n          {userFormat?.startsWith(\"str_\") && (\n            <TextControl\n              label={__(\"String Format\", \"block-collections\")}\n              value={freeStrFormat}\n              onChange={(newFormat) =>\n                onFormatChange({\n                  userFormat,\n                  freeStrFormat: newFormat,\n                  decimal,\n                })\n              }\n            />\n          )}\n          {userFormat?.startsWith(\"num_\") && (\n            <PanelRow className=\"itmar_post_blocks_pannel\">\n              <RangeControl\n                value={decimal}\n                label={__(\"Decimal Num\", \"query-blocks\")}\n                max={5}\n                min={0}\n                onChange={(val) =>\n                  onFormatChange({\n                    userFormat,\n                    freeStrFormat,\n                    decimal: val,\n                  })\n                }\n              />\n            </PanelRow>\n          )}\n        </>\n      )}\n\n      {isUser && (\n        <TextControl\n          label={__(\"User Format\", \"block-collections\")}\n          value={freeStrFormat}\n          onChange={(newFormat) =>\n            onFormatChange({\n              userFormat: \"str_free\",\n              freeStrFormat: newFormat,\n              decimal,\n            })\n          }\n        />\n      )}\n    </PanelBody>\n  );\n};\n\nexport const displayFormated = (\n  content,\n  userFormat,\n  freeStrFormat,\n  decimal\n) => {\n  // 内部で使用するロケール\n  const locale = getSettings().l10n?.locale || \"en\";\n\n  //日付にフォーマットがあれば、それで書式設定してリターン\n  const isDateFormat = dateFormats.find((f) => f.value === userFormat);\n  if (isDateFormat) {\n    const ret_val = format(userFormat, content, getSettings());\n    return ret_val;\n  }\n  //数値や文字列のフォーマット\n  const selectedFormat = plaineFormats.find((f) => f.key === userFormat)?.value;\n  if (typeof selectedFormat === \"object\") {\n    // Intl.NumberFormat オプション\n    try {\n      const numeric = parseFloat(content);\n      // `selectedFormat` を元に新しいフォーマット設定を生成（mutateしない）\n      const options = { ...selectedFormat };\n\n      if (typeof decimal === \"number\" && decimal > 0) {\n        options.minimumFractionDigits = decimal;\n        options.maximumFractionDigits = decimal;\n      }\n\n      const formatter = new Intl.NumberFormat(locale, options);\n      return formatter.format(numeric);\n    } catch (e) {\n      console.warn(\"Number format failed:\", e);\n      return content;\n    }\n  } else if (typeof selectedFormat === \"string\") {\n    return freeStrFormat.replace(\"%s\", content);\n  }\n  //フォーマットが見つからないときはそのまま返す\n  return content;\n};\n"],"names":["dateFormats","label","value","plaineFormats","key","__","style","useGrouping","currency","FormatSelectControl","_ref","titleType","userFormat","freeStrFormat","decimal","onFormatChange","isPlaine","isDate","isUser","options","map","f","React","createElement","PanelBody","title","Fragment","SelectControl","onChange","newFormat","startsWith","TextControl","PanelRow","className","RangeControl","max","min","val","displayFormated","content","_getSettings$l10n","_plaineFormats$find","locale","getSettings","l10n","isDateFormat","find","ret_val","format","selectedFormat","numeric","parseFloat","_objectSpread","minimumFractionDigits","maximumFractionDigits","formatter","Intl","NumberFormat","e","console","warn","replace"],"mappings":"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"}
+{"version":3,"file":"formatCreate.js","sources":["../../src/formatCreate.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAWA;AACA,MAAM,WAAW,GAAG;AAClB,IAAA,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,aAAa,EAAE;AACtD,IAAA,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE;AACvC,IAAA,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE;AACvC,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE;AAC1C,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE;AACrC,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE;AACrC,IAAA,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,WAAW,EAAE;AAClD,IAAA,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,EAAE;AACjD,IAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,EAAE;CACjD;AACD;AACA,MAAM,aAAa,GAAG;AACpB,IAAA;AACE,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,mBAAmB,CAAC;AAC7C,QAAA,KAAK,EAAE,IAAI;AACZ,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,KAAK,EAAE,EAAE,CAAC,2BAA2B,EAAE,mBAAmB,CAAC;AAC3D,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,IAAI;AAClB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,cAAc;AACnB,QAAA,KAAK,EAAE,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,CAAC;AACrD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,WAAW,EAAE,KAAK;AACnB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,mBAAmB,CAAC;AACxC,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,QAAQ,EAAE,KAAK;AAChB,SAAA;AACF,KAAA;CACF;AAkBM,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,EACT,UAAU,EACV,aAAa,EACb,OAAO,EACP,cAAc,GACW,KAAI;AAC7B,IAAA,MAAM,QAAQ,GAAG,SAAS,KAAK,QAAQ;AACvC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;;IAGnC,MAAM,OAAO,GAAG;AACd,UAAE;UACA,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAEhE,QACE,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,EAAE,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,EAAA;AAChE,QAAA,CAAC,QAAQ,IAAI,MAAM,MAClB,aAAA,CAAA,QAAA,EAAA,IAAA;YACE,aAAA,CAAC,aAAa,EAAA,EACZ,KAAK,EAAE,EAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC,EAC/C,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,SAAS,KAClB,cAAc,CAAC;AACb,oBAAA,UAAU,EAAE,SAAS;oBACrB,aAAa;oBACb,OAAO;AACR,iBAAA,CAAC,EAAA,CAEJ;AAED,YAAA,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,KAC7B,aAAA,CAAC,WAAW,EAAA,EACV,KAAK,EAAE,EAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC,EAC/C,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,CAAC,SAAS,KAClB,cAAc,CAAC;oBACb,UAAU;AACV,oBAAA,aAAa,EAAE,SAAS;oBACxB,OAAO;AACR,iBAAA,CAAC,GAEJ,CACH;AACA,YAAA,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,KAC7B,aAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA;AAC5C,gBAAA,aAAA,CAAC,YAAY,EAAA,EACX,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,EACxC,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,CAAC,GAAG,KACZ,cAAc,CAAC;wBACb,UAAU;wBACV,aAAa;wBACb,OAAO,EAAE,GAAG,IAAI,CAAC;AAClB,qBAAA,CAAC,EAAA,CAEJ,CACO,CACZ,CACA,CACJ;QAEA,MAAM,KACL,aAAA,CAAC,WAAW,EAAA,EACV,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,mBAAmB,CAAC,EAC7C,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,CAAC,SAAS,KAClB,cAAc,CAAC;AACb,gBAAA,UAAU,EAAE,UAAU;AACtB,gBAAA,aAAa,EAAE,SAAS;gBACxB,OAAO;AACR,aAAA,CAAC,EAAA,CAEJ,CACH,CACS;AAEhB;AAcA;;AAEG;AACI,MAAM,eAAe,GAAG,CAC7B,OAAY,EACZ,UAA8B,EAC9B,aAAqB,EACrB,OAAe,KACL;AACV,IAAA,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI;AAAE,QAAA,OAAO,EAAE;;IAGxD,MAAM,MAAM,GAAG,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,IAAI,IAAI;;AAGjD,IAAA,MAAM,YAAY,GAAI,WAAkC,CAAC,IAAI,CAC3D,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,UAAU,CAC9B;AACD,IAAA,IAAI,YAAY,IAAI,UAAU,EAAE;;AAE9B,QAAA,OAAO,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC;IACpC;;AAGA,IAAA,MAAM,cAAc,GAAI,aAAqC,CAAC,IAAI,CAChE,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,UAAU,CAC5B,EAAE,KAAK;IAER,IAAI,OAAO,cAAc,KAAK,QAAQ,IAAI,cAAc,KAAK,IAAI,EAAE;;AAEjE,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GACX,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YAC7D,IAAI,KAAK,CAAC,OAAO,CAAC;AAAE,gBAAA,OAAO,MAAM,CAAC,OAAO,CAAC;;;AAG1C,YAAA,MAAM,OAAO,GAA6B,EAAE,GAAG,cAAc,EAAE;YAE/D,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,GAAG,CAAC,EAAE;AAC9C,gBAAA,OAAO,CAAC,qBAAqB,GAAG,OAAO;AACvC,gBAAA,OAAO,CAAC,qBAAqB,GAAG,OAAO;YACzC;YAEA,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;AACxD,YAAA,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QAClC;QAAE,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACxC,YAAA,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB;IACF;AAAO,SAAA,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE;QAC7C,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACrD;;AAEA,IAAA,OAAO,OAAO;AAChB;;;;"}

package/build/esm/hslToRgb.d.ts

@@ -0,0 +1,23 @@
+interface HSL {
+    hue: number;
+    saturation: number;
+    lightness: number;
+}
+interface RGB {
+    red: number;
+    green: number;
+    blue: number;
+}
+/**
+ * HSLを16進数カラーコード（#RRGGBB）に変換
+ */
+export declare function hslToRgb16(hue: number | string, saturation: number | string, lightness: number | string): string | false;
+/**
+ * 16進数カラーコードをHSLオブジェクトに変換
+ */
+export declare function rgb16ToHsl(strRgb16: string): HSL | false;
+/**
+ * 16進数カラーコードをRGBオブジェクトに変換
+ */
+export declare function HexToRGB(strRgb16: string): RGB | false;
+export {};

package/build/esm/hslToRgb.js

@@ -1,128 +1,124 @@
-var createRGB = inputStr => {
-  //１６進数変換の関数
-  function componentToHex(c) {
-    var hex = parseInt(c, 10).toString(16);
-    return hex.length === 1 ? "0" + hex : hex;
-  }
-  var resultStr;
-  var rgb = [];
-
-  // #000000 形式の場合
-  if (/^#[0-9a-fA-F]{6}$/.test(inputStr)) {
-    rgb = [inputStr.slice(1, 3), inputStr.slice(3, 5), inputStr.slice(5, 7)];
-  }
-  // rgb(0,0,0) 形式の場合
-  else if (resultStr = inputStr.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/)) {
-    rgb = [componentToHex(resultStr[1]), componentToHex(resultStr[2]), componentToHex(resultStr[3])];
-  } else {
-    // サポートされていない形式の場合はデフォルトの値を設定する
-    rgb = ["ff", "ff", "ff"];
-  }
-  return rgb;
+const createRGB = (inputStr) => {
+    //１６進数変換の関数
+    const componentToHex = (c) => {
+        const hex = parseInt(String(c), 10).toString(16);
+        return hex.length === 1 ? "0" + hex : hex;
+    };
+    // デフォルト値（白）
+    if (!inputStr)
+        return ["ff", "ff", "ff"];
+    let rgb;
+    // #000000 形式の場合
+    if (/^#[0-9a-fA-F]{6}$/.test(inputStr)) {
+        rgb = [inputStr.slice(1, 3), inputStr.slice(3, 5), inputStr.slice(5, 7)];
+    }
+    // rgb(0,0,0) 形式の場合
+    else {
+        const match = inputStr.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+        if (match) {
+            rgb = [
+                componentToHex(match[1]),
+                componentToHex(match[2]),
+                componentToHex(match[3]),
+            ];
+        }
+        else {
+            // サポートされていない形式の場合は白を返す
+            rgb = ["ff", "ff", "ff"];
+        }
+    }
+    return rgb;
 };
+/**
+ * HSLを16進数カラーコード（#RRGGBB）に変換
+ */
 function hslToRgb16(hue, saturation, lightness) {
-  var result = false;
-  if ((hue || hue === 0) && hue <= 360 && (saturation || saturation === 0) && saturation <= 100 && (lightness || lightness === 0) && lightness <= 100) {
-    var red = 0,
-      green = 0,
-      blue = 0,
-      q = 0,
-      p = 0,
-      hueToRgb;
-    hue = Number(hue) / 360;
-    saturation = Number(saturation) / 100;
-    lightness = Number(lightness) / 100;
-    if (saturation === 0) {
-      red = lightness;
-      green = lightness;
-      blue = lightness;
-    } else {
-      hueToRgb = function hueToRgb(p, q, t) {
-        if (t < 0) t += 1;
-        if (t > 1) t -= 1;
-        if (t < 1 / 6) {
-          p += (q - p) * 6 * t;
-        } else if (t < 1 / 2) {
-          p = q;
-        } else if (t < 2 / 3) {
-          p += (q - p) * (2 / 3 - t) * 6;
+    const h = Number(hue);
+    const s = Number(saturation);
+    const l = Number(lightness);
+    if (h >= 0 && h <= 360 && s >= 0 && s <= 100 && l >= 0 && l <= 100) {
+        let red = 0, green = 0, blue = 0;
+        const hNorm = h / 360;
+        const sNorm = s / 100;
+        const lNorm = l / 100;
+        if (sNorm === 0) {
+            red = green = blue = lNorm;
         }
-        return p;
-      };
-      if (lightness < 0.5) {
-        q = lightness * (1 + saturation);
-      } else {
-        q = lightness + saturation - lightness * saturation;
-      }
-      p = 2 * lightness - q;
-      red = hueToRgb(p, q, hue + 1 / 3);
-      green = hueToRgb(p, q, hue);
-      blue = hueToRgb(p, q, hue - 1 / 3);
+        else {
+            const hueToRgb = (p, q, t) => {
+                if (t < 0)
+                    t += 1;
+                if (t > 1)
+                    t -= 1;
+                if (t < 1 / 6)
+                    return p + (q - p) * 6 * t;
+                if (t < 1 / 2)
+                    return q;
+                if (t < 2 / 3)
+                    return p + (q - p) * (2 / 3 - t) * 6;
+                return p;
+            };
+            const q = lNorm < 0.5 ? lNorm * (1 + sNorm) : lNorm + sNorm - lNorm * sNorm;
+            const p = 2 * lNorm - q;
+            red = hueToRgb(p, q, hNorm + 1 / 3);
+            green = hueToRgb(p, q, hNorm);
+            blue = hueToRgb(p, q, hNorm - 1 / 3);
+        }
+        const toHex = (c) => Math.round(c * 255)
+            .toString(16)
+            .padStart(2, "0");
+        return `#${toHex(red)}${toHex(green)}${toHex(blue)}`;
     }
-    result = "#".concat(Math.round(red * 255).toString(16).padStart(2, '0')).concat(Math.round(green * 255).toString(16).padStart(2, '0')).concat(Math.round(blue * 255).toString(16).padStart(2, '0'));
-  }
-  return result;
+    return false;
 }
+/**
+ * 16進数カラーコードをHSLオブジェクトに変換
+ */
 function rgb16ToHsl(strRgb16) {
-  var rgb = createRGB(strRgb16);
-  var red = rgb[0];
-  var green = rgb[1];
-  var blue = rgb[2];
-  var result = false;
-  if ((red || red === 0) && String(red).match(/^[0-9a-f]{2}$/i) && (green || green === 0) && String(green).match(/^[0-9a-f]{2}$/i) && (blue || blue === 0) && String(blue).match(/^[0-9a-f]{2}$/i)) {
-    var hue = 0,
-      saturation = 0,
-      lightness = 0,
-      max = 0,
-      min = 0,
-      diff = 0;
-    red = parseInt(red, 16) / 255;
-    green = parseInt(green, 16) / 255;
-    blue = parseInt(blue, 16) / 255;
-    max = Math.max(red, green, blue);
-    min = Math.min(red, green, blue);
-    lightness = (max + min) / 2;
-    if (max !== min) {
-      diff = max - min;
-      if (lightness > 0.5) {
-        saturation = diff / (2 - max - min);
-      } else {
-        saturation = diff / (max + min);
-      }
-      if (max === red) {
-        hue = (green - blue) / diff;
-      } else if (max === green) {
-        hue = 2 + (blue - red) / diff;
-      } else {
-        hue = 4 + (red - green) / diff;
-      }
-      hue /= 6;
+    const rgb = createRGB(strRgb16); // 先ほど定義した [string, string, string] を返す関数
+    const [rHex, gHex, bHex] = rgb;
+    const hexPattern = /^[0-9a-f]{2}$/i;
+    if (hexPattern.test(rHex) && hexPattern.test(gHex) && hexPattern.test(bHex)) {
+        let h = 0, s = 0;
+        const r = parseInt(rHex, 16) / 255;
+        const g = parseInt(gHex, 16) / 255;
+        const b = parseInt(bHex, 16) / 255;
+        const max = Math.max(r, g, b);
+        const min = Math.min(r, g, b);
+        const l = (max + min) / 2;
+        if (max !== min) {
+            const d = max - min;
+            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+            if (max === r)
+                h = (g - b) / d + (g < b ? 6 : 0);
+            else if (max === g)
+                h = (b - r) / d + 2;
+            else
+                h = (r - g) / d + 4;
+            h /= 6;
+        }
+        return {
+            hue: Math.round(h * 360),
+            saturation: Math.round(s * 100),
+            lightness: Math.round(l * 100),
+        };
     }
-    result = {
-      hue: Math.round(hue * 360),
-      saturation: Math.round(saturation * 100),
-      lightness: Math.round(lightness * 100)
-    };
-  }
-  return result;
+    return false;
 }
+/**
+ * 16進数カラーコードをRGBオブジェクトに変換
+ */
 function HexToRGB(strRgb16) {
-  var rgb = createRGB(strRgb16);
-  var red = rgb[0];
-  var green = rgb[1];
-  var blue = rgb[2];
-  var result = false;
-  if ((red || red === 0) && String(red).match(/^[0-9a-f]{2}$/i) && (green || green === 0) && String(green).match(/^[0-9a-f]{2}$/i) && (blue || blue === 0) && String(blue).match(/^[0-9a-f]{2}$/i)) {
-    red = parseInt(red, 16);
-    green = parseInt(green, 16);
-    blue = parseInt(blue, 16);
-    result = {
-      red: Math.round(red),
-      green: Math.round(green),
-      blue: Math.round(blue)
-    };
-  }
-  return result;
+    const [rHex, gHex, bHex] = createRGB(strRgb16);
+    const hexPattern = /^[0-9a-f]{2}$/i;
+    if (hexPattern.test(rHex) && hexPattern.test(gHex) && hexPattern.test(bHex)) {
+        return {
+            red: parseInt(rHex, 16),
+            green: parseInt(gHex, 16),
+            blue: parseInt(bHex, 16),
+        };
+    }
+    return false;
 }
 
 export { HexToRGB, hslToRgb16, rgb16ToHsl };