@kompasid/lit-web-components 0.8.29 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/index.html +3 -0
- package/dist/src/components/kompasid-header-account-help-center/KompasHeaderAccountHelpCenter.js +1 -1
- package/dist/src/components/kompasid-header-account-help-center/KompasHeaderAccountHelpCenter.js.map +1 -1
- package/dist/src/components/kompasid-menu-sidebar/KompasMenuSideBar.d.ts +64 -0
- package/dist/src/components/kompasid-menu-sidebar/KompasMenuSideBar.js +479 -0
- package/dist/src/components/kompasid-menu-sidebar/KompasMenuSideBar.js.map +1 -0
- package/dist/src/utils/decodeSpecialChars.d.ts +1 -0
- package/dist/src/utils/decodeSpecialChars.js +22 -0
- package/dist/src/utils/decodeSpecialChars.js.map +1 -0
- package/dist/src/utils/timedContent.d.ts +2 -0
- package/dist/src/utils/timedContent.js +19 -0
- package/dist/src/utils/timedContent.js.map +1 -0
- package/dist/tailwind/tailwind.js +117 -5
- package/dist/tailwind/tailwind.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/kompasid-header-account-help-center/KompasHeaderAccountHelpCenter.ts +1 -1
- package/src/components/kompasid-menu-sidebar/KompasMenuSideBar.ts +550 -0
- package/src/utils/decodeSpecialChars.ts +23 -0
- package/src/utils/timedContent.ts +32 -0
- package/tailwind/tailwind.css +117 -5
- package/tailwind/tailwind.ts +117 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KompasMenuSideBar.js","sourceRoot":"","sources":["../../../../src/components/kompasid-menu-sidebar/KompasMenuSideBar.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable lit-a11y/click-events-have-key-events */\nimport { html, css, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js'\nimport { TWStyles } from '../../../tailwind/tailwind.js'\nimport { getFontAwesomeIcon } from '../../utils/fontawesome-setup.js'\nimport { decodeSpecialChars } from '../../utils/decodeSpecialChars.js'\nimport { timedContent } from '../../utils/timedContent.js'\n\ninterface DataExternalLink {\n external?: boolean\n gtmClass?: string\n icon: object | null\n iconify: string | null\n isNew: boolean\n name: string\n url: string\n}\n\ninterface dataType {\n href: string\n external?: boolean\n icon: object | null\n iconify: string | null\n name: string\n slug: string\n redDot: [\n {\n start: string\n end: string\n }\n ]\n children: [\n {\n href: string\n external: boolean\n icon: string\n iconify: string | null\n name: string\n slug: string\n redDot: [\n {\n start: string\n end: string\n }\n ]\n }\n ]\n}\ninterface DataSideBarLink {\n feature: dataType[]\n category: dataType[]\n}\n\n@customElement('kompasid-menu-side-bar')\nexport class KompasMenuSideBar extends LitElement {\n static styles = [\n css`\n .slide-side-enter-active,\n .slide-side-leave-active {\n transition: all 0.3s ease-out;\n }\n .slide-side-enter,\n .slide-side-leave-to {\n transform: translateX(-100%);\n }\n /* end: transisi buat sidebar */\n .nuxt-link-exact-active {\n @apply text-brand-1;\n }\n .menu-menu-sidebar {\n z-index: 99999;\n }\n /* Force scrollbar to always show (for debugging) */\n .menu-menu-sidebar::-webkit-scrollbar {\n width: 4px;\n }\n\n .menu-menu-sidebar::-webkit-scrollbar-track {\n background: white;\n }\n\n .menu-menu-sidebar::-webkit-scrollbar-thumb {\n background-color: #00557d; /* Replace with your brand color */\n border-radius: 8px;\n }\n\n .menu-menu-sidebar::-webkit-scrollbar-button,\n .menu-menu-sidebar::-webkit-scrollbar-corner {\n background-color: white;\n }\n `,\n TWStyles,\n ]\n @property({ type: Array }) dataExternal: DataExternalLink[] = []\n // @property({ type: Array }) dataSidebar: DataSideBarLink[] = []\n\n async connectedCallback() {\n super.connectedCallback()\n try {\n await this.fetchExternal()\n } catch (error) {\n this.handleFetchError(error)\n }\n }\n handleFetchError(error: unknown) {\n const errorMessage =\n error instanceof Error ? error.message : 'Kesalahan tidak diketahui'\n alert(`Terjadi kesalahan: ${errorMessage}`)\n }\n\n dataSidebar: DataSideBarLink = {\n feature: [],\n category: [],\n }\n async fetchExternal() {\n // External\n const endpointExternal = `https://cdn-www.kompas.id/assets/json/ApiMenuExternalLink.json`\n const response = await fetch(endpointExternal, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n const resultExternal = await response.json()\n // eslint-disable-next-line no-undef\n if (!resultExternal || !Array.isArray(resultExternal)) {\n console.error(\n 'Error: resultExternal.result is undefined or not an array',\n resultExternal\n )\n this.dataExternal = [] // Ensure dataExternal is an empty array instead of undefined\n } else {\n this.dataExternal = resultExternal.map(\n (externalLink: Partial<DataExternalLink>) => ({\n external: externalLink.external ?? false,\n gtmClass: externalLink.gtmClass ?? '',\n icon: externalLink.icon ?? null,\n iconify: externalLink.iconify ?? null,\n isNew: externalLink.isNew ?? false,\n name: externalLink.name ?? '',\n url: externalLink.url ?? '',\n })\n )\n }\n // Sidebar\n const endpointSidebar = `https://cdn-www.kompas.id/assets/json/ApiMenuSideV2.json`\n const responseSidebar = await fetch(endpointSidebar, {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n const resultSidebar = await responseSidebar.json()\n // Validate the structure of the response\n if (!resultSidebar || typeof resultSidebar !== 'object') {\n console.error('Invalid response format:', resultSidebar)\n return\n }\n\n // Convert object to an array\n const sidebarArray = Object.values(resultSidebar)\n const [featureArray, categoryArray] = sidebarArray as [any[], any[]]\n const features: dataType[] =\n featureArray?.map((item: any) => ({\n href: item?.href ?? '',\n external: item?.external ?? false,\n icon: item?.icon ?? null,\n iconify: item?.iconify ?? null,\n name: item?.name ?? '',\n slug: item?.slug ?? '',\n redDot: [\n {\n start: item?.redDot?.start ?? '',\n end: item?.redDot?.end ?? '',\n },\n ],\n children: Array.isArray(item?.children)\n ? item.children.map((child: any) => ({\n href: child?.href ?? '',\n external: child?.external ?? false,\n icon: child?.icon ?? '',\n iconify: child?.iconify ?? '',\n name: child?.name ?? '',\n slug: child?.slug ?? '',\n redDot: [\n {\n start: child?.redDot?.start ?? '',\n end: child?.redDot?.end ?? '',\n },\n ],\n }))\n : [],\n })) ?? []\n\n // Map category data\n const categories: dataType[] =\n categoryArray?.map((item: any) => ({\n href: item?.href ?? '',\n external: item?.external ?? false,\n icon: item?.icon ?? null,\n iconify: item?.iconify ?? null,\n name: item?.name ?? '',\n slug: item?.slug ?? '',\n redDot: [\n {\n start: item?.redDot?.start ?? '',\n end: item?.redDot?.end ?? '',\n },\n ],\n children: Array.isArray(item?.children)\n ? item.children.map((child: any) => ({\n href: child?.href ?? '',\n external: child?.external ?? false,\n icon: child?.icon ?? '',\n iconify: child?.iconify ?? '',\n name: child?.name ?? '',\n slug: child?.slug ?? '',\n redDot: [\n {\n start: child?.redDot?.start ?? '',\n end: child?.redDot?.end ?? '',\n },\n ],\n }))\n : [],\n })) ?? []\n this.dataSidebar = { feature: features, category: categories }\n this.requestUpdate()\n }\n\n renderChips() {\n const chips = []\n chips.push(\n html`\n <div class=\"flex\">\n <div\n class=\"py-1 px-2 rounded text-xs\"\n style=\"position: absolute; top: -22px; right: -24px; display: inline-flex; background-color:#D71920;\"\n >\n <span class=\"font-normal text-white capitalize\">Baru</span>\n </div>\n </div>\n `\n )\n return chips\n }\n\n hasChildren(item: any): boolean {\n return Array.isArray(item?.children) && item.children.length > 0\n }\n\n rubricClicked(item: { name: string; href?: string }, event?: Event): void {\n if (event) {\n event.stopPropagation() // Prevent parent click event\n }\n if (item.href) {\n window.location.href = item.href\n }\n\n // add data layer here\n }\n\n @state()\n private expandedSlug: string | null = null\n private toggleChildren(item: any) {\n this.expandedSlug = this.expandedSlug === item.slug ? null : item.slug\n }\n\n @state()\n private showNavBar: boolean = false\n\n toggleNavSidebar = (e: Event) => {\n e.stopPropagation() // prevent bubbling\n this.showNavBar = !this.showNavBar\n }\n\n render() {\n return html`\n <!-- Button Menu -->\n <div\n class=\"w-fit flex items-center justify-center cursor-pointer relative\"\n @click=${this.toggleNavSidebar}\n >\n <div class=\"h-4 inline-flex text-brand-1\">\n ${unsafeSVG(getFontAwesomeIcon('fas', 'bars'))}\n </div>\n <span\n class=\"font-sans hidden sm:inline ml-2 tracking-wide text-brand-1 font-bold\"\n >Menu</span\n >\n </div>\n <!-- Side Menu -->\n <nav\n @click=${this.toggleNavSidebar}\n class=${this.showNavBar\n ? 'fixed left-0 top-0 w-screen z-[100]'\n : 'hidden'}\n >\n <div\n ref=\"toggle-nav-sidebar\"\n class=\"bg-white h-screen menu-menu-sidebar overflow-y-auto pb-20 pt-0 shadow-lg\"\n style=\"width: 312px;\"\n >\n <div\n class=\"bg-[#e1f0ff] flex flex-col items-center justify-center mb-6 w-full\"\n >\n <div\n ref=\"logo-kompas\"\n class=\"flex items-center justify-between px-4 py-6 w-full\"\n >\n <a href=\"/\" class=\"flex h-9 w-9\">\n <img\n src=\"https://cdn-www.kompas.id/assets/img/icons/kompas-icon.svg\"\n alt=\"Kompas.id\"\n scale=\"0\"\n class=\"block w-full\"\n />\n </a>\n <span\n class=\"bg-[#93c8fd] cursor-pointer flex h-10 items-center justify-center rounded text-base w-10 p-4\"\n @click=${this.toggleNavSidebar}\n >\n ${unsafeSVG(getFontAwesomeIcon('fa', 'times'))}\n </span>\n </div>\n <div class=\"flex flex-wrap px-4 w-full\">\n ${this.dataExternal.map(\n item => html`\n <a href=\"${item.url}\" class=\"block w-1/2 no-underline\">\n <div class=\"cursor-pointer flex items-center pb-6 w-full\">\n <div class=\"flex mr-2\">\n ${item.icon &&\n Array.isArray(item.icon) &&\n item.icon.length >= 2\n ? unsafeSVG(\n getFontAwesomeIcon(item.icon[0], item.icon[1])\n )\n : ''}\n </div>\n <span class=\"font-sans relative text-sm text-brand-1\">\n ${item.name} ${item.isNew ? this.renderChips() : ''}\n </span>\n </div>\n </a>\n `\n )}\n </div>\n </div>\n <!-- feature -->\n <div class=\"flex\">\n <div class=\"flex justify-between flex-col\">\n ${this.dataSidebar.feature.map(\n item => html`\n <div class=\"w-full font-sans\">\n <!-- Parent item -->\n <div\n class=\"flex items-center justify-between px-4 text-sm font-medium text-gray-700 transition-all cursor-pointer\"\n @click=${(e: Event) => this.rubricClicked(item, e)}\n >\n <div\n class=\"w-[216px] hover:bg-[#f3f4f6] rounded h-12 flex items-center\"\n >\n <div class=\"flex items-center space-x-3\">\n <span\n class=\"text-xl text-brand-1 w-8 h-8 flex items-center\"\n >\n ${item.icon &&\n Array.isArray(item.icon) &&\n item.icon.length >= 2\n ? unsafeSVG(\n getFontAwesomeIcon(item.icon[0], item.icon[1])\n )\n : ''}\n </span>\n <span class=\"font-bold relative text-[#333] w-full\"\n >${decodeSpecialChars(item.name)}</span\n >\n ${timedContent(\n item.redDot[0].start,\n item.redDot[0].end\n )\n ? html`<span\n class=\"bg-orange-600 h-2 relative rounded-full w-2 -top-[12px]\"\n ></span>`\n : ''}\n </div>\n </div>\n\n <!-- Toggle chevron -->\n ${this.hasChildren(item)\n ? html`\n <span\n class=\"text-xs bg-[#e1f0ff] flex justify-center items-center rounded my-1 p-4 w-10 h-10 cursor-pointer\"\n @click=${(e: Event) => {\n e.stopPropagation() // Prevents click from bubbling to parent\n this.toggleChildren(item)\n }}\n >\n ${this.expandedSlug === item.slug\n ? unsafeSVG(\n getFontAwesomeIcon('fas', 'chevron-up')\n )\n : unsafeSVG(\n getFontAwesomeIcon('fas', 'chevron-down')\n )}\n </span>\n `\n : null}\n </div>\n\n <!-- Children items -->\n ${this.hasChildren(item) && this.expandedSlug === item.slug\n ? html`\n <div class=\"pl-14 pt-1 pb-2 space-y-1\">\n ${item.children.map(\n child => html`\n <div\n class=\"flex items-center text-sm text-gray-600 px-4 cursor-pointer transition-all\"\n @click=${() => this.rubricClicked(child)}\n >\n <div\n class=\"w-[216px] hover:bg-[#f3f4f6] rounded h-12 flex items-center pl-11\"\n >\n ${decodeSpecialChars(child.name)}\n ${timedContent(\n child.redDot[0].start,\n child.redDot[0].end\n )\n ? html`<span\n class=\"bg-orange-600 h-2 relative rounded-full w-2 -top-[12px]\"\n ></span>`\n : ''}\n <div></div>\n </div>\n </div>\n `\n )}\n </div>\n `\n : ''}\n </div>\n `\n )}\n </div>\n </div>\n <div class=\"border-b border-[#DDD] m-6 \"></div>\n <!-- category -->\n <div class=\"flex\">\n <div class=\"w-full flex justify-between flex-col\">\n ${this.dataSidebar.category.map(\n item => html`\n <div class=\"w-full font-sans\">\n <!-- Parent item -->\n <div\n class=\"flex items-center justify-between text-sm font-medium text-gray-700 px-4 transition-all cursor-pointer\"\n @click=${(e: Event) => this.rubricClicked(item, e)}\n >\n <div\n class=\"w-[216px] hover:bg-[#f3f4f6] rounded h-12 flex items-center\"\n >\n <div class=\"flex items-center space-x-3\">\n <span\n class=\"text-xl text-brand-1 w-8 h-8 flex items-center\"\n >\n ${item.icon &&\n Array.isArray(item.icon) &&\n item.icon.length >= 2\n ? unsafeSVG(\n getFontAwesomeIcon(item.icon[0], item.icon[1])\n )\n : ''}\n </span>\n <span\n class=\"font-bold ${item.name === 'Beranda'\n ? 'text-[#00559a]'\n : 'text-[#333] w-full'}\"\n >${decodeSpecialChars(item.name)}</span\n >\n\n ${timedContent(\n item.redDot[0].start,\n item.redDot[0].end\n )\n ? html`<span\n class=\"bg-orange-600 h-2 relative rounded-full w-2 -top-[12px]\"\n ></span>`\n : ''}\n </div>\n </div>\n\n <!-- Toggle chevron -->\n ${this.hasChildren(item)\n ? html`\n <span\n class=\"text-xs bg-[#e1f0ff] flex justify-center items-center rounded my-1 p-4 w-10 h-10 cursor-pointer\"\n @click=${(e: Event) => {\n e.stopPropagation() // Prevents click from bubbling to parent\n this.toggleChildren(item)\n }}\n >\n ${this.expandedSlug === item.slug\n ? unsafeSVG(\n getFontAwesomeIcon('fas', 'chevron-up')\n )\n : unsafeSVG(\n getFontAwesomeIcon('fas', 'chevron-down')\n )}\n </span>\n `\n : null}\n </div>\n\n <!-- Children items -->\n ${this.hasChildren(item) && this.expandedSlug === item.slug\n ? html`\n <div class=\"pt-1 pb-2 space-y-1\">\n ${item.children.map(\n child => html`\n <div\n class=\"flex items-center text-sm text-gray-600 px-4 cursor-pointer transition-all\"\n @click=${() => this.rubricClicked(child)}\n >\n <div\n class=\"w-[216px] hover:bg-[#f3f4f6] rounded h-12 flex items-center pl-11\"\n >\n ${decodeSpecialChars(child.name)}\n ${timedContent(\n child.redDot[0].start,\n child.redDot[0].end\n )\n ? html`<span\n class=\"bg-orange-600 h-2 relative rounded-full w-2 -top-[12px]\"\n ></span>`\n : ''}\n </div>\n </div>\n `\n )}\n </div>\n `\n : ''}\n </div>\n `\n )}\n </div>\n </div>\n </div>\n </nav>\n `\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const decodeSpecialChars: (str: string) => string;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export const decodeSpecialChars = (str) => {
|
|
2
|
+
if (!str)
|
|
3
|
+
return str;
|
|
4
|
+
const charList = [
|
|
5
|
+
{ regex: /&amp;/g, replace: '&' },
|
|
6
|
+
{ regex: /&/g, replace: '&' },
|
|
7
|
+
{ regex: /“/g, replace: '“' },
|
|
8
|
+
{ regex: /”/g, replace: '”' },
|
|
9
|
+
{ regex: /‘/g, replace: '‘' },
|
|
10
|
+
{ regex: /’/g, replace: '’' },
|
|
11
|
+
{ regex: /"/g, replace: '”' },
|
|
12
|
+
{ regex: / /g, replace: ' ' },
|
|
13
|
+
{ regex: /…/g, replace: '...' },
|
|
14
|
+
{ regex: /–/g, replace: '–' },
|
|
15
|
+
];
|
|
16
|
+
charList.forEach(({ regex, replace }) => {
|
|
17
|
+
// eslint-disable-next-line no-param-reassign
|
|
18
|
+
str = str.replace(regex, replace);
|
|
19
|
+
});
|
|
20
|
+
return str;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=decodeSpecialChars.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decodeSpecialChars.js","sourceRoot":"","sources":["../../../src/utils/decodeSpecialChars.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,EAAE;IAChD,IAAI,CAAC,GAAG;QAAE,OAAO,GAAG,CAAA;IAEpB,MAAM,QAAQ,GAAyC;QACrD,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE;QACrC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE;QACjC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE;QACnC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE;QACnC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE;QACnC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE;QACnC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE;QAClC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE;QACnC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE;QACtC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE;KACpC,CAAA;IAED,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QACtC,6CAA6C;QAC7C,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA","sourcesContent":["export const decodeSpecialChars = (str: string) => {\n if (!str) return str\n\n const charList: { regex: RegExp; replace: string }[] = [\n { regex: /&amp;/g, replace: '&' },\n { regex: /&/g, replace: '&' },\n { regex: /“/g, replace: '“' },\n { regex: /”/g, replace: '”' },\n { regex: /‘/g, replace: '‘' },\n { regex: /’/g, replace: '’' },\n { regex: /"/g, replace: '”' },\n { regex: / /g, replace: ' ' },\n { regex: /…/g, replace: '...' },\n { regex: /–/g, replace: '–' },\n ]\n\n charList.forEach(({ regex, replace }) => {\n // eslint-disable-next-line no-param-reassign\n str = str.replace(regex, replace)\n })\n\n return str\n}\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { parse } from 'date-fns';
|
|
2
|
+
const DATE_FORMAT = 'yyyy-MM-dd HH:mm:ss';
|
|
3
|
+
export function getTimeZonedDate(dateStr, timeZone) {
|
|
4
|
+
const date = typeof dateStr === 'string'
|
|
5
|
+
? parse(dateStr, DATE_FORMAT, new Date())
|
|
6
|
+
: dateStr;
|
|
7
|
+
const localeString = date.toLocaleString('en-US', { timeZone });
|
|
8
|
+
return new Date(localeString);
|
|
9
|
+
}
|
|
10
|
+
export function timedContent(start, end, timeZone = 'Asia/Jakarta') {
|
|
11
|
+
const now = getTimeZonedDate(new Date(), timeZone).getTime();
|
|
12
|
+
const startTime = getTimeZonedDate(start, timeZone).getTime();
|
|
13
|
+
const endTime = getTimeZonedDate(end, timeZone).getTime();
|
|
14
|
+
if (startTime > endTime) {
|
|
15
|
+
throw new Error('Start date must be before end date');
|
|
16
|
+
}
|
|
17
|
+
return now >= startTime && now <= endTime;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=timedContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timedContent.js","sourceRoot":"","sources":["../../../src/utils/timedContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,WAAW,GAAG,qBAAqB,CAAA;AAEzC,MAAM,UAAU,gBAAgB,CAC9B,OAAsB,EACtB,QAAgB;IAEhB,MAAM,IAAI,GACR,OAAO,OAAO,KAAK,QAAQ;QACzB,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;QACzC,CAAC,CAAC,OAAO,CAAA;IAEb,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC/D,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,KAAa,EACb,GAAW,EACX,WAAmB,cAAc;IAEjC,MAAM,GAAG,GAAG,gBAAgB,CAAC,IAAI,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAA;IAC5D,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAA;IAC7D,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAA;IAEzD,IAAI,SAAS,GAAG,OAAO,EAAE;QACvB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;KACtD;IAED,OAAO,GAAG,IAAI,SAAS,IAAI,GAAG,IAAI,OAAO,CAAA;AAC3C,CAAC","sourcesContent":["import { parse } from 'date-fns'\n\nconst DATE_FORMAT = 'yyyy-MM-dd HH:mm:ss'\n\nexport function getTimeZonedDate(\n dateStr: string | Date,\n timeZone: string\n): Date {\n const date =\n typeof dateStr === 'string'\n ? parse(dateStr, DATE_FORMAT, new Date())\n : dateStr\n\n const localeString = date.toLocaleString('en-US', { timeZone })\n return new Date(localeString)\n}\n\nexport function timedContent(\n start: string,\n end: string,\n timeZone: string = 'Asia/Jakarta'\n): boolean {\n const now = getTimeZonedDate(new Date(), timeZone).getTime()\n const startTime = getTimeZonedDate(start, timeZone).getTime()\n const endTime = getTimeZonedDate(end, timeZone).getTime()\n\n if (startTime > endTime) {\n throw new Error('Start date must be before end date')\n }\n\n return now >= startTime && now <= endTime\n}\n"]}
|
|
@@ -579,6 +579,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
579
579
|
top: -0.5rem;
|
|
580
580
|
}
|
|
581
581
|
|
|
582
|
+
.-top-\\[12px\\] {
|
|
583
|
+
top: -12px;
|
|
584
|
+
}
|
|
585
|
+
|
|
582
586
|
.bottom-0 {
|
|
583
587
|
bottom: 0px;
|
|
584
588
|
}
|
|
@@ -615,6 +619,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
615
619
|
z-index: 50;
|
|
616
620
|
}
|
|
617
621
|
|
|
622
|
+
.z-\\[100\\] {
|
|
623
|
+
z-index: 100;
|
|
624
|
+
}
|
|
625
|
+
|
|
618
626
|
.col-span-2 {
|
|
619
627
|
grid-column: span 2 / span 2;
|
|
620
628
|
}
|
|
@@ -623,6 +631,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
623
631
|
grid-column: span 4 / span 4;
|
|
624
632
|
}
|
|
625
633
|
|
|
634
|
+
.m-6 {
|
|
635
|
+
margin: 1.5rem;
|
|
636
|
+
}
|
|
637
|
+
|
|
626
638
|
.m-auto {
|
|
627
639
|
margin: auto;
|
|
628
640
|
}
|
|
@@ -647,6 +659,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
647
659
|
margin-right: auto;
|
|
648
660
|
}
|
|
649
661
|
|
|
662
|
+
.my-1 {
|
|
663
|
+
margin-top: 0.25rem;
|
|
664
|
+
margin-bottom: 0.25rem;
|
|
665
|
+
}
|
|
666
|
+
|
|
650
667
|
.my-4 {
|
|
651
668
|
margin-top: 1rem;
|
|
652
669
|
margin-bottom: 1rem;
|
|
@@ -734,6 +751,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
734
751
|
margin-right: 2.5rem;
|
|
735
752
|
}
|
|
736
753
|
|
|
754
|
+
.mr-2 {
|
|
755
|
+
margin-right: 0.5rem;
|
|
756
|
+
}
|
|
757
|
+
|
|
737
758
|
.mr-3 {
|
|
738
759
|
margin-right: 0.75rem;
|
|
739
760
|
}
|
|
@@ -794,6 +815,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
794
815
|
display: flex;
|
|
795
816
|
}
|
|
796
817
|
|
|
818
|
+
.inline-flex {
|
|
819
|
+
display: inline-flex;
|
|
820
|
+
}
|
|
821
|
+
|
|
797
822
|
.grid {
|
|
798
823
|
display: grid;
|
|
799
824
|
}
|
|
@@ -822,6 +847,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
822
847
|
height: 4rem;
|
|
823
848
|
}
|
|
824
849
|
|
|
850
|
+
.h-2 {
|
|
851
|
+
height: 0.5rem;
|
|
852
|
+
}
|
|
853
|
+
|
|
825
854
|
.h-20 {
|
|
826
855
|
height: 5rem;
|
|
827
856
|
}
|
|
@@ -879,6 +908,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
879
908
|
height: max-content;
|
|
880
909
|
}
|
|
881
910
|
|
|
911
|
+
.h-screen {
|
|
912
|
+
height: 100vh;
|
|
913
|
+
}
|
|
914
|
+
|
|
882
915
|
.w-1\\/2 {
|
|
883
916
|
width: 50%;
|
|
884
917
|
}
|
|
@@ -911,6 +944,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
911
944
|
width: 4rem;
|
|
912
945
|
}
|
|
913
946
|
|
|
947
|
+
.w-2 {
|
|
948
|
+
width: 0.5rem;
|
|
949
|
+
}
|
|
950
|
+
|
|
914
951
|
.w-2\\/3 {
|
|
915
952
|
width: 66.666667%;
|
|
916
953
|
}
|
|
@@ -971,6 +1008,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
971
1008
|
width: 138px;
|
|
972
1009
|
}
|
|
973
1010
|
|
|
1011
|
+
.w-\\[216px\\] {
|
|
1012
|
+
width: 216px;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
974
1015
|
.w-\\[296px\\] {
|
|
975
1016
|
width: 296px;
|
|
976
1017
|
}
|
|
@@ -983,6 +1024,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
983
1024
|
width: auto;
|
|
984
1025
|
}
|
|
985
1026
|
|
|
1027
|
+
.w-fit {
|
|
1028
|
+
width: -moz-fit-content;
|
|
1029
|
+
width: fit-content;
|
|
1030
|
+
}
|
|
1031
|
+
|
|
986
1032
|
.w-full {
|
|
987
1033
|
width: 100%;
|
|
988
1034
|
}
|
|
@@ -1172,6 +1218,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1172
1218
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1173
1219
|
}
|
|
1174
1220
|
|
|
1221
|
+
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
|
|
1222
|
+
--tw-space-x-reverse: 0;
|
|
1223
|
+
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
|
|
1224
|
+
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1225
|
+
}
|
|
1226
|
+
|
|
1175
1227
|
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1176
1228
|
--tw-space-x-reverse: 0;
|
|
1177
1229
|
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
@@ -1204,6 +1256,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1204
1256
|
overflow: hidden;
|
|
1205
1257
|
}
|
|
1206
1258
|
|
|
1259
|
+
.overflow-y-auto {
|
|
1260
|
+
overflow-y: auto;
|
|
1261
|
+
}
|
|
1262
|
+
|
|
1207
1263
|
.overflow-y-scroll {
|
|
1208
1264
|
overflow-y: scroll;
|
|
1209
1265
|
}
|
|
@@ -1275,6 +1331,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1275
1331
|
border-top-width: 1px;
|
|
1276
1332
|
}
|
|
1277
1333
|
|
|
1334
|
+
.border-\\[\\#DDD\\] {
|
|
1335
|
+
--tw-border-opacity: 1;
|
|
1336
|
+
border-color: rgb(221 221 221 / var(--tw-border-opacity));
|
|
1337
|
+
}
|
|
1338
|
+
|
|
1278
1339
|
.border-blue-200 {
|
|
1279
1340
|
--tw-border-opacity: 1;
|
|
1280
1341
|
border-color: rgb(147 200 253 / var(--tw-border-opacity));
|
|
@@ -1345,6 +1406,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1345
1406
|
background-color: rgb(44 44 44 / var(--tw-bg-opacity));
|
|
1346
1407
|
}
|
|
1347
1408
|
|
|
1409
|
+
.bg-\\[\\#93c8fd\\] {
|
|
1410
|
+
--tw-bg-opacity: 1;
|
|
1411
|
+
background-color: rgb(147 200 253 / var(--tw-bg-opacity));
|
|
1412
|
+
}
|
|
1413
|
+
|
|
1414
|
+
.bg-\\[\\#e1f0ff\\] {
|
|
1415
|
+
--tw-bg-opacity: 1;
|
|
1416
|
+
background-color: rgb(225 240 255 / var(--tw-bg-opacity));
|
|
1417
|
+
}
|
|
1418
|
+
|
|
1348
1419
|
.bg-black {
|
|
1349
1420
|
--tw-bg-opacity: 1;
|
|
1350
1421
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
@@ -1400,11 +1471,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1400
1471
|
background-color: rgb(151 219 83 / var(--tw-bg-opacity));
|
|
1401
1472
|
}
|
|
1402
1473
|
|
|
1403
|
-
.bg-green-400 {
|
|
1404
|
-
--tw-bg-opacity: 1;
|
|
1405
|
-
background-color: rgb(106 195 34 / var(--tw-bg-opacity));
|
|
1406
|
-
}
|
|
1407
|
-
|
|
1408
1474
|
.bg-green-500 {
|
|
1409
1475
|
--tw-bg-opacity: 1;
|
|
1410
1476
|
background-color: rgb(80 167 24 / var(--tw-bg-opacity));
|
|
@@ -1435,6 +1501,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1435
1501
|
background-color: rgb(255 238 204 / var(--tw-bg-opacity));
|
|
1436
1502
|
}
|
|
1437
1503
|
|
|
1504
|
+
.bg-orange-600 {
|
|
1505
|
+
--tw-bg-opacity: 1;
|
|
1506
|
+
background-color: rgb(183 68 0 / var(--tw-bg-opacity));
|
|
1507
|
+
}
|
|
1508
|
+
|
|
1438
1509
|
.bg-red-100 {
|
|
1439
1510
|
--tw-bg-opacity: 1;
|
|
1440
1511
|
background-color: rgb(254 225 207 / var(--tw-bg-opacity));
|
|
@@ -1567,6 +1638,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1567
1638
|
padding-bottom: 1.25rem;
|
|
1568
1639
|
}
|
|
1569
1640
|
|
|
1641
|
+
.py-6 {
|
|
1642
|
+
padding-top: 1.5rem;
|
|
1643
|
+
padding-bottom: 1.5rem;
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1570
1646
|
.py-\\[5\\.6px\\] {
|
|
1571
1647
|
padding-top: 5.6px;
|
|
1572
1648
|
padding-bottom: 5.6px;
|
|
@@ -1620,6 +1696,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1620
1696
|
padding-left: 0.25rem;
|
|
1621
1697
|
}
|
|
1622
1698
|
|
|
1699
|
+
.pl-11 {
|
|
1700
|
+
padding-left: 2.75rem;
|
|
1701
|
+
}
|
|
1702
|
+
|
|
1703
|
+
.pl-14 {
|
|
1704
|
+
padding-left: 3.5rem;
|
|
1705
|
+
}
|
|
1706
|
+
|
|
1623
1707
|
.pl-2 {
|
|
1624
1708
|
padding-left: 0.5rem;
|
|
1625
1709
|
}
|
|
@@ -1652,6 +1736,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1652
1736
|
padding-top: 0.125rem;
|
|
1653
1737
|
}
|
|
1654
1738
|
|
|
1739
|
+
.pt-1 {
|
|
1740
|
+
padding-top: 0.25rem;
|
|
1741
|
+
}
|
|
1742
|
+
|
|
1655
1743
|
.pt-10 {
|
|
1656
1744
|
padding-top: 2.5rem;
|
|
1657
1745
|
}
|
|
@@ -1794,6 +1882,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1794
1882
|
color: rgb(0 85 154 / var(--tw-text-opacity));
|
|
1795
1883
|
}
|
|
1796
1884
|
|
|
1885
|
+
.text-\\[\\#333\\] {
|
|
1886
|
+
--tw-text-opacity: 1;
|
|
1887
|
+
color: rgb(51 51 51 / var(--tw-text-opacity));
|
|
1888
|
+
}
|
|
1889
|
+
|
|
1797
1890
|
.text-\\[\\#FFFFFF\\] {
|
|
1798
1891
|
--tw-text-opacity: 1;
|
|
1799
1892
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
@@ -1913,6 +2006,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1913
2006
|
text-decoration-line: underline;
|
|
1914
2007
|
}
|
|
1915
2008
|
|
|
2009
|
+
.no-underline {
|
|
2010
|
+
text-decoration-line: none;
|
|
2011
|
+
}
|
|
2012
|
+
|
|
1916
2013
|
.shadow-lg {
|
|
1917
2014
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
|
|
1918
2015
|
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
@@ -1943,6 +2040,17 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1943
2040
|
transition-duration: 150ms;
|
|
1944
2041
|
}
|
|
1945
2042
|
|
|
2043
|
+
.transition-all {
|
|
2044
|
+
transition-property: all;
|
|
2045
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2046
|
+
transition-duration: 150ms;
|
|
2047
|
+
}
|
|
2048
|
+
|
|
2049
|
+
.hover\\:bg-\\[\\#f3f4f6\\]:hover {
|
|
2050
|
+
--tw-bg-opacity: 1;
|
|
2051
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
2052
|
+
}
|
|
2053
|
+
|
|
1946
2054
|
.hover\\:underline:hover {
|
|
1947
2055
|
text-decoration-line: underline;
|
|
1948
2056
|
}
|
|
@@ -1953,6 +2061,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1953
2061
|
}
|
|
1954
2062
|
|
|
1955
2063
|
@media (min-width: 640px) {
|
|
2064
|
+
.sm\\:inline {
|
|
2065
|
+
display: inline;
|
|
2066
|
+
}
|
|
2067
|
+
|
|
1956
2068
|
.sm\\:w-3\\/4 {
|
|
1957
2069
|
width: 75%;
|
|
1958
2070
|
}
|