zignal-stencil-library 1.0.0

package/dist/cjs/index.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./index-C4CtrJXU.js');
+
+//# sourceMappingURL=index.cjs.js.map
+
+//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('./index-tRPYdc8n.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["autocomplete-select_18.cjs",[[260,"chat-app",{"languagePref":[1,"language-pref"],"themeMode":[1,"theme-mode"],"businessId":[1,"business-id"],"shopId":[1,"shop-id"],"accessToken":[1,"access-token"],"isProduction":[4,"is-production"],"configState":[32]},null,{"language":["handleLanguageChange"],"theme":["handleThemeChange"],"businessId":["handleBusinessIdChangeChange"],"shopId":["handleShopIdChangeChange"],"accessToken":["handleAccessTokenChangeChange"],"is_production":["handleIsProductionChangeChange"]}],[260,"message-box",{"prevKey":[32],"nextKey":[32],"isLoading":[32],"hasMore":[32],"pageLimit":[32]}],[260,"profile-tabs",{"active":[32]}],[260,"channel-box",{"nextKey":[32],"hasMore":[32],"pageLimit":[32]}],[260,"search-box",{"showDialog":[32]}],[260,"message-item",{"item":[16],"replyMessage":[32]}],[260,"profile-info",{"isLoading":[32],"isEditStatus":[32],"statusId":[32],"isEditTag":[32],"isAddTag":[32],"tagItems":[32],"showDialog":[32]}],[260,"chat-header"],[260,"chat-input",{"value":[32]},[[16,"focusRequested","onFocusRequested"]]],[260,"dialog-search",{"dialogType":[1,"dialog-type"],"data":[32]}],[260,"profile-history"],[260,"profile-media"],[260,"tag-popper",{"tags":[16],"referenceSelector":[1,"reference-selector"],"isOpen":[32]}],[260,"message-content",{"item":[16],"isReply":[4,"is-reply"],"showDialog":[32]}],[260,"autocomplete-select",{"type":[1],"value":[1],"fetchItems":[16,"fetch-items"],"createItem":[16,"create-item"],"selectedIds":[16,"selected-ids"],"allItems":[32],"inputValue":[32],"showDropdown":[32],"loading":[32]}],[260,"dialog-editor",{"dialogType":[1,"dialog-type"],"label":[1],"field":[1],"value":[1],"data":[32],"error":[32]}],[260,"menu-list",{"menuItems":[16,"menu-items"],"position":[1],"referenceSelector":[1,"reference-selector"],"isOpen":[32]}],[260,"dialog-preview-media",{"dialogType":[1,"dialog-type"],"url":[1]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;
+//# sourceMappingURL=loader.cjs.js.map
+
+//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/loader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}

package/dist/cjs/zignal-stencil-library.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-tRPYdc8n.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.36.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('zignal-stencil-library.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["autocomplete-select_18.cjs",[[260,"chat-app",{"languagePref":[1,"language-pref"],"themeMode":[1,"theme-mode"],"businessId":[1,"business-id"],"shopId":[1,"shop-id"],"accessToken":[1,"access-token"],"isProduction":[4,"is-production"],"configState":[32]},null,{"language":["handleLanguageChange"],"theme":["handleThemeChange"],"businessId":["handleBusinessIdChangeChange"],"shopId":["handleShopIdChangeChange"],"accessToken":["handleAccessTokenChangeChange"],"is_production":["handleIsProductionChangeChange"]}],[260,"message-box",{"prevKey":[32],"nextKey":[32],"isLoading":[32],"hasMore":[32],"pageLimit":[32]}],[260,"profile-tabs",{"active":[32]}],[260,"channel-box",{"nextKey":[32],"hasMore":[32],"pageLimit":[32]}],[260,"search-box",{"showDialog":[32]}],[260,"message-item",{"item":[16],"replyMessage":[32]}],[260,"profile-info",{"isLoading":[32],"isEditStatus":[32],"statusId":[32],"isEditTag":[32],"isAddTag":[32],"tagItems":[32],"showDialog":[32]}],[260,"chat-header"],[260,"chat-input",{"value":[32]},[[16,"focusRequested","onFocusRequested"]]],[260,"dialog-search",{"dialogType":[1,"dialog-type"],"data":[32]}],[260,"profile-history"],[260,"profile-media"],[260,"tag-popper",{"tags":[16],"referenceSelector":[1,"reference-selector"],"isOpen":[32]}],[260,"message-content",{"item":[16],"isReply":[4,"is-reply"],"showDialog":[32]}],[260,"autocomplete-select",{"type":[1],"value":[1],"fetchItems":[16,"fetch-items"],"createItem":[16,"create-item"],"selectedIds":[16,"selected-ids"],"allItems":[32],"inputValue":[32],"showDropdown":[32],"loading":[32]}],[260,"dialog-editor",{"dialogType":[1,"dialog-type"],"label":[1],"field":[1],"value":[1],"data":[32],"error":[32]}],[260,"menu-list",{"menuItems":[16,"menu-items"],"position":[1],"referenceSelector":[1,"reference-selector"],"isOpen":[32]}],[260,"dialog-preview-media",{"dialogType":[1,"dialog-type"],"url":[1]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+//# sourceMappingURL=zignal-stencil-library.cjs.js.map
+
+//# sourceMappingURL=zignal-stencil-library.cjs.js.map

package/dist/cjs/zignal-stencil-library.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zignal-stencil-library.cjs.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.36.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,+QAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/collection/api/index.js

@@ -0,0 +1,132 @@
+import { configStore } from "../store/store";
+import { apiService } from "../utils/axios";
+import { baseURL } from "../utils/constant";
+export const getChats = async (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { data, status } = await apiService().get(`api/${businessId}/${shopId}/chat`, { params });
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to getChats');
+};
+export const getChat = async (params) => {
+    const { sessionId } = params;
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { data, status } = await apiService().get(`api/${businessId}/${shopId}/chat/${sessionId}`);
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to getChat');
+};
+export const getChatMessages = async (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { sessionId, ...rest } = params;
+    const { data, status } = await apiService().get(`api/${businessId}/${shopId}/chat/${sessionId}/message`, { params: rest });
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to getChatMessages');
+};
+export const sendMessage = async (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { sessionId, messages } = params;
+    const { data, status } = await apiService().post(`api/${businessId}/${shopId}/chat/${sessionId}/send-message`, {
+        messages: messages?.map(({ text, type, replyMessageId }) => ({
+            text,
+            type,
+            reply_message_id: replyMessageId
+        }))
+    });
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to sendMessage');
+};
+export const readMessage = async (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { sessionId, ...rest } = params;
+    const { data, status } = await apiService().post(`api/${businessId}/${shopId}/chat/${sessionId}/read`, rest);
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to readMessage');
+};
+export const getMessageImage = (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { channel, sessionId, messageId } = params;
+    return `${baseURL}/api/${businessId}/${shopId}/${channel}/${sessionId}/${messageId}/content`;
+};
+export const getUser = async (params) => {
+    const { channel, userId } = params;
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { data, status } = await apiService().get(`api/${businessId}/${shopId}/user/${channel}/${userId}`);
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to getUser');
+};
+export const updateUser = async (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { channel, userId } = params;
+    const { data, status } = await apiService().patch(`api/${businessId}/${shopId}/user/${channel}/${userId}`, {
+        nickname: params.nickname,
+        email: params.email,
+        phone_number: params.phoneNumber,
+        address: params.address,
+        gender: params.gender,
+        locale: params.locale,
+        note: params.note,
+        status_id: params.statusId,
+        add_tag_ids: params.addTagIds,
+        remove_tag_ids: params.removeTagIds
+    });
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to updateUser');
+};
+export const getUserStatuses = async () => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { data, status } = await apiService().get(`api/${businessId}/${shopId}/user/status`);
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to getUserStatuses');
+};
+export const createUserStatus = async (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { data, status } = await apiService().post(`api/${businessId}/${shopId}/user/status`, params);
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to createUserStatus');
+};
+export const getUserTags = async () => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { data, status } = await apiService().get(`api/${businessId}/${shopId}/user/tag`);
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to getUserTags');
+};
+export const createUserTag = async (params) => {
+    const businessId = configStore.get('businessId');
+    const shopId = configStore.get('shopId');
+    const { data, status } = await apiService().post(`api/${businessId}/${shopId}/user/tag`, params);
+    if (status === 200) {
+        return data;
+    }
+    throw new Error('Failed to createUserTag');
+};
+//# sourceMappingURL=index.js.map

package/dist/collection/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { configStore } from \"../store/store\";\nimport { apiService } from \"../utils/axios\"\nimport { baseURL } from \"../utils/constant\";\n\nexport const getChats = async (params: GetChatsParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { data, status } = await apiService().get<GetChatsResponse>(`api/${businessId}/${shopId}/chat`, { params });\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to getChats');\n}\n\nexport const getChat = async (params: GetChatParams) => {\n  const { sessionId } = params;\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { data, status } = await apiService().get<GetChatResponse>(`api/${businessId}/${shopId}/chat/${sessionId}`);\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to getChat');\n}\n\nexport const getChatMessages = async (params: GetChatMessagesParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { sessionId, ...rest } = params;\n  const { data, status } = await apiService().get<GetChatMessagesResponse>(`api/${businessId}/${shopId}/chat/${sessionId}/message`, { params: rest });\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to getChatMessages');\n}\n\nexport const sendMessage = async (params: SendMessageParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { sessionId, messages } = params;\n  const { data, status } = await apiService().post<SendMessageResponse>(`api/${businessId}/${shopId}/chat/${sessionId}/send-message`, {\n    messages: messages?.map(({ text, type, replyMessageId }) => ({\n      text,\n      type,\n      reply_message_id: replyMessageId\n    }))\n  });\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to sendMessage');\n}\n\nexport const readMessage = async (params: ReadMessageParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { sessionId, ...rest } = params;\n  const { data, status } = await apiService().post<ReadMessageResponse>(`api/${businessId}/${shopId}/chat/${sessionId}/read`, rest);\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to readMessage');\n}\n\nexport const getMessageImage = (params: GetImageParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { channel, sessionId, messageId } = params\n  return `${baseURL}/api/${businessId}/${shopId}/${channel}/${sessionId}/${messageId}/content`\n}\n\nexport const getUser = async (params: GetUserParams) => {\n  const { channel, userId } = params;\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { data, status } = await apiService().get<GetUserResponse>(`api/${businessId}/${shopId}/user/${channel}/${userId}`);\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to getUser');\n}\n\nexport const updateUser = async (params: UpdateUserParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { channel, userId } = params;\n  const { data, status } = await apiService().patch<UpdateUserResponse>(`api/${businessId}/${shopId}/user/${channel}/${userId}`, {\n    nickname: params.nickname,\n    email: params.email,\n    phone_number: params.phoneNumber,\n    address: params.address,\n    gender: params.gender,\n    locale: params.locale,\n    note: params.note,\n    status_id: params.statusId,\n    add_tag_ids: params.addTagIds,\n    remove_tag_ids: params.removeTagIds\n  });\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to updateUser');\n}\n\nexport const getUserStatuses = async () => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { data, status } = await apiService().get<GetUserStatusesResponse>(`api/${businessId}/${shopId}/user/status`);\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to getUserStatuses');\n}\n\nexport const createUserStatus = async (params: CreateUserStatusParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { data, status } = await apiService().post<CreateUserStatusResponse>(`api/${businessId}/${shopId}/user/status`, params);\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to createUserStatus');\n}\n\nexport const getUserTags = async () => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { data, status } = await apiService().get<GetUserTagsResponse>(`api/${businessId}/${shopId}/user/tag`);\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to getUserTags');\n}\n\nexport const createUserTag = async (params: CreateUserTagParams) => {\n  const businessId = configStore.get('businessId');\n  const shopId = configStore.get('shopId');\n  const { data, status } = await apiService().post<CreateUserTagResponse>(`api/${businessId}/${shopId}/user/tag`, params);\n\n  if (status === 200) {\n    return data;\n  }\n\n  throw new Error('Failed to createUserTag');\n}\n"]}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,29 @@
+{
+  "entries": [
+    "components/autocomplete-select/autocomplete-select.js",
+    "components/channel-box/channel-box.js",
+    "components/chat-app/chat-app.js",
+    "components/chat-header/chat-header.js",
+    "components/chat-input/chat-input.js",
+    "components/dialog-editor/dialog-editor.js",
+    "components/dialog-preview-media/dialog-preview-media.js",
+    "components/dialog-search/dialog-search.js",
+    "components/menu-list/menu-list.js",
+    "components/message-box/message-box.js",
+    "components/message-content/message-content.js",
+    "components/message-item/message-item.js",
+    "components/profile-history/profile-history.js",
+    "components/profile-info/profile-info.js",
+    "components/profile-media/profile-media.js",
+    "components/profile-tabs/profile-tabs.js",
+    "components/search-box/search-box.js",
+    "components/tag-popper/tag-popper.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.36.2",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/autocomplete-select/autocomplete-select.css

@@ -0,0 +1 @@
+@layer base{*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-drop-shadow-alpha:100%;border:0 solid;box-sizing:border-box;margin:0;padding:0}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-pink-100:oklch(94.8% .028 342.258);--container-lg:32rem;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-bold:700;--radius-lg:.5rem;--color-yellow-300:oklch(90.5% .182 98.111);--container-xl:36rem;--radius-xl:.75rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-base:1rem;--text-base--line-height:1.5;--font-weight-medium:500;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:1.42857;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--default-font-family:"Kanit",var(--default-font);--default-mono-font-family:var(--font-mono);--default-font:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-primary:#e02848;--color-secondary:#023761;--color-background:#fff;--color-primary-dark:#b50f30;--color-secondary-dark:#fff;--color-background-dark:#23292d}}@layer base{::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-meridiem-field{padding-block:0;padding-bottom:0;padding-top:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-color:oklch(55.1% .027 264.364);border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);border-color:oklch(54.6% .245 262.881);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{appearance:none;color:oklch(54.6% .245 262.881);print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-color:oklch(55.1% .027 264.364);border-width:1px;display:inline-block;flex-shrink:0;height:1rem;padding:0;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.inline-block{display:inline-block}.size-3{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.max-h-60{max-height:calc(var(--spacing)*60)}.w-full{width:100%}.cursor-pointer{cursor:pointer}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e+38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary{--tw-ring-color:var(--color-primary)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}.scroll-container::-webkit-scrollbar{background:0 0;height:8px;width:8px}.scroll-container:active::-webkit-scrollbar,.scroll-container:hover::-webkit-scrollbar{background:#0000001a}.scroll-container:active::-webkit-scrollbar-thumb,.scroll-container:hover::-webkit-scrollbar-thumb{background:#0006;border-radius:4px}.z-text-light{color:var(--color-black)}.z-text-dark{color:var(--color-white)}.z-text-primary-light{color:var(--color-primary)}.z-text-primary-dark{color:var(--color-primary-dark)}.z-text-gray-light{color:var(--color-gray-500)}.z-text-gray-dark{color:var(--color-gray-300)}.z-border-light{border-color:var(--color-black)}.z-border-dark{border-color:var(--color-white)}.z-border-primary-light{border-color:var(--color-primary)}.z-border-primary-dark{border-color:var(--color-primary-dark)}.z-border-divider-light{border-color:var(--color-gray-400)}.z-border-divider-dark{border-color:var(--color-gray-300)}.z-search-input-background-light{background-color:var(--color-gray-200)}.z-search-input-background-dark{background-color:var(--color-gray-500)}.z-chat-input-background-light{background-color:var(--color-white)}.z-chat-input-background-dark{background-color:var(--color-gray-700)}.z-placeholder-light::placeholder{color:var(--color-gray-500)}.z-placeholder-dark::placeholder{color:var(--color-gray-200)}.z-background-light{background-color:var(--color-background)}.z-background-dark{background-color:var(--color-background-dark)}.z-paper-light{background-color:var(--color-gray-100)}.z-paper-dark{background-color:var(--color-gray-700)}.z-width-100{width:100%}.z-width-75{width:75%}.z-width-50{width:50%}.z-width-25{width:25%}.z-width-0{width:0}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{.top-1{top:calc(var(--spacing)*1)}.right-1{right:calc(var(--spacing)*1)}.z-\[99\]{z-index:99}.flex{display:flex}.min-w-\[280px\]{min-width:280px}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.text-\[10px\]{font-size:10px}.text-\[gray\]{color:gray}.opacity-10{opacity:.1}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.my-auto{margin-block:auto}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.h-4{height:calc(var(--spacing)*4)}.h-\[60px\]{height:60px}.w-4{width:calc(var(--spacing)*4)}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing)*1)}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1*var(--tw-space-x-reverse))}.object-cover{object-fit:cover}.px-2{padding-inline:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-blue-500{color:var(--color-blue-500)}.text-green-500{color:var(--color-green-500)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-auto{margin-bottom:auto}.ml-2{margin-left:calc(var(--spacing)*2)}.border-none{--tw-border-style:none;border-style:none}.bg-pink-100{background-color:var(--color-pink-100)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-black{color:var(--color-black)}.text-gray-500{color:var(--color-gray-500)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.max-h-\[80vh\]{max-height:80vh}.w-xl{width:var(--container-xl)}.gap-2{gap:calc(var(--spacing)*2)}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.rounded-lg{border-radius:var(--radius-lg)}.p-6{padding:calc(var(--spacing)*6)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.top-0\.5{top:calc(var(--spacing)*.5)}.right-0\.5{right:calc(var(--spacing)*.5)}.m-auto{margin:auto}.w-lg{width:var(--container-lg)}.justify-center{justify-content:center}.object-contain{object-fit:contain}.pt-8{padding-top:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.mb-10{margin-bottom:calc(var(--spacing)*10)}.grid{display:grid}.h-18{height:calc(var(--spacing)*18)}.w-18{width:calc(var(--spacing)*18)}.place-content-center{place-content:center}.p-4{padding:calc(var(--spacing)*4)}.text-center{text-align:center}.text-gray-400{color:var(--color-gray-400)}.text-primary{color:var(--color-primary)}.right-0{right:calc(var(--spacing)*0)}.bottom-\[40px\]{bottom:40px}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.mt-2{margin-top:calc(var(--spacing)*2)}.w-32{width:calc(var(--spacing)*32)}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing)*0)}.size-42{height:calc(var(--spacing)*42);width:calc(var(--spacing)*42)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-br-\[0\]{border-bottom-right-radius:0}.rounded-bl-\[0\]{border-bottom-left-radius:0}.bg-black\/40{background-color:#0006}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-primary{background-color:var(--color-primary)}.p-2{padding:calc(var(--spacing)*2)}.pt-2{padding-top:calc(var(--spacing)*2)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.text-white{color:var(--color-white)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.right-full{right:100%}.-bottom-2{bottom:calc(var(--spacing)*-2)}.left-full{left:100%}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mb-\[-0\.75rem\]{margin-bottom:-.75rem}.h-6{height:calc(var(--spacing)*6)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.bg-yellow-300{background-color:var(--color-yellow-300)}.text-left{text-align:left}.text-right{text-align:right}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.mr-1{margin-right:calc(var(--spacing)*1)}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.size-16{height:calc(var(--spacing)*16);width:calc(var(--spacing)*16)}.min-h-20{min-height:calc(var(--spacing)*20)}.grid-flow-row-dense{grid-auto-flow:dense}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-baseline-last{align-items:last baseline}.gap-y-1{row-gap:calc(var(--spacing)*1)}.border-b-\[0\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px}.pt-0{padding-top:calc(var(--spacing)*0)}.whitespace-pre-line{white-space:pre-line}.capitalize{text-transform:capitalize}.top-1\/2{top:50%}.right-1\.25{right:calc(var(--spacing)*1.25)}.max-w-xl{max-width:var(--container-xl)}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mt-auto{margin-top:auto}.hidden{display:none}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{} /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities;/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*8*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*8*var(--tw-space-x-reverse))}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-transparent{border-color:#0000}.py-4{padding-block:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.w-52{width:calc(var(--spacing)*52)}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@media (forced-colors:active){[type=checkbox]:checked,[type=radio]:checked{appearance:auto}[type=checkbox]:indeterminate{appearance:auto}}@media (hover:hover){.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:opacity-100:hover{opacity:1}}@media screen and (min-width:0){.z-max-height{height:calc(100vh - 56px)}}@media screen and (min-width:600px){.z-max-height{height:calc(100vh - 64px)}}

package/dist/collection/components/autocomplete-select/autocomplete-select.js

@@ -0,0 +1,230 @@
+import { Host, h } from "@stencil/core";
+import { configStore } from "../../store/store";
+export class AutocompleteSelect {
+    type = 'status';
+    value;
+    fetchItems;
+    createItem;
+    selectedIds;
+    selecting;
+    create;
+    allItems = [];
+    inputValue = '';
+    showDropdown = false;
+    loading = true;
+    async componentWillLoad() {
+        this.inputValue = this.value;
+        this.allItems = await this.fetchItems();
+        this.loading = false;
+    }
+    onInput = (e) => {
+        const value = e.target.value;
+        this.inputValue = value;
+        this.showDropdown = true;
+    };
+    onSelectItem = (item) => {
+        if (this.type === 'status') {
+            this.inputValue = item.name;
+        }
+        else {
+            this.inputValue = '';
+        }
+        this.showDropdown = false;
+        this.selecting.emit(item);
+    };
+    async onCreateItem() {
+        const newItem = await this.createItem(this.inputValue);
+        this.allItems = [...this.allItems, newItem];
+        this.inputValue = newItem.name;
+        this.showDropdown = false;
+        this.create.emit(newItem);
+        this.onSelectItem(newItem);
+    }
+    render() {
+        const theme = configStore.get('theme');
+        const noMatch = this.inputValue &&
+            !this.allItems.some(i => i.name.toLowerCase() === this.inputValue.toLowerCase());
+        return (h(Host, { key: '0aa4dfa0dbff536c296e394cdb912fd58a53ecbd' }, h("slot", { key: '9e942cfd1ef02d1c13bd5ee78eaca2ef55f37d17' }, h("div", { key: '0c97d4a81883c7ff97237d6c546f7f15444259a8', class: "relative w-full" }, h("input", { key: '7a2f4eba980a24de91cf6cf3e840f8ed0451411a', class: `w-full border z-border-${theme} text-sm px-4 py-2 rounded-md ring-primary focus:outline-none focus:border-primary z-paper-${theme} z-text-${theme}`, value: this.inputValue, onInput: this.onInput, onFocus: () => (this.showDropdown = true), onKeyDown: e => e.key === 'Enter' && this.showDropdown && this.onCreateItem(), autoFocus: true }), this.showDropdown && (h("ul", { key: 'f3c26d59a68487338d2be67130fc000a046a6bfb', class: `absolute z-paper-${theme} z-text-${theme} rounded-sm text-sm border w-full mt-1 z-10 max-h-60 overflow-y-auto shadow-lg` }, noMatch && (h("li", { key: '388f84dfbc4abc5b064dad4e1d754f2741b4463f', class: "px-3 py-2 hover:brightness-110 cursor-pointer", onClick: () => this.onCreateItem() }, h("span", { key: 'e7e7257fe986444d6c082f280d0c14d89c9f5076', class: `font-semibold z-text-primary-${theme}` }, "\u0E43\u0E2B\u0E21\u0E48\u00A0:\u00A0"), "\u00A0", h("strong", { key: '41ffe0f81ad9a30b8ec45ad7e21d03cbfbb06709' }, this.inputValue), "\u00A0", h("span", { key: '4bce26f393e269087375e9e2393d61039c27b447', class: `font-semibold z-text-gray-${theme}` }, "Enter \u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E2A\u0E23\u0E49\u0E32\u0E07"))), this.allItems.map(item => {
+            const isSelected = this.type === 'tag' ? this.selectedIds?.includes(item.id) : item.name?.toLowerCase() === this.inputValue?.toLowerCase();
+            return (h("li", { class: `px-3 py-2 ${isSelected ? '' : 'hover:brightness-110'} cursor-pointer ${isSelected ? `z-background-${theme}` : ''}`, onClick: () => isSelected ? null : this.onSelectItem(item) }, h("span", { class: "inline-block size-3 mr-2 rounded-full", style: { backgroundColor: item.color } }), item.name, isSelected && h("span", { class: `font-semibold z-text-primary-${theme}` }, "\u00A0(\u0E21\u0E35\u0E41\u0E25\u0E49\u0E27)")));
+        })))))));
+    }
+    static get is() { return "autocomplete-select"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["autocomplete-select.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["autocomplete-select.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "'tag' | 'status'",
+                    "resolved": "\"status\" | \"tag\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'status'"
+            },
+            "value": {
+                "type": "string",
+                "attribute": "value",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "fetchItems": {
+                "type": "unknown",
+                "attribute": "fetch-items",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<TagOrStatusItem[]>",
+                    "resolved": "() => Promise<TagOrStatusItem[]>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "TagOrStatusItem": {
+                            "location": "global",
+                            "id": "global::TagOrStatusItem"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "createItem": {
+                "type": "unknown",
+                "attribute": "create-item",
+                "mutable": false,
+                "complexType": {
+                    "original": "(name: string) => Promise<TagOrStatusItem>",
+                    "resolved": "(name: string) => Promise<TagOrStatusItem>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "TagOrStatusItem": {
+                            "location": "global",
+                            "id": "global::TagOrStatusItem"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "selectedIds": {
+                "type": "unknown",
+                "attribute": "selected-ids",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "allItems": {},
+            "inputValue": {},
+            "showDropdown": {},
+            "loading": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "selecting",
+                "name": "selecting",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "TagOrStatusItem",
+                    "resolved": "{ id: string; sequence: number; name: string; color: string; }",
+                    "references": {
+                        "TagOrStatusItem": {
+                            "location": "global",
+                            "id": "global::TagOrStatusItem"
+                        }
+                    }
+                }
+            }, {
+                "method": "create",
+                "name": "create",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "TagOrStatusItem",
+                    "resolved": "{ id: string; sequence: number; name: string; color: string; }",
+                    "references": {
+                        "TagOrStatusItem": {
+                            "location": "global",
+                            "id": "global::TagOrStatusItem"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=autocomplete-select.js.map

package/dist/collection/components/autocomplete-select/autocomplete-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-select.js","sourceRoot":"","sources":["../../../src/components/autocomplete-select/autocomplete-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, h, Event, EventEmitter } from '@stencil/core';\nimport { configStore } from '../../store/store';\n\n@Component({\n  tag: 'autocomplete-select',\n  styleUrl: 'autocomplete-select.css',\n})\nexport class AutocompleteSelect {\n  @Prop() type?: 'tag' | 'status' = 'status'\n  @Prop() value?: string\n  @Prop() fetchItems!: () => Promise<TagOrStatusItem[]>\n  @Prop() createItem!: (name: string) => Promise<TagOrStatusItem>\n  @Prop() selectedIds?: string[]\n\n  @Event() selecting: EventEmitter<TagOrStatusItem>\n  @Event() create: EventEmitter<TagOrStatusItem>\n\n  @State() allItems: TagOrStatusItem[] = []\n  @State() inputValue = ''\n  @State() showDropdown = false\n  @State() loading = true\n\n  async componentWillLoad() {\n    this.inputValue = this.value\n    this.allItems = await this.fetchItems()\n    this.loading = false\n  }\n\n  onInput = (e: InputEvent) => {\n    const value = (e.target as HTMLInputElement).value\n    this.inputValue = value\n    this.showDropdown = true\n  }\n\n  onSelectItem = (item: TagOrStatusItem) => {\n    if (this.type === 'status') {\n      this.inputValue = item.name\n    } else {\n      this.inputValue = ''\n    }\n    this.showDropdown = false\n    this.selecting.emit(item)\n  }\n\n  async onCreateItem() {\n    const newItem = await this.createItem(this.inputValue)\n    this.allItems = [...this.allItems, newItem]\n    this.inputValue = newItem.name\n    this.showDropdown = false\n    this.create.emit(newItem)\n    this.onSelectItem(newItem)\n  }\n\n  render() {\n    const theme = configStore.get('theme');\n    const noMatch = this.inputValue &&\n      !this.allItems.some(i => i.name.toLowerCase() === this.inputValue.toLowerCase())\n\n    return (\n      <Host>\n        <slot>\n          <div class=\"relative w-full\">\n            <input\n              class={`w-full border z-border-${theme} text-sm px-4 py-2 rounded-md ring-primary focus:outline-none focus:border-primary z-paper-${theme} z-text-${theme}`}\n              value={this.inputValue}\n              onInput={this.onInput}\n              onFocus={() => (this.showDropdown = true)}\n              onKeyDown={e => e.key === 'Enter' && this.showDropdown && this.onCreateItem()}\n              autoFocus\n            />\n\n            {this.showDropdown && (\n              <ul class={`absolute z-paper-${theme} z-text-${theme} rounded-sm text-sm border w-full mt-1 z-10 max-h-60 overflow-y-auto shadow-lg`}>\n                {noMatch && (\n                  <li\n                    class=\"px-3 py-2 hover:brightness-110 cursor-pointer\"\n                    onClick={() => this.onCreateItem()}\n                  >\n                    <span class={`font-semibold z-text-primary-${theme}`}>ใหม่&nbsp;:&nbsp;</span>\n                    &nbsp;<strong>{this.inputValue}</strong>\n                    &nbsp;<span class={`font-semibold z-text-gray-${theme}`}>Enter เพื่อสร้าง</span>\n                  </li>\n                )}\n\n                {this.allItems.map(item => {\n                  const isSelected = this.type === 'tag' ? this.selectedIds?.includes(item.id) : item.name?.toLowerCase() === this.inputValue?.toLowerCase()\n                  return (\n                    <li\n                      class={`px-3 py-2 ${isSelected ? '' : 'hover:brightness-110'} cursor-pointer ${isSelected ? `z-background-${theme}` : ''}`}\n                      onClick={() => isSelected ? null : this.onSelectItem(item)}\n                    >\n                      <span class=\"inline-block size-3 mr-2 rounded-full\" style={{ backgroundColor: item.color }}></span>\n                      {item.name}\n                      {isSelected && <span class={`font-semibold z-text-primary-${theme}`}>&nbsp;(มีแล้ว)</span>}\n                    </li>\n                  )\n                })}\n              </ul>\n            )}\n          </div>\n        </slot>\n      </Host>\n    );\n  }\n}\n"]}