m2m-components 5.1.4-alpha-1725516903312-31ea122.0 → 5.1.4-alpha-0-9ac30bf.0

package/chunk-BUSDHSUG.mjs

@@ -0,0 +1,61 @@
+'use client'
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+
+export {
+  __require,
+  __esm,
+  __commonJS,
+  __export,
+  __toESM,
+  __toCommonJS,
+  __decorateClass
+};
+//# sourceMappingURL=chunk-BUSDHSUG.mjs.map

package/chunk-BUSDHSUG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/{chunk-RDG67OF7.mjs → chunk-DJMCUABY.mjs}

@@ -1,13 +1,13 @@
 'use client'
-import {
-  getRandomId
-} from "./chunk-IH72EYIB.mjs";
 import {
   MultipleTextQuestion
 } from "./chunk-SXIYWN76.mjs";
 import {
   SelectQuestion
 } from "./chunk-CTGSJWXT.mjs";
+import {
+  getRandomId
+} from "./chunk-IH72EYIB.mjs";
 
 // src/feedback/index.tsx
 import {
@@ -228,4 +228,4 @@ var FeedbackProvider = ({
 export {
   FeedbackProvider
 };
-//# sourceMappingURL=chunk-RDG67OF7.mjs.map
+//# sourceMappingURL=chunk-DJMCUABY.mjs.map

package/chunk-F4UMH2JS.mjs

@@ -0,0 +1,74 @@
+'use client'
+import {
+  m2mAuthTokenApi
+} from "./chunk-4WYT3ILE.mjs";
+import {
+  getDomains
+} from "./chunk-B7STDXYN.mjs";
+import {
+  MenuBaseElement
+} from "./chunk-MHR3UXOP.mjs";
+import {
+  __decorateClass
+} from "./chunk-BUSDHSUG.mjs";
+
+// src/m2m-user-menu.ts
+import { customElement } from "lit/decorators.js";
+import { html } from "lit";
+import { ref } from "lit/directives/ref.js";
+var M2MUserMenu = class extends MenuBaseElement {
+  constructor() {
+    super(...arguments);
+    this.handleLogout = () => {
+      void m2mAuthTokenApi.clear();
+      window.location.reload();
+    };
+  }
+  render() {
+    var _a;
+    const domains = getDomains();
+    const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
+      return html`
+        <li>
+          <a href="${item.href}">${item.label}</a>
+        </li>
+      `;
+    });
+    return html`<nav>
+      <button
+        type="button"
+        class="navigation-drawer-controll-button navigation-drawer-controll-button--icon"
+        aria-controls="m2m-user-menu__navigation-drawer"
+        aria-expanded=${this.expanded}
+        @click=${this.handleToggleDrawer}
+      >
+        <svg viewBox="0 0 24 24" width="38px" height="38px" fill="#000000">
+          <path d="M0 0h24v24H0z" fill="none" />
+          <path
+            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"
+          />
+        </svg>
+      </button>
+      <ul
+        ${ref(this.listRef)}
+        id="m2m-user-menu__navigation-drawer"
+        aria-hidden=${!this.expanded}
+        class="navigation-drawer"
+      >
+        <li><a href="${domains.users}">アカウント情報</a></li>
+        <li @click=${this.handleLogout}>
+          <button type="button">ログアウト</button>
+        </li>
+        ${additionalItems}
+      </ul>
+    </nav>`;
+  }
+};
+M2MUserMenu = __decorateClass([
+  customElement("m2m-user-menu")
+], M2MUserMenu);
+
+export {
+  M2MUserMenu
+};
+//# sourceMappingURL=chunk-F4UMH2JS.mjs.map

package/chunk-F4UMH2JS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/m2m-user-menu.ts"],"sourcesContent":["import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { getDomains } from \"./domains\";\nimport { html } from \"lit\";\nimport { m2mAuthTokenApi } from \"./storage/client\";\nimport { ref } from \"lit/directives/ref.js\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n  handleLogout = () => {\n    void m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\n    const domains = getDomains();\n    const additionalItems = this.additinalItems?.map((item) => {\n      return html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `;\n    });\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"38px\" height=\"38px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.users}\">アカウント情報</a></li>\n        <li @click=${this.handleLogout}>\n          <button type=\"button\">ログアウト</button>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-user-menu\": M2MUserMenu;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AACA,SAAS,qBAAqB;AAE9B,SAAS,YAAY;AAErB,SAAS,WAAW;AAKb,IAAM,cAAN,cAA0B,gBAAgB;AAAA,EAA1C;AAAA;AACL,wBAAe,MAAM;AACnB,WAAK,gBAAgB,MAAM;AAC3B,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA;AAAA,EAEA,SAAS;AAhBX;AAiBI,UAAM,UAAU,WAAW;AAC3B,UAAM,mBAAkB,UAAK,mBAAL,mBAAqB,IAAI,CAAC,SAAS;AACzD,aAAO;AAAA;AAAA,qBAEQ,KAAK,IAAI,KAAK,KAAK,KAAK;AAAA;AAAA;AAAA,IAGzC;AACA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKa,KAAK,QAAQ;AAAA,iBACpB,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAU9B,IAAI,KAAK,OAAO,CAAC;AAAA;AAAA,sBAEL,CAAC,KAAK,QAAQ;AAAA;AAAA;AAAA,uBAGb,QAAQ,KAAK;AAAA,qBACf,KAAK,YAAY;AAAA;AAAA;AAAA,UAG5B,eAAe;AAAA;AAAA;AAAA,EAGvB;AACF;AA5Ca,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;","names":[]}

package/chunk-FDRD4YS4.mjs

@@ -0,0 +1,34 @@
+'use client'
+
+// src/feedback/SelectQuestion.tsx
+import { Checkbox } from "matsuri-ui";
+import { jsx } from "react/jsx-runtime";
+var SelectQuestion = (props) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 16
+      },
+      children: props.options.map((option) => {
+        return /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            defaultChecked: true,
+            type: "radio",
+            name: props.name,
+            value: option.value,
+            children: option.label
+          },
+          option.value
+        );
+      })
+    }
+  );
+};
+
+export {
+  SelectQuestion
+};
+//# sourceMappingURL=chunk-FDRD4YS4.mjs.map

package/chunk-FDRD4YS4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/feedback/SelectQuestion.tsx"],"sourcesContent":["import { Checkbox } from \"matsuri-ui\";\nimport { MatsuriFormsSelectQuestionProps } from \"matsuri-forms-sdk\";\n\nexport const SelectQuestion = (props: MatsuriFormsSelectQuestionProps) => {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        gap: 16,\n      }}\n    >\n      {props.options.map((option) => {\n        return (\n          <Checkbox\n            defaultChecked\n            type=\"radio\"\n            name={props.name}\n            value={option.value}\n            key={option.value}\n          >\n            {option.label}\n          </Checkbox>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,SAAS,gBAAgB;AAaf;AAVH,IAAM,iBAAiB,CAAC,UAA2C;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,KAAK;AAAA,MACP;AAAA,MAEC,gBAAM,QAAQ,IAAI,CAAC,WAAW;AAC7B,eACE;AAAA,UAAC;AAAA;AAAA,YACC,gBAAc;AAAA,YACd,MAAK;AAAA,YACL,MAAM,MAAM;AAAA,YACZ,OAAO,OAAO;AAAA,YAGb,iBAAO;AAAA;AAAA,UAFH,OAAO;AAAA,QAGd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/{chunk-CR2KP7D3.mjs → chunk-FK5456TR.mjs}

@@ -1,7 +1,7 @@
 'use client'
 import {
   m2mStorageClient
-} from "./chunk-B6FEFIYC.mjs";
+} from "./chunk-5DZIFMOT.mjs";
 
 // src/initM2mComponents.ts
 var initM2mComponents = (args) => {
@@ -16,4 +16,4 @@ var initM2mComponents = (args) => {
 export {
   initM2mComponents
 };
-//# sourceMappingURL=chunk-CR2KP7D3.mjs.map
+//# sourceMappingURL=chunk-FK5456TR.mjs.map

package/{chunk-YZIPEODC.mjs → chunk-H6D6RG6X.mjs}

@@ -14,4 +14,4 @@ var m2mStorageHub = {
 export {
   m2mStorageHub
 };
-//# sourceMappingURL=chunk-YZIPEODC.mjs.map
+//# sourceMappingURL=chunk-H6D6RG6X.mjs.map

package/chunk-H6D6RG6X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storage/hub.ts"],"sourcesContent":["import { init } from \"./lib/hub\";\r\nimport type { Permission } from \"./lib/hub\";\r\n\r\nexport interface M2mStoragePermission extends Permission {}\r\n\r\n/**\r\n * Init the hub.\r\n */\r\nconst initM2mStorageHub = (permissions: M2mStoragePermission[]) => {\r\n  init(permissions);\r\n};\r\n\r\nexport const m2mStorageHub = {\r\n  init: initM2mStorageHub,\r\n};\r\n"],"mappings":";;;;;;AAQA,IAAM,oBAAoB,CAAC,gBAAwC;AACjE,OAAK,WAAW;AAClB;AAEO,IAAM,gBAAgB;AAAA,EAC3B,MAAM;AACR;","names":[]}

package/chunk-IYTHV2XJ.mjs

@@ -0,0 +1,22 @@
+'use client'
+
+// src/feedback/MultipleTextQuestion.tsx
+import { MultipleTextField } from "matsuri-ui";
+import { jsx } from "react/jsx-runtime";
+var MultipleTextQuestion = (props) => {
+  return /* @__PURE__ */ jsx(
+    MultipleTextField,
+    {
+      label: "\u554F\u984C\u3084\u63D0\u6848\u306B\u3064\u3044\u3066\u8AAC\u660E\u3057\u3066\u304F\u3060\u3055\u3044",
+      required: props.required,
+      name: props.name,
+      rows: 6,
+      helperText: "\u73FE\u5728\u958B\u3044\u3066\u3044\u308B\u30DA\u30FC\u30B8\u306EURL\u306F\u81EA\u52D5\u7684\u306B\u9001\u4FE1\u3055\u308C\u308B\u305F\u3081\u8A18\u8F09\u4E0D\u8981\u3067\u3059"
+    }
+  );
+};
+
+export {
+  MultipleTextQuestion
+};
+//# sourceMappingURL=chunk-IYTHV2XJ.mjs.map

package/chunk-IYTHV2XJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/feedback/MultipleTextQuestion.tsx"],"sourcesContent":["import { MatsuriFormsMultilineTextQuestionProps } from \"matsuri-forms-sdk\";\nimport { MultipleTextField } from \"matsuri-ui\";\n\nexport const MultipleTextQuestion = (\n  props: MatsuriFormsMultilineTextQuestionProps,\n) => {\n  return (\n    <MultipleTextField\n      label=\"問題や提案について説明してください\"\n      required={props.required}\n      name={props.name}\n      rows={6}\n      helperText=\"現在開いているページのURLは自動的に送信されるため記載不要です\"\n    />\n  );\n};\n"],"mappings":";;;AACA,SAAS,yBAAyB;AAM9B;AAJG,IAAM,uBAAuB,CAClC,UACG;AACH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,MAAM,MAAM;AAAA,MACZ,MAAM;AAAA,MACN,YAAW;AAAA;AAAA,EACb;AAEJ;","names":[]}