[{"data":1,"prerenderedAt":2531},["ShallowReactive",2],{"navigation_docs":3,"mobile-subbar-page-\u002Fdokumentasi\u002Fmemulai\u002Fangular":348,"-dokumentasi-memulai-angular":1584,"-dokumentasi-memulai-angular-surround":2526},[4,150,341],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"Dokumentasi","i-lucide-book-open","\u002Fdokumentasi","1.dokumentasi",[10,13,48,74,96,114,136],{"title":11,"path":7,"stem":12},"Dokumentasi & Panduan","1.dokumentasi\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":47},"Memulai","i-lucide-rocket","\u002Fdokumentasi\u002Fmemulai","1.dokumentasi\u002F1.memulai",[19,23,27,31,35,39,43],{"title":20,"path":21,"stem":22},"Pengantar","\u002Fdokumentasi\u002Fmemulai\u002Fpengantar","1.dokumentasi\u002F1.memulai\u002F1.pengantar",{"title":24,"path":25,"stem":26},"Instalasi","\u002Fdokumentasi\u002Fmemulai\u002Finstalasi","1.dokumentasi\u002F1.memulai\u002F2.instalasi",{"title":28,"path":29,"stem":30},"Arsitektur & Struktur","\u002Fdokumentasi\u002Fmemulai\u002Farsitektur","1.dokumentasi\u002F1.memulai\u002F3.arsitektur",{"title":32,"path":33,"stem":34},"Preset UnoCSS","\u002Fdokumentasi\u002Fmemulai\u002Funocss","1.dokumentasi\u002F1.memulai\u002F4.unocss",{"title":36,"path":37,"stem":38},"Next.js & React","\u002Fdokumentasi\u002Fmemulai\u002Fnextjs","1.dokumentasi\u002F1.memulai\u002F5.nextjs",{"title":40,"path":41,"stem":42},"Svelte & SvelteKit","\u002Fdokumentasi\u002Fmemulai\u002Fsvelte","1.dokumentasi\u002F1.memulai\u002F6.svelte",{"title":44,"path":45,"stem":46},"Angular","\u002Fdokumentasi\u002Fmemulai\u002Fangular","1.dokumentasi\u002F1.memulai\u002F7.angular",false,{"title":49,"icon":50,"path":51,"stem":52,"children":53,"page":47},"Fondasi Desain","i-lucide-palette","\u002Fdokumentasi\u002Ffondasi","1.dokumentasi\u002F2.fondasi",[54,58,62,66,70],{"title":55,"path":56,"stem":57},"Warna","\u002Fdokumentasi\u002Ffondasi\u002Fwarna","1.dokumentasi\u002F2.fondasi\u002F1.warna",{"title":59,"path":60,"stem":61},"Tipografi","\u002Fdokumentasi\u002Ffondasi\u002Ftipografi","1.dokumentasi\u002F2.fondasi\u002F2.tipografi",{"title":63,"path":64,"stem":65},"Spasi & Bentuk","\u002Fdokumentasi\u002Ffondasi\u002Fspasi-bentuk","1.dokumentasi\u002F2.fondasi\u002F3.spasi-bentuk",{"title":67,"path":68,"stem":69},"Gerak & Elevasi","\u002Fdokumentasi\u002Ffondasi\u002Fgerak-elevasi","1.dokumentasi\u002F2.fondasi\u002F4.gerak-elevasi",{"title":71,"path":72,"stem":73},"Arsitektur Token","\u002Fdokumentasi\u002Ffondasi\u002Farsitektur-token","1.dokumentasi\u002F2.fondasi\u002F5.arsitektur-token",{"title":75,"icon":76,"path":77,"stem":78,"children":79,"page":47},"Pola Layanan","i-lucide-workflow","\u002Fdokumentasi\u002Fpola","1.dokumentasi\u002F3.pola",[80,84,88,92],{"title":81,"path":82,"stem":83},"Cek Status Permohonan","\u002Fdokumentasi\u002Fpola\u002Fcek-status","1.dokumentasi\u002F3.pola\u002F2.cek-status",{"title":85,"path":86,"stem":87},"Direktori Layanan Publik","\u002Fdokumentasi\u002Fpola\u002Fdirektori-layanan","1.dokumentasi\u002F3.pola\u002F3.direktori-layanan",{"title":89,"path":90,"stem":91},"Pengumuman Darurat","\u002Fdokumentasi\u002Fpola\u002Fpengumuman-darurat","1.dokumentasi\u002F3.pola\u002F4.pengumuman-darurat",{"title":93,"path":94,"stem":95},"Widget Aksesibilitas","\u002Fdokumentasi\u002Fpola\u002Fwidget-aksesibilitas","1.dokumentasi\u002F3.pola\u002F5.widget-aksesibilitas",{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":47},"Standar & Kualitas","i-lucide-check-circle-2","\u002Fdokumentasi\u002Fstandar","1.dokumentasi\u002F4.standar",[102,106,110],{"title":103,"path":104,"stem":105},"Checklist WCAG 2.1 Level AA","\u002Fdokumentasi\u002Fstandar\u002Fwcag-aa-checklist","1.dokumentasi\u002F4.standar\u002F1.wcag-aa-checklist",{"title":107,"path":108,"stem":109},"Panduan Microcopy (Anti-Kaku)","\u002Fdokumentasi\u002Fstandar\u002Fmicrocopy","1.dokumentasi\u002F4.standar\u002F2.microcopy",{"title":111,"path":112,"stem":113},"Definition of Done","\u002Fdokumentasi\u002Fstandar\u002Fdefinition-of-done","1.dokumentasi\u002F4.standar\u002F3.definition-of-done",{"title":115,"icon":116,"path":117,"stem":118,"children":119,"page":47},"Prinsip Desain","i-lucide-compass","\u002Fdokumentasi\u002Fprinsip","1.dokumentasi\u002F5.prinsip",[120,124,128,132],{"title":121,"path":122,"stem":123},"Prinsip: Aksesibel","\u002Fdokumentasi\u002Fprinsip\u002Faksesibel","1.dokumentasi\u002F5.prinsip\u002F1.aksesibel",{"title":125,"path":126,"stem":127},"Prinsip: Framework-Agnostic","\u002Fdokumentasi\u002Fprinsip\u002Fframework-agnostic","1.dokumentasi\u002F5.prinsip\u002F2.framework-agnostic",{"title":129,"path":130,"stem":131},"Prinsip: Kredibel & Tepercaya","\u002Fdokumentasi\u002Fprinsip\u002Fkredibel-tepercaya","1.dokumentasi\u002F5.prinsip\u002F3.kredibel-tepercaya",{"title":133,"path":134,"stem":135},"Hukum UX & Psikologi Kognitif","\u002Fdokumentasi\u002Fprinsip\u002Fhukum-ux-kognitif","1.dokumentasi\u002F5.prinsip\u002F4.hukum-ux-kognitif",{"title":137,"icon":138,"path":139,"stem":140,"children":141,"page":47},"Komputasi Tersanksi","i-lucide-calculator","\u002Fdokumentasi\u002Fkomputasi","1.dokumentasi\u002F6.komputasi",[142,146],{"title":143,"path":144,"stem":145},"Perhitungan Rasio Kontras","\u002Fdokumentasi\u002Fkomputasi\u002Frasio-kontras","1.dokumentasi\u002F6.komputasi\u002F1.rasio-kontras",{"title":147,"path":148,"stem":149},"Anggaran Ukuran CSS & Performa","\u002Fdokumentasi\u002Fkomputasi\u002Fanggaran-performa","1.dokumentasi\u002F6.komputasi\u002F2.anggaran-performa",{"title":151,"icon":152,"path":153,"stem":154,"children":155},"Komponen","i-lucide-component","\u002Fkomponen","2.komponen",[156,159,209,255,285,315],{"title":157,"path":153,"stem":158},"Katalog Komponen","2.komponen\u002Findex",{"title":160,"icon":161,"path":162,"stem":163,"children":164,"page":47},"Elemen Dasar","i-lucide-box","\u002Fkomponen\u002Fdasar","2.komponen\u002F1.dasar",[165,169,173,177,181,185,189,193,197,201,205],{"title":166,"path":167,"stem":168},"Button (Tombol)","\u002Fkomponen\u002Fdasar\u002Fbutton","2.komponen\u002F1.dasar\u002F1.button",{"title":170,"path":171,"stem":172},"User (Identitas Ringkas)","\u002Fkomponen\u002Fdasar\u002Fuser","2.komponen\u002F1.dasar\u002F10.user",{"title":174,"path":175,"stem":176},"Icon (Ikon Grafis)","\u002Fkomponen\u002Fdasar\u002Ficon","2.komponen\u002F1.dasar\u002F11.icon",{"title":178,"path":179,"stem":180},"Badge (Lencana Status)","\u002Fkomponen\u002Fdasar\u002Fbadge","2.komponen\u002F1.dasar\u002F2.badge",{"title":182,"path":183,"stem":184},"Spinner (Indikator Pemuatan)","\u002Fkomponen\u002Fdasar\u002Fspinner","2.komponen\u002F1.dasar\u002F3.spinner",{"title":186,"path":187,"stem":188},"Divider (Pemisah Konten)","\u002Fkomponen\u002Fdasar\u002Fdivider","2.komponen\u002F1.dasar\u002F4.divider",{"title":190,"path":191,"stem":192},"Avatar & AvatarGroup","\u002Fkomponen\u002Fdasar\u002Favatar","2.komponen\u002F1.dasar\u002F5.avatar",{"title":194,"path":195,"stem":196},"Kbd (Tombol Keyboard)","\u002Fkomponen\u002Fdasar\u002Fkbd","2.komponen\u002F1.dasar\u002F6.kbd",{"title":198,"path":199,"stem":200},"Chip (Notifikasi Overlay)","\u002Fkomponen\u002Fdasar\u002Fchip","2.komponen\u002F1.dasar\u002F7.chip",{"title":202,"path":203,"stem":204},"Skeleton (Pemuat Shimmer)","\u002Fkomponen\u002Fdasar\u002Fskeleton","2.komponen\u002F1.dasar\u002F8.skeleton",{"title":206,"path":207,"stem":208},"Progress (Batang Kemajuan)","\u002Fkomponen\u002Fdasar\u002Fprogress","2.komponen\u002F1.dasar\u002F9.progress",{"title":210,"icon":211,"path":212,"stem":213,"children":214,"page":47},"Formulir & Masukan","i-lucide-text-cursor-input","\u002Fkomponen\u002Fformulir","2.komponen\u002F2.formulir",[215,219,223,227,231,235,239,243,247,251],{"title":216,"path":217,"stem":218},"FormField (Pembungkus Bidang Isian)","\u002Fkomponen\u002Fformulir\u002Fform-field","2.komponen\u002F2.formulir\u002F1.form-field",{"title":220,"path":221,"stem":222},"InputGroup & ButtonGroup","\u002Fkomponen\u002Fformulir\u002Finput-group","2.komponen\u002F2.formulir\u002F10.input-group",{"title":224,"path":225,"stem":226},"Input (Kolom Isian Teks)","\u002Fkomponen\u002Fformulir\u002Finput","2.komponen\u002F2.formulir\u002F2.input",{"title":228,"path":229,"stem":230},"Textarea (Area Teks Panjang)","\u002Fkomponen\u002Fformulir\u002Ftextarea","2.komponen\u002F2.formulir\u002F3.textarea",{"title":232,"path":233,"stem":234},"Select (Menu Pilihan Dropdown)","\u002Fkomponen\u002Fformulir\u002Fselect","2.komponen\u002F2.formulir\u002F4.select",{"title":236,"path":237,"stem":238},"Checkbox & Radio (Kotak Centang & Tombol Pilihan)","\u002Fkomponen\u002Fformulir\u002Fcheckbox-radio","2.komponen\u002F2.formulir\u002F5.checkbox-radio",{"title":240,"path":241,"stem":242},"FileUpload (Unggah Berkas Persyaratan)","\u002Fkomponen\u002Fformulir\u002Ffile-upload","2.komponen\u002F2.formulir\u002F6.file-upload",{"title":244,"path":245,"stem":246},"Switch (Sakelar Pengaturan)","\u002Fkomponen\u002Fformulir\u002Fswitch","2.komponen\u002F2.formulir\u002F7.switch",{"title":248,"path":249,"stem":250},"Slider (Penggeser Nilai)","\u002Fkomponen\u002Fformulir\u002Fslider","2.komponen\u002F2.formulir\u002F8.slider",{"title":252,"path":253,"stem":254},"PinInput (Kode OTP)","\u002Fkomponen\u002Fformulir\u002Fpin-input","2.komponen\u002F2.formulir\u002F9.pin-input",{"title":256,"icon":257,"path":258,"stem":259,"children":260,"page":47},"Navigasi & Struktur","i-lucide-navigation","\u002Fkomponen\u002Fnavigasi","2.komponen\u002F3.navigasi",[261,265,269,273,277,281],{"title":262,"path":263,"stem":264},"TrustBanner","\u002Fkomponen\u002Fnavigasi\u002Ftrust-banner","2.komponen\u002F3.navigasi\u002F1.trust-banner",{"title":266,"path":267,"stem":268},"SkipLink (Lompat ke Konten Utama)","\u002Fkomponen\u002Fnavigasi\u002Fskip-link","2.komponen\u002F3.navigasi\u002F2.skip-link",{"title":270,"path":271,"stem":272},"Stepper (Indikator Tahapan Formulir)","\u002Fkomponen\u002Fnavigasi\u002Fstepper","2.komponen\u002F3.navigasi\u002F3.stepper",{"title":274,"path":275,"stem":276},"Breadcrumb (Navigasi Jejak Rekam)","\u002Fkomponen\u002Fnavigasi\u002Fbreadcrumb","2.komponen\u002F3.navigasi\u002F4.breadcrumb",{"title":278,"path":279,"stem":280},"Pagination (Paginasi Halaman Data)","\u002Fkomponen\u002Fnavigasi\u002Fpagination","2.komponen\u002F3.navigasi\u002F5.pagination",{"title":282,"path":283,"stem":284},"Tabs (Navigasi Tab)","\u002Fkomponen\u002Fnavigasi\u002Ftabs","2.komponen\u002F3.navigasi\u002F6.tabs",{"title":286,"icon":287,"path":288,"stem":289,"children":290,"page":47},"Umpan Balik & Dialog","i-lucide-bell","\u002Fkomponen\u002Fumpan-balik","2.komponen\u002F4.umpan-balik",[291,295,299,303,307,311],{"title":292,"path":293,"stem":294},"Alert (Kotak Pemberitahuan)","\u002Fkomponen\u002Fumpan-balik\u002Falert","2.komponen\u002F4.umpan-balik\u002F1.alert",{"title":296,"path":297,"stem":298},"Modal (Kotak Dialog Konfirmasi)","\u002Fkomponen\u002Fumpan-balik\u002Fmodal","2.komponen\u002F4.umpan-balik\u002F2.modal",{"title":300,"path":301,"stem":302},"EmptyState (Kondisi Data Kosong)","\u002Fkomponen\u002Fumpan-balik\u002Fempty-state","2.komponen\u002F4.umpan-balik\u002F3.empty-state",{"title":304,"path":305,"stem":306},"Toast (Notifikasi Mengambang)","\u002Fkomponen\u002Fumpan-balik\u002Ftoast","2.komponen\u002F4.umpan-balik\u002F4.toast",{"title":308,"path":309,"stem":310},"Drawer & Slideover (Panel Samping)","\u002Fkomponen\u002Fumpan-balik\u002Fdrawer","2.komponen\u002F4.umpan-balik\u002F5.drawer",{"title":312,"path":313,"stem":314},"Tooltip (Petunjuk Melayang)","\u002Fkomponen\u002Fumpan-balik\u002Ftooltip","2.komponen\u002F4.umpan-balik\u002F6.tooltip",{"title":316,"icon":317,"path":318,"stem":319,"children":320,"page":47},"Tampilan Data","i-lucide-table","\u002Fkomponen\u002Ftampilan-data","2.komponen\u002F5.tampilan-data",[321,325,329,333,337],{"title":322,"path":323,"stem":324},"Table (Tabel Data Responsif)","\u002Fkomponen\u002Ftampilan-data\u002Ftable","2.komponen\u002F5.tampilan-data\u002F1.table",{"title":326,"path":327,"stem":328},"Card (Kartu Layanan & Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fcard","2.komponen\u002F5.tampilan-data\u002F2.card",{"title":330,"path":331,"stem":332},"Accordion (Daftar Lipat \u002F FAQ)","\u002Fkomponen\u002Ftampilan-data\u002Faccordion","2.komponen\u002F5.tampilan-data\u002F3.accordion",{"title":334,"path":335,"stem":336},"StatCard (Kartu Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fstat-card","2.komponen\u002F5.tampilan-data\u002F4.stat-card",{"title":338,"path":339,"stem":340},"Timeline (Riwayat Pelacakan)","\u002Fkomponen\u002Ftampilan-data\u002Ftimeline","2.komponen\u002F5.tampilan-data\u002F5.timeline",{"title":342,"path":343,"stem":344,"children":345,"icon":347},"Template","\u002Ftemplate","3.template\u002Findex",[346],{"title":342,"path":343,"stem":344},"i-lucide-layout-template",{"id":349,"title":44,"body":350,"description":1578,"extension":1579,"links":1580,"meta":1581,"navigation":778,"path":45,"seo":1582,"stem":46,"__hash__":1583},"docs\u002F1.dokumentasi\u002F1.memulai\u002F7.angular.md",{"type":351,"value":352,"toc":1566},"minimark",[353,357,360,365,373,453,455,459,462,471,481,658,668,671,700,702,706,709,1346,1348,1355,1358,1562],[354,355,356],"p",{},"Majalengka Design System dapat dipasang dengan mudah pada proyek Angular modern (v17, v18, v19+) yang menggunakan arsitektur Standalone Components.",[358,359],"hr",{},[361,362,364],"h2",{"id":363},"pemasangan","Pemasangan",[354,366,367,368,372],{},"Jalankan perintah instalasi paket ",[369,370,371],"code",{},"@majalengka\u002Fcss"," di proyek Angular Anda:",[374,375,376,404,420,437],"code-group",{},[377,378,384],"pre",{"className":379,"code":380,"filename":381,"language":382,"meta":383,"style":383},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @majalengka\u002Fcss @majalengka\u002Ftokens\n","pnpm","bash","",[369,385,386],{"__ignoreMap":383},[387,388,391,394,398,401],"span",{"class":389,"line":390},"line",1,[387,392,381],{"class":393},"sBMFI",[387,395,397],{"class":396},"sfazB"," add",[387,399,400],{"class":396}," @majalengka\u002Fcss",[387,402,403],{"class":396}," @majalengka\u002Ftokens\n",[377,405,408],{"className":379,"code":406,"filename":407,"language":382,"meta":383,"style":383},"yarn add @majalengka\u002Fcss @majalengka\u002Ftokens\n","yarn",[369,409,410],{"__ignoreMap":383},[387,411,412,414,416,418],{"class":389,"line":390},[387,413,407],{"class":393},[387,415,397],{"class":396},[387,417,400],{"class":396},[387,419,403],{"class":396},[377,421,424],{"className":379,"code":422,"filename":423,"language":382,"meta":383,"style":383},"npm install @majalengka\u002Fcss @majalengka\u002Ftokens\n","npm",[369,425,426],{"__ignoreMap":383},[387,427,428,430,433,435],{"class":389,"line":390},[387,429,423],{"class":393},[387,431,432],{"class":396}," install",[387,434,400],{"class":396},[387,436,403],{"class":396},[377,438,441],{"className":379,"code":439,"filename":440,"language":382,"meta":383,"style":383},"bun add @majalengka\u002Fcss @majalengka\u002Ftokens\n","bun",[369,442,443],{"__ignoreMap":383},[387,444,445,447,449,451],{"class":389,"line":390},[387,446,440],{"class":393},[387,448,397],{"class":396},[387,450,400],{"class":396},[387,452,403],{"class":396},[358,454],{},[361,456,458],{"id":457},"konfigurasi-global-css","Konfigurasi Global CSS",[354,460,461],{},"Pilih salah satu metode berikut untuk memuat stylesheet Majalengka:",[463,464,466,467,470],"h3",{"id":465},"opsi-1-lewat-angularjson-disarankan","Opsi 1: Lewat ",[369,468,469],{},"angular.json"," (Disarankan)",[354,472,473,474,476,477,480],{},"Buka berkas ",[369,475,469],{}," di root proyek Anda, lalu daftarkan berkas CSS minified ke dalam array ",[369,478,479],{},"styles",":",[377,482,486],{"className":483,"code":484,"filename":469,"language":485,"meta":383,"style":383},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"projects\": {\n    \"portal-majalengka\": {\n      \"architect\": {\n        \"build\": {\n          \"options\": {\n            \"styles\": [\n              \"node_modules\u002F@majalengka\u002Fcss\u002Fdist\u002Fmajalengka.min.css\",\n              \"src\u002Fstyles.css\"\n            ]\n          }\n        }\n      }\n    }\n  }\n}\n","json",[369,487,488,494,512,527,543,559,575,591,605,616,622,628,634,640,646,652],{"__ignoreMap":383},[387,489,490],{"class":389,"line":390},[387,491,493],{"class":492},"sMK4o","{\n",[387,495,497,500,504,507,509],{"class":389,"line":496},2,[387,498,499],{"class":492},"  \"",[387,501,503],{"class":502},"spNyl","projects",[387,505,506],{"class":492},"\"",[387,508,480],{"class":492},[387,510,511],{"class":492}," {\n",[387,513,515,518,521,523,525],{"class":389,"line":514},3,[387,516,517],{"class":492},"    \"",[387,519,520],{"class":393},"portal-majalengka",[387,522,506],{"class":492},[387,524,480],{"class":492},[387,526,511],{"class":492},[387,528,530,533,537,539,541],{"class":389,"line":529},4,[387,531,532],{"class":492},"      \"",[387,534,536],{"class":535},"sbssI","architect",[387,538,506],{"class":492},[387,540,480],{"class":492},[387,542,511],{"class":492},[387,544,546,549,553,555,557],{"class":389,"line":545},5,[387,547,548],{"class":492},"        \"",[387,550,552],{"class":551},"swJcz","build",[387,554,506],{"class":492},[387,556,480],{"class":492},[387,558,511],{"class":492},[387,560,562,565,569,571,573],{"class":389,"line":561},6,[387,563,564],{"class":492},"          \"",[387,566,568],{"class":567},"su27w","options",[387,570,506],{"class":492},[387,572,480],{"class":492},[387,574,511],{"class":492},[387,576,578,581,584,586,588],{"class":389,"line":577},7,[387,579,580],{"class":492},"            \"",[387,582,479],{"class":583},"s2Zo4",[387,585,506],{"class":492},[387,587,480],{"class":492},[387,589,590],{"class":492}," [\n",[387,592,594,597,600,602],{"class":389,"line":593},8,[387,595,596],{"class":492},"              \"",[387,598,599],{"class":396},"node_modules\u002F@majalengka\u002Fcss\u002Fdist\u002Fmajalengka.min.css",[387,601,506],{"class":492},[387,603,604],{"class":492},",\n",[387,606,608,610,613],{"class":389,"line":607},9,[387,609,596],{"class":492},[387,611,612],{"class":396},"src\u002Fstyles.css",[387,614,615],{"class":492},"\"\n",[387,617,619],{"class":389,"line":618},10,[387,620,621],{"class":492},"            ]\n",[387,623,625],{"class":389,"line":624},11,[387,626,627],{"class":492},"          }\n",[387,629,631],{"class":389,"line":630},12,[387,632,633],{"class":492},"        }\n",[387,635,637],{"class":389,"line":636},13,[387,638,639],{"class":492},"      }\n",[387,641,643],{"class":389,"line":642},14,[387,644,645],{"class":492},"    }\n",[387,647,649],{"class":389,"line":648},15,[387,650,651],{"class":492},"  }\n",[387,653,655],{"class":389,"line":654},16,[387,656,657],{"class":492},"}\n",[463,659,661,662,664,665],{"id":660},"opsi-2-lewat-srcstylescss-atau-srcstylesscss","Opsi 2: Lewat ",[369,663,612],{}," atau ",[369,666,667],{},"src\u002Fstyles.scss",[354,669,670],{},"Anda juga dapat mengimpor langsung dari berkas stylesheet global:",[377,672,676],{"className":673,"code":674,"filename":612,"language":675,"meta":383,"style":383},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* Memuat Majalengka Design System *\u002F\n@import \"@majalengka\u002Fcss\";\n","css",[369,677,678,684],{"__ignoreMap":383},[387,679,680],{"class":389,"line":390},[387,681,683],{"class":682},"sHwdD","\u002F* Memuat Majalengka Design System *\u002F\n",[387,685,686,690,693,695,697],{"class":389,"line":496},[387,687,689],{"class":688},"s7zQu","@import",[387,691,692],{"class":492}," \"",[387,694,371],{"class":396},[387,696,506],{"class":492},[387,698,699],{"class":492},";\n",[358,701],{},[361,703,705],{"id":704},"contoh-standalone-component-angular","Contoh Standalone Component Angular",[354,707,708],{},"Berikut contoh implementasi komponen layanan publik menggunakan Angular Standalone Components dan Signals:",[377,710,715],{"className":711,"code":712,"filename":713,"language":714,"meta":383,"style":383},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Component, signal } from '@angular\u002Fcore';\nimport { CommonModule } from '@angular\u002Fcommon';\n\n@Component({\n  selector: 'app-service-card',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n    \u003Cdiv class=\"mjl-card p-6 max-w-md mx-auto shadow-mjl-sm\">\n      \u003Cdiv class=\"flex items-center justify-between mb-4\">\n        \u003Ch2 class=\"text-xl font-bold font-['Plus_Jakarta_Sans'] text-neutral-900\">\n          Status Antrean Layanan\n        \u003C\u002Fh2>\n        \u003Cspan class=\"mjl-badge\" [ngClass]=\"badgeClass()\">\n          {{ statusText() }}\n        \u003C\u002Fspan>\n      \u003C\u002Fdiv>\n\n      \u003Cp class=\"text-sm text-neutral-600 mb-6\">\n        Nomor antrean aktif saat ini di Mal Pelayanan Publik (MPP) Majalengka.\n      \u003C\u002Fp>\n\n      \u003Cdiv class=\"flex gap-3\">\n        \u003Cbutton\n          type=\"button\"\n          class=\"mjl-btn mjl-btn--primary mjl-btn--md\"\n          (click)=\"ambilAntrean()\"\n        >\n          Ambil Nomor Baru\n        \u003C\u002Fbutton>\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"mjl-btn mjl-btn--outline mjl-btn--md\"\n          (click)=\"refreshStatus()\"\n        >\n          Perbarui\n        \u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  `\n})\nexport class ServiceCardComponent {\n  status = signal\u003C'buka' | 'penuh'>('buka');\n\n  badgeClass() {\n    return this.status() === 'buka'\n      ? 'bg-emerald-100 text-emerald-800'\n      : 'bg-rose-100 text-rose-800';\n  }\n\n  statusText() {\n    return this.status() === 'buka' ? 'Loket Dibuka' : 'Antrean Penuh';\n  }\n\n  ambilAntrean() {\n    alert('Nomor antrean berhasil diambil!');\n  }\n\n  refreshStatus() {\n    this.status.set(this.status() === 'buka' ? 'penuh' : 'buka');\n  }\n}\n","src\u002Fapp\u002Fcomponents\u002Fservice-card.component.ts","typescript",[369,716,717,752,774,780,793,809,822,834,844,849,854,859,864,869,874,879,884,890,895,901,907,913,918,924,930,936,942,948,954,960,966,971,976,981,987,993,998,1004,1009,1014,1020,1026,1035,1049,1096,1101,1112,1137,1150,1165,1170,1175,1185,1226,1231,1236,1246,1265,1270,1275,1285,1336,1341],{"__ignoreMap":383},[387,718,719,722,725,729,732,735,738,741,744,747,750],{"class":389,"line":390},[387,720,721],{"class":688},"import",[387,723,724],{"class":492}," {",[387,726,728],{"class":727},"sTEyZ"," Component",[387,730,731],{"class":492},",",[387,733,734],{"class":727}," signal",[387,736,737],{"class":492}," }",[387,739,740],{"class":688}," from",[387,742,743],{"class":492}," '",[387,745,746],{"class":396},"@angular\u002Fcore",[387,748,749],{"class":492},"'",[387,751,699],{"class":492},[387,753,754,756,758,761,763,765,767,770,772],{"class":389,"line":496},[387,755,721],{"class":688},[387,757,724],{"class":492},[387,759,760],{"class":727}," CommonModule",[387,762,737],{"class":492},[387,764,740],{"class":688},[387,766,743],{"class":492},[387,768,769],{"class":396},"@angular\u002Fcommon",[387,771,749],{"class":492},[387,773,699],{"class":492},[387,775,776],{"class":389,"line":514},[387,777,779],{"emptyLinePlaceholder":778},true,"\n",[387,781,782,785,788,791],{"class":389,"line":529},[387,783,784],{"class":492},"@",[387,786,787],{"class":583},"Component",[387,789,790],{"class":727},"(",[387,792,493],{"class":492},[387,794,795,798,800,802,805,807],{"class":389,"line":545},[387,796,797],{"class":551},"  selector",[387,799,480],{"class":492},[387,801,743],{"class":492},[387,803,804],{"class":396},"app-service-card",[387,806,749],{"class":492},[387,808,604],{"class":492},[387,810,811,814,816,820],{"class":389,"line":561},[387,812,813],{"class":551},"  standalone",[387,815,480],{"class":492},[387,817,819],{"class":818},"sfNiH"," true",[387,821,604],{"class":492},[387,823,824,827,829,832],{"class":389,"line":577},[387,825,826],{"class":551},"  imports",[387,828,480],{"class":492},[387,830,831],{"class":727}," [CommonModule]",[387,833,604],{"class":492},[387,835,836,839,841],{"class":389,"line":593},[387,837,838],{"class":551},"  template",[387,840,480],{"class":492},[387,842,843],{"class":492}," `\n",[387,845,846],{"class":389,"line":607},[387,847,848],{"class":396},"    \u003Cdiv class=\"mjl-card p-6 max-w-md mx-auto shadow-mjl-sm\">\n",[387,850,851],{"class":389,"line":618},[387,852,853],{"class":396},"      \u003Cdiv class=\"flex items-center justify-between mb-4\">\n",[387,855,856],{"class":389,"line":624},[387,857,858],{"class":396},"        \u003Ch2 class=\"text-xl font-bold font-['Plus_Jakarta_Sans'] text-neutral-900\">\n",[387,860,861],{"class":389,"line":630},[387,862,863],{"class":396},"          Status Antrean Layanan\n",[387,865,866],{"class":389,"line":636},[387,867,868],{"class":396},"        \u003C\u002Fh2>\n",[387,870,871],{"class":389,"line":642},[387,872,873],{"class":396},"        \u003Cspan class=\"mjl-badge\" [ngClass]=\"badgeClass()\">\n",[387,875,876],{"class":389,"line":648},[387,877,878],{"class":396},"          {{ statusText() }}\n",[387,880,881],{"class":389,"line":654},[387,882,883],{"class":396},"        \u003C\u002Fspan>\n",[387,885,887],{"class":389,"line":886},17,[387,888,889],{"class":396},"      \u003C\u002Fdiv>\n",[387,891,893],{"class":389,"line":892},18,[387,894,779],{"emptyLinePlaceholder":778},[387,896,898],{"class":389,"line":897},19,[387,899,900],{"class":396},"      \u003Cp class=\"text-sm text-neutral-600 mb-6\">\n",[387,902,904],{"class":389,"line":903},20,[387,905,906],{"class":396},"        Nomor antrean aktif saat ini di Mal Pelayanan Publik (MPP) Majalengka.\n",[387,908,910],{"class":389,"line":909},21,[387,911,912],{"class":396},"      \u003C\u002Fp>\n",[387,914,916],{"class":389,"line":915},22,[387,917,779],{"emptyLinePlaceholder":778},[387,919,921],{"class":389,"line":920},23,[387,922,923],{"class":396},"      \u003Cdiv class=\"flex gap-3\">\n",[387,925,927],{"class":389,"line":926},24,[387,928,929],{"class":396},"        \u003Cbutton\n",[387,931,933],{"class":389,"line":932},25,[387,934,935],{"class":396},"          type=\"button\"\n",[387,937,939],{"class":389,"line":938},26,[387,940,941],{"class":396},"          class=\"mjl-btn mjl-btn--primary mjl-btn--md\"\n",[387,943,945],{"class":389,"line":944},27,[387,946,947],{"class":396},"          (click)=\"ambilAntrean()\"\n",[387,949,951],{"class":389,"line":950},28,[387,952,953],{"class":396},"        >\n",[387,955,957],{"class":389,"line":956},29,[387,958,959],{"class":396},"          Ambil Nomor Baru\n",[387,961,963],{"class":389,"line":962},30,[387,964,965],{"class":396},"        \u003C\u002Fbutton>\n",[387,967,969],{"class":389,"line":968},31,[387,970,779],{"emptyLinePlaceholder":778},[387,972,974],{"class":389,"line":973},32,[387,975,929],{"class":396},[387,977,979],{"class":389,"line":978},33,[387,980,935],{"class":396},[387,982,984],{"class":389,"line":983},34,[387,985,986],{"class":396},"          class=\"mjl-btn mjl-btn--outline mjl-btn--md\"\n",[387,988,990],{"class":389,"line":989},35,[387,991,992],{"class":396},"          (click)=\"refreshStatus()\"\n",[387,994,996],{"class":389,"line":995},36,[387,997,953],{"class":396},[387,999,1001],{"class":389,"line":1000},37,[387,1002,1003],{"class":396},"          Perbarui\n",[387,1005,1007],{"class":389,"line":1006},38,[387,1008,965],{"class":396},[387,1010,1012],{"class":389,"line":1011},39,[387,1013,889],{"class":396},[387,1015,1017],{"class":389,"line":1016},40,[387,1018,1019],{"class":396},"    \u003C\u002Fdiv>\n",[387,1021,1023],{"class":389,"line":1022},41,[387,1024,1025],{"class":492},"  `\n",[387,1027,1029,1032],{"class":389,"line":1028},42,[387,1030,1031],{"class":492},"}",[387,1033,1034],{"class":727},")\n",[387,1036,1038,1041,1044,1047],{"class":389,"line":1037},43,[387,1039,1040],{"class":688},"export",[387,1042,1043],{"class":502}," class",[387,1045,1046],{"class":393}," ServiceCardComponent",[387,1048,511],{"class":492},[387,1050,1052,1055,1058,1060,1063,1065,1068,1070,1073,1075,1078,1080,1083,1085,1087,1089,1091,1094],{"class":389,"line":1051},44,[387,1053,1054],{"class":551},"  status",[387,1056,1057],{"class":492}," =",[387,1059,734],{"class":551},[387,1061,1062],{"class":492},"\u003C",[387,1064,749],{"class":492},[387,1066,1067],{"class":396},"buka",[387,1069,749],{"class":492},[387,1071,1072],{"class":492}," |",[387,1074,743],{"class":492},[387,1076,1077],{"class":396},"penuh",[387,1079,749],{"class":492},[387,1081,1082],{"class":492},">",[387,1084,790],{"class":727},[387,1086,749],{"class":492},[387,1088,1067],{"class":396},[387,1090,749],{"class":492},[387,1092,1093],{"class":727},")",[387,1095,699],{"class":492},[387,1097,1099],{"class":389,"line":1098},45,[387,1100,779],{"emptyLinePlaceholder":778},[387,1102,1104,1107,1110],{"class":389,"line":1103},46,[387,1105,1106],{"class":551},"  badgeClass",[387,1108,1109],{"class":492},"()",[387,1111,511],{"class":492},[387,1113,1115,1118,1121,1124,1127,1130,1132,1134],{"class":389,"line":1114},47,[387,1116,1117],{"class":688},"    return",[387,1119,1120],{"class":492}," this.",[387,1122,1123],{"class":583},"status",[387,1125,1126],{"class":551},"() ",[387,1128,1129],{"class":492},"===",[387,1131,743],{"class":492},[387,1133,1067],{"class":396},[387,1135,1136],{"class":492},"'\n",[387,1138,1140,1143,1145,1148],{"class":389,"line":1139},48,[387,1141,1142],{"class":492},"      ?",[387,1144,743],{"class":492},[387,1146,1147],{"class":396},"bg-emerald-100 text-emerald-800",[387,1149,1136],{"class":492},[387,1151,1153,1156,1158,1161,1163],{"class":389,"line":1152},49,[387,1154,1155],{"class":492},"      :",[387,1157,743],{"class":492},[387,1159,1160],{"class":396},"bg-rose-100 text-rose-800",[387,1162,749],{"class":492},[387,1164,699],{"class":492},[387,1166,1168],{"class":389,"line":1167},50,[387,1169,651],{"class":492},[387,1171,1173],{"class":389,"line":1172},51,[387,1174,779],{"emptyLinePlaceholder":778},[387,1176,1178,1181,1183],{"class":389,"line":1177},52,[387,1179,1180],{"class":551},"  statusText",[387,1182,1109],{"class":492},[387,1184,511],{"class":492},[387,1186,1188,1190,1192,1194,1196,1198,1200,1202,1204,1207,1209,1212,1214,1217,1219,1222,1224],{"class":389,"line":1187},53,[387,1189,1117],{"class":688},[387,1191,1120],{"class":492},[387,1193,1123],{"class":583},[387,1195,1126],{"class":551},[387,1197,1129],{"class":492},[387,1199,743],{"class":492},[387,1201,1067],{"class":396},[387,1203,749],{"class":492},[387,1205,1206],{"class":492}," ?",[387,1208,743],{"class":492},[387,1210,1211],{"class":396},"Loket Dibuka",[387,1213,749],{"class":492},[387,1215,1216],{"class":492}," :",[387,1218,743],{"class":492},[387,1220,1221],{"class":396},"Antrean Penuh",[387,1223,749],{"class":492},[387,1225,699],{"class":492},[387,1227,1229],{"class":389,"line":1228},54,[387,1230,651],{"class":492},[387,1232,1234],{"class":389,"line":1233},55,[387,1235,779],{"emptyLinePlaceholder":778},[387,1237,1239,1242,1244],{"class":389,"line":1238},56,[387,1240,1241],{"class":551},"  ambilAntrean",[387,1243,1109],{"class":492},[387,1245,511],{"class":492},[387,1247,1249,1252,1254,1256,1259,1261,1263],{"class":389,"line":1248},57,[387,1250,1251],{"class":583},"    alert",[387,1253,790],{"class":551},[387,1255,749],{"class":492},[387,1257,1258],{"class":396},"Nomor antrean berhasil diambil!",[387,1260,749],{"class":492},[387,1262,1093],{"class":551},[387,1264,699],{"class":492},[387,1266,1268],{"class":389,"line":1267},58,[387,1269,651],{"class":492},[387,1271,1273],{"class":389,"line":1272},59,[387,1274,779],{"emptyLinePlaceholder":778},[387,1276,1278,1281,1283],{"class":389,"line":1277},60,[387,1279,1280],{"class":551},"  refreshStatus",[387,1282,1109],{"class":492},[387,1284,511],{"class":492},[387,1286,1288,1291,1293,1296,1299,1301,1304,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324,1326,1328,1330,1332,1334],{"class":389,"line":1287},61,[387,1289,1290],{"class":492},"    this.",[387,1292,1123],{"class":727},[387,1294,1295],{"class":492},".",[387,1297,1298],{"class":583},"set",[387,1300,790],{"class":551},[387,1302,1303],{"class":492},"this.",[387,1305,1123],{"class":583},[387,1307,1126],{"class":551},[387,1309,1129],{"class":492},[387,1311,743],{"class":492},[387,1313,1067],{"class":396},[387,1315,749],{"class":492},[387,1317,1206],{"class":492},[387,1319,743],{"class":492},[387,1321,1077],{"class":396},[387,1323,749],{"class":492},[387,1325,1216],{"class":492},[387,1327,743],{"class":492},[387,1329,1067],{"class":396},[387,1331,749],{"class":492},[387,1333,1093],{"class":551},[387,1335,699],{"class":492},[387,1337,1339],{"class":389,"line":1338},62,[387,1340,651],{"class":492},[387,1342,1344],{"class":389,"line":1343},63,[387,1345,657],{"class":492},[358,1347],{},[361,1349,1351,1352,1093],{"id":1350},"template-root-angular-srcappappcomponenthtml","Template Root Angular (",[369,1353,1354],{},"src\u002Fapp\u002Fapp.component.html",[354,1356,1357],{},"Pastikan layout utama menyertakan skip-link dan container standar Majalengka:",[377,1359,1363],{"className":1360,"code":1361,"filename":1354,"language":1362,"meta":383,"style":383},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Aksesibilitas WCAG 2.1 AA -->\n\u003Ca href=\"#main\" class=\"mjl-skip-link\">Langsung ke konten utama\u003C\u002Fa>\n\n\u003Cheader class=\"border-b border-neutral-200 py-4 bg-white\">\n  \u003Cdiv class=\"mjl-container flex justify-between items-center\">\n    \u003Cspan class=\"font-bold text-lg text-primary-700\">Majalengka Public Services\u003C\u002Fspan>\n  \u003C\u002Fdiv>\n\u003C\u002Fheader>\n\n\u003Cmain id=\"main\" class=\"mjl-container py-8\">\n  \u003Crouter-outlet>\u003C\u002Frouter-outlet>\n\u003C\u002Fmain>\n","html",[369,1364,1365,1370,1414,1418,1438,1459,1488,1497,1505,1509,1540,1554],{"__ignoreMap":383},[387,1366,1367],{"class":389,"line":390},[387,1368,1369],{"class":682},"\u003C!-- Aksesibilitas WCAG 2.1 AA -->\n",[387,1371,1372,1374,1377,1380,1383,1385,1388,1390,1392,1394,1396,1399,1401,1403,1406,1409,1411],{"class":389,"line":496},[387,1373,1062],{"class":492},[387,1375,1376],{"class":551},"a",[387,1378,1379],{"class":502}," href",[387,1381,1382],{"class":492},"=",[387,1384,506],{"class":492},[387,1386,1387],{"class":396},"#main",[387,1389,506],{"class":492},[387,1391,1043],{"class":502},[387,1393,1382],{"class":492},[387,1395,506],{"class":492},[387,1397,1398],{"class":396},"mjl-skip-link",[387,1400,506],{"class":492},[387,1402,1082],{"class":492},[387,1404,1405],{"class":727},"Langsung ke konten utama",[387,1407,1408],{"class":492},"\u003C\u002F",[387,1410,1376],{"class":551},[387,1412,1413],{"class":492},">\n",[387,1415,1416],{"class":389,"line":514},[387,1417,779],{"emptyLinePlaceholder":778},[387,1419,1420,1422,1425,1427,1429,1431,1434,1436],{"class":389,"line":529},[387,1421,1062],{"class":492},[387,1423,1424],{"class":551},"header",[387,1426,1043],{"class":502},[387,1428,1382],{"class":492},[387,1430,506],{"class":492},[387,1432,1433],{"class":396},"border-b border-neutral-200 py-4 bg-white",[387,1435,506],{"class":492},[387,1437,1413],{"class":492},[387,1439,1440,1443,1446,1448,1450,1452,1455,1457],{"class":389,"line":545},[387,1441,1442],{"class":492},"  \u003C",[387,1444,1445],{"class":551},"div",[387,1447,1043],{"class":502},[387,1449,1382],{"class":492},[387,1451,506],{"class":492},[387,1453,1454],{"class":396},"mjl-container flex justify-between items-center",[387,1456,506],{"class":492},[387,1458,1413],{"class":492},[387,1460,1461,1464,1466,1468,1470,1472,1475,1477,1479,1482,1484,1486],{"class":389,"line":561},[387,1462,1463],{"class":492},"    \u003C",[387,1465,387],{"class":551},[387,1467,1043],{"class":502},[387,1469,1382],{"class":492},[387,1471,506],{"class":492},[387,1473,1474],{"class":396},"font-bold text-lg text-primary-700",[387,1476,506],{"class":492},[387,1478,1082],{"class":492},[387,1480,1481],{"class":727},"Majalengka Public Services",[387,1483,1408],{"class":492},[387,1485,387],{"class":551},[387,1487,1413],{"class":492},[387,1489,1490,1493,1495],{"class":389,"line":577},[387,1491,1492],{"class":492},"  \u003C\u002F",[387,1494,1445],{"class":551},[387,1496,1413],{"class":492},[387,1498,1499,1501,1503],{"class":389,"line":593},[387,1500,1408],{"class":492},[387,1502,1424],{"class":551},[387,1504,1413],{"class":492},[387,1506,1507],{"class":389,"line":607},[387,1508,779],{"emptyLinePlaceholder":778},[387,1510,1511,1513,1516,1519,1521,1523,1525,1527,1529,1531,1533,1536,1538],{"class":389,"line":618},[387,1512,1062],{"class":492},[387,1514,1515],{"class":551},"main",[387,1517,1518],{"class":502}," id",[387,1520,1382],{"class":492},[387,1522,506],{"class":492},[387,1524,1515],{"class":396},[387,1526,506],{"class":492},[387,1528,1043],{"class":502},[387,1530,1382],{"class":492},[387,1532,506],{"class":492},[387,1534,1535],{"class":396},"mjl-container py-8",[387,1537,506],{"class":492},[387,1539,1413],{"class":492},[387,1541,1542,1544,1547,1550,1552],{"class":389,"line":624},[387,1543,1442],{"class":492},[387,1545,1546],{"class":551},"router-outlet",[387,1548,1549],{"class":492},">\u003C\u002F",[387,1551,1546],{"class":551},[387,1553,1413],{"class":492},[387,1555,1556,1558,1560],{"class":389,"line":630},[387,1557,1408],{"class":492},[387,1559,1515],{"class":551},[387,1561,1413],{"class":492},[1563,1564,1565],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .su27w, html code.shiki .su27w{--shiki-light:#916B53;--shiki-default:#916B53;--shiki-dark:#916B53}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":383,"searchDepth":496,"depth":496,"links":1567},[1568,1569,1575,1576],{"id":363,"depth":496,"text":364},{"id":457,"depth":496,"text":458,"children":1570},[1571,1573],{"id":465,"depth":514,"text":1572},"Opsi 1: Lewat angular.json (Disarankan)",{"id":660,"depth":514,"text":1574},"Opsi 2: Lewat src\u002Fstyles.css atau src\u002Fstyles.scss",{"id":704,"depth":496,"text":705},{"id":1350,"depth":496,"text":1577},"Template Root Angular (src\u002Fapp\u002Fapp.component.html)","Panduan instalasi dan penggunaan Majalengka Design System di proyek Angular (v17 ke atas).","md",null,{},{"title":44,"description":1578},"gJT8l5e1J-h7JxkoMnDFson8byI2-6CQyA32rM2S7bI",{"id":349,"title":44,"body":1585,"description":1578,"extension":1579,"links":1580,"meta":2524,"navigation":778,"path":45,"seo":2525,"stem":46,"__hash__":1583},{"type":351,"value":1586,"toc":2515},[1587,1589,1591,1593,1597,1655,1657,1659,1661,1665,1671,1797,1803,1805,1825,1827,1829,1831,2327,2329,2333,2335,2513],[354,1588,356],{},[358,1590],{},[361,1592,364],{"id":363},[354,1594,367,1595,372],{},[369,1596,371],{},[374,1598,1599,1613,1627,1641],{},[377,1600,1601],{"className":379,"code":380,"filename":381,"language":382,"meta":383,"style":383},[369,1602,1603],{"__ignoreMap":383},[387,1604,1605,1607,1609,1611],{"class":389,"line":390},[387,1606,381],{"class":393},[387,1608,397],{"class":396},[387,1610,400],{"class":396},[387,1612,403],{"class":396},[377,1614,1615],{"className":379,"code":406,"filename":407,"language":382,"meta":383,"style":383},[369,1616,1617],{"__ignoreMap":383},[387,1618,1619,1621,1623,1625],{"class":389,"line":390},[387,1620,407],{"class":393},[387,1622,397],{"class":396},[387,1624,400],{"class":396},[387,1626,403],{"class":396},[377,1628,1629],{"className":379,"code":422,"filename":423,"language":382,"meta":383,"style":383},[369,1630,1631],{"__ignoreMap":383},[387,1632,1633,1635,1637,1639],{"class":389,"line":390},[387,1634,423],{"class":393},[387,1636,432],{"class":396},[387,1638,400],{"class":396},[387,1640,403],{"class":396},[377,1642,1643],{"className":379,"code":439,"filename":440,"language":382,"meta":383,"style":383},[369,1644,1645],{"__ignoreMap":383},[387,1646,1647,1649,1651,1653],{"class":389,"line":390},[387,1648,440],{"class":393},[387,1650,397],{"class":396},[387,1652,400],{"class":396},[387,1654,403],{"class":396},[358,1656],{},[361,1658,458],{"id":457},[354,1660,461],{},[463,1662,466,1663,470],{"id":465},[369,1664,469],{},[354,1666,473,1667,476,1669,480],{},[369,1668,469],{},[369,1670,479],{},[377,1672,1673],{"className":483,"code":484,"filename":469,"language":485,"meta":383,"style":383},[369,1674,1675,1679,1691,1703,1715,1727,1739,1751,1761,1769,1773,1777,1781,1785,1789,1793],{"__ignoreMap":383},[387,1676,1677],{"class":389,"line":390},[387,1678,493],{"class":492},[387,1680,1681,1683,1685,1687,1689],{"class":389,"line":496},[387,1682,499],{"class":492},[387,1684,503],{"class":502},[387,1686,506],{"class":492},[387,1688,480],{"class":492},[387,1690,511],{"class":492},[387,1692,1693,1695,1697,1699,1701],{"class":389,"line":514},[387,1694,517],{"class":492},[387,1696,520],{"class":393},[387,1698,506],{"class":492},[387,1700,480],{"class":492},[387,1702,511],{"class":492},[387,1704,1705,1707,1709,1711,1713],{"class":389,"line":529},[387,1706,532],{"class":492},[387,1708,536],{"class":535},[387,1710,506],{"class":492},[387,1712,480],{"class":492},[387,1714,511],{"class":492},[387,1716,1717,1719,1721,1723,1725],{"class":389,"line":545},[387,1718,548],{"class":492},[387,1720,552],{"class":551},[387,1722,506],{"class":492},[387,1724,480],{"class":492},[387,1726,511],{"class":492},[387,1728,1729,1731,1733,1735,1737],{"class":389,"line":561},[387,1730,564],{"class":492},[387,1732,568],{"class":567},[387,1734,506],{"class":492},[387,1736,480],{"class":492},[387,1738,511],{"class":492},[387,1740,1741,1743,1745,1747,1749],{"class":389,"line":577},[387,1742,580],{"class":492},[387,1744,479],{"class":583},[387,1746,506],{"class":492},[387,1748,480],{"class":492},[387,1750,590],{"class":492},[387,1752,1753,1755,1757,1759],{"class":389,"line":593},[387,1754,596],{"class":492},[387,1756,599],{"class":396},[387,1758,506],{"class":492},[387,1760,604],{"class":492},[387,1762,1763,1765,1767],{"class":389,"line":607},[387,1764,596],{"class":492},[387,1766,612],{"class":396},[387,1768,615],{"class":492},[387,1770,1771],{"class":389,"line":618},[387,1772,621],{"class":492},[387,1774,1775],{"class":389,"line":624},[387,1776,627],{"class":492},[387,1778,1779],{"class":389,"line":630},[387,1780,633],{"class":492},[387,1782,1783],{"class":389,"line":636},[387,1784,639],{"class":492},[387,1786,1787],{"class":389,"line":642},[387,1788,645],{"class":492},[387,1790,1791],{"class":389,"line":648},[387,1792,651],{"class":492},[387,1794,1795],{"class":389,"line":654},[387,1796,657],{"class":492},[463,1798,661,1799,664,1801],{"id":660},[369,1800,612],{},[369,1802,667],{},[354,1804,670],{},[377,1806,1807],{"className":673,"code":674,"filename":612,"language":675,"meta":383,"style":383},[369,1808,1809,1813],{"__ignoreMap":383},[387,1810,1811],{"class":389,"line":390},[387,1812,683],{"class":682},[387,1814,1815,1817,1819,1821,1823],{"class":389,"line":496},[387,1816,689],{"class":688},[387,1818,692],{"class":492},[387,1820,371],{"class":396},[387,1822,506],{"class":492},[387,1824,699],{"class":492},[358,1826],{},[361,1828,705],{"id":704},[354,1830,708],{},[377,1832,1833],{"className":711,"code":712,"filename":713,"language":714,"meta":383,"style":383},[369,1834,1835,1859,1879,1883,1893,1907,1917,1927,1935,1939,1943,1947,1951,1955,1959,1963,1967,1971,1975,1979,1983,1987,1991,1995,1999,2003,2007,2011,2015,2019,2023,2027,2031,2035,2039,2043,2047,2051,2055,2059,2063,2067,2073,2083,2121,2125,2133,2151,2161,2173,2177,2181,2189,2225,2229,2233,2241,2257,2261,2265,2273,2319,2323],{"__ignoreMap":383},[387,1836,1837,1839,1841,1843,1845,1847,1849,1851,1853,1855,1857],{"class":389,"line":390},[387,1838,721],{"class":688},[387,1840,724],{"class":492},[387,1842,728],{"class":727},[387,1844,731],{"class":492},[387,1846,734],{"class":727},[387,1848,737],{"class":492},[387,1850,740],{"class":688},[387,1852,743],{"class":492},[387,1854,746],{"class":396},[387,1856,749],{"class":492},[387,1858,699],{"class":492},[387,1860,1861,1863,1865,1867,1869,1871,1873,1875,1877],{"class":389,"line":496},[387,1862,721],{"class":688},[387,1864,724],{"class":492},[387,1866,760],{"class":727},[387,1868,737],{"class":492},[387,1870,740],{"class":688},[387,1872,743],{"class":492},[387,1874,769],{"class":396},[387,1876,749],{"class":492},[387,1878,699],{"class":492},[387,1880,1881],{"class":389,"line":514},[387,1882,779],{"emptyLinePlaceholder":778},[387,1884,1885,1887,1889,1891],{"class":389,"line":529},[387,1886,784],{"class":492},[387,1888,787],{"class":583},[387,1890,790],{"class":727},[387,1892,493],{"class":492},[387,1894,1895,1897,1899,1901,1903,1905],{"class":389,"line":545},[387,1896,797],{"class":551},[387,1898,480],{"class":492},[387,1900,743],{"class":492},[387,1902,804],{"class":396},[387,1904,749],{"class":492},[387,1906,604],{"class":492},[387,1908,1909,1911,1913,1915],{"class":389,"line":561},[387,1910,813],{"class":551},[387,1912,480],{"class":492},[387,1914,819],{"class":818},[387,1916,604],{"class":492},[387,1918,1919,1921,1923,1925],{"class":389,"line":577},[387,1920,826],{"class":551},[387,1922,480],{"class":492},[387,1924,831],{"class":727},[387,1926,604],{"class":492},[387,1928,1929,1931,1933],{"class":389,"line":593},[387,1930,838],{"class":551},[387,1932,480],{"class":492},[387,1934,843],{"class":492},[387,1936,1937],{"class":389,"line":607},[387,1938,848],{"class":396},[387,1940,1941],{"class":389,"line":618},[387,1942,853],{"class":396},[387,1944,1945],{"class":389,"line":624},[387,1946,858],{"class":396},[387,1948,1949],{"class":389,"line":630},[387,1950,863],{"class":396},[387,1952,1953],{"class":389,"line":636},[387,1954,868],{"class":396},[387,1956,1957],{"class":389,"line":642},[387,1958,873],{"class":396},[387,1960,1961],{"class":389,"line":648},[387,1962,878],{"class":396},[387,1964,1965],{"class":389,"line":654},[387,1966,883],{"class":396},[387,1968,1969],{"class":389,"line":886},[387,1970,889],{"class":396},[387,1972,1973],{"class":389,"line":892},[387,1974,779],{"emptyLinePlaceholder":778},[387,1976,1977],{"class":389,"line":897},[387,1978,900],{"class":396},[387,1980,1981],{"class":389,"line":903},[387,1982,906],{"class":396},[387,1984,1985],{"class":389,"line":909},[387,1986,912],{"class":396},[387,1988,1989],{"class":389,"line":915},[387,1990,779],{"emptyLinePlaceholder":778},[387,1992,1993],{"class":389,"line":920},[387,1994,923],{"class":396},[387,1996,1997],{"class":389,"line":926},[387,1998,929],{"class":396},[387,2000,2001],{"class":389,"line":932},[387,2002,935],{"class":396},[387,2004,2005],{"class":389,"line":938},[387,2006,941],{"class":396},[387,2008,2009],{"class":389,"line":944},[387,2010,947],{"class":396},[387,2012,2013],{"class":389,"line":950},[387,2014,953],{"class":396},[387,2016,2017],{"class":389,"line":956},[387,2018,959],{"class":396},[387,2020,2021],{"class":389,"line":962},[387,2022,965],{"class":396},[387,2024,2025],{"class":389,"line":968},[387,2026,779],{"emptyLinePlaceholder":778},[387,2028,2029],{"class":389,"line":973},[387,2030,929],{"class":396},[387,2032,2033],{"class":389,"line":978},[387,2034,935],{"class":396},[387,2036,2037],{"class":389,"line":983},[387,2038,986],{"class":396},[387,2040,2041],{"class":389,"line":989},[387,2042,992],{"class":396},[387,2044,2045],{"class":389,"line":995},[387,2046,953],{"class":396},[387,2048,2049],{"class":389,"line":1000},[387,2050,1003],{"class":396},[387,2052,2053],{"class":389,"line":1006},[387,2054,965],{"class":396},[387,2056,2057],{"class":389,"line":1011},[387,2058,889],{"class":396},[387,2060,2061],{"class":389,"line":1016},[387,2062,1019],{"class":396},[387,2064,2065],{"class":389,"line":1022},[387,2066,1025],{"class":492},[387,2068,2069,2071],{"class":389,"line":1028},[387,2070,1031],{"class":492},[387,2072,1034],{"class":727},[387,2074,2075,2077,2079,2081],{"class":389,"line":1037},[387,2076,1040],{"class":688},[387,2078,1043],{"class":502},[387,2080,1046],{"class":393},[387,2082,511],{"class":492},[387,2084,2085,2087,2089,2091,2093,2095,2097,2099,2101,2103,2105,2107,2109,2111,2113,2115,2117,2119],{"class":389,"line":1051},[387,2086,1054],{"class":551},[387,2088,1057],{"class":492},[387,2090,734],{"class":551},[387,2092,1062],{"class":492},[387,2094,749],{"class":492},[387,2096,1067],{"class":396},[387,2098,749],{"class":492},[387,2100,1072],{"class":492},[387,2102,743],{"class":492},[387,2104,1077],{"class":396},[387,2106,749],{"class":492},[387,2108,1082],{"class":492},[387,2110,790],{"class":727},[387,2112,749],{"class":492},[387,2114,1067],{"class":396},[387,2116,749],{"class":492},[387,2118,1093],{"class":727},[387,2120,699],{"class":492},[387,2122,2123],{"class":389,"line":1098},[387,2124,779],{"emptyLinePlaceholder":778},[387,2126,2127,2129,2131],{"class":389,"line":1103},[387,2128,1106],{"class":551},[387,2130,1109],{"class":492},[387,2132,511],{"class":492},[387,2134,2135,2137,2139,2141,2143,2145,2147,2149],{"class":389,"line":1114},[387,2136,1117],{"class":688},[387,2138,1120],{"class":492},[387,2140,1123],{"class":583},[387,2142,1126],{"class":551},[387,2144,1129],{"class":492},[387,2146,743],{"class":492},[387,2148,1067],{"class":396},[387,2150,1136],{"class":492},[387,2152,2153,2155,2157,2159],{"class":389,"line":1139},[387,2154,1142],{"class":492},[387,2156,743],{"class":492},[387,2158,1147],{"class":396},[387,2160,1136],{"class":492},[387,2162,2163,2165,2167,2169,2171],{"class":389,"line":1152},[387,2164,1155],{"class":492},[387,2166,743],{"class":492},[387,2168,1160],{"class":396},[387,2170,749],{"class":492},[387,2172,699],{"class":492},[387,2174,2175],{"class":389,"line":1167},[387,2176,651],{"class":492},[387,2178,2179],{"class":389,"line":1172},[387,2180,779],{"emptyLinePlaceholder":778},[387,2182,2183,2185,2187],{"class":389,"line":1177},[387,2184,1180],{"class":551},[387,2186,1109],{"class":492},[387,2188,511],{"class":492},[387,2190,2191,2193,2195,2197,2199,2201,2203,2205,2207,2209,2211,2213,2215,2217,2219,2221,2223],{"class":389,"line":1187},[387,2192,1117],{"class":688},[387,2194,1120],{"class":492},[387,2196,1123],{"class":583},[387,2198,1126],{"class":551},[387,2200,1129],{"class":492},[387,2202,743],{"class":492},[387,2204,1067],{"class":396},[387,2206,749],{"class":492},[387,2208,1206],{"class":492},[387,2210,743],{"class":492},[387,2212,1211],{"class":396},[387,2214,749],{"class":492},[387,2216,1216],{"class":492},[387,2218,743],{"class":492},[387,2220,1221],{"class":396},[387,2222,749],{"class":492},[387,2224,699],{"class":492},[387,2226,2227],{"class":389,"line":1228},[387,2228,651],{"class":492},[387,2230,2231],{"class":389,"line":1233},[387,2232,779],{"emptyLinePlaceholder":778},[387,2234,2235,2237,2239],{"class":389,"line":1238},[387,2236,1241],{"class":551},[387,2238,1109],{"class":492},[387,2240,511],{"class":492},[387,2242,2243,2245,2247,2249,2251,2253,2255],{"class":389,"line":1248},[387,2244,1251],{"class":583},[387,2246,790],{"class":551},[387,2248,749],{"class":492},[387,2250,1258],{"class":396},[387,2252,749],{"class":492},[387,2254,1093],{"class":551},[387,2256,699],{"class":492},[387,2258,2259],{"class":389,"line":1267},[387,2260,651],{"class":492},[387,2262,2263],{"class":389,"line":1272},[387,2264,779],{"emptyLinePlaceholder":778},[387,2266,2267,2269,2271],{"class":389,"line":1277},[387,2268,1280],{"class":551},[387,2270,1109],{"class":492},[387,2272,511],{"class":492},[387,2274,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305,2307,2309,2311,2313,2315,2317],{"class":389,"line":1287},[387,2276,1290],{"class":492},[387,2278,1123],{"class":727},[387,2280,1295],{"class":492},[387,2282,1298],{"class":583},[387,2284,790],{"class":551},[387,2286,1303],{"class":492},[387,2288,1123],{"class":583},[387,2290,1126],{"class":551},[387,2292,1129],{"class":492},[387,2294,743],{"class":492},[387,2296,1067],{"class":396},[387,2298,749],{"class":492},[387,2300,1206],{"class":492},[387,2302,743],{"class":492},[387,2304,1077],{"class":396},[387,2306,749],{"class":492},[387,2308,1216],{"class":492},[387,2310,743],{"class":492},[387,2312,1067],{"class":396},[387,2314,749],{"class":492},[387,2316,1093],{"class":551},[387,2318,699],{"class":492},[387,2320,2321],{"class":389,"line":1338},[387,2322,651],{"class":492},[387,2324,2325],{"class":389,"line":1343},[387,2326,657],{"class":492},[358,2328],{},[361,2330,1351,2331,1093],{"id":1350},[369,2332,1354],{},[354,2334,1357],{},[377,2336,2337],{"className":1360,"code":1361,"filename":1354,"language":1362,"meta":383,"style":383},[369,2338,2339,2343,2379,2383,2401,2419,2445,2453,2461,2465,2493,2505],{"__ignoreMap":383},[387,2340,2341],{"class":389,"line":390},[387,2342,1369],{"class":682},[387,2344,2345,2347,2349,2351,2353,2355,2357,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377],{"class":389,"line":496},[387,2346,1062],{"class":492},[387,2348,1376],{"class":551},[387,2350,1379],{"class":502},[387,2352,1382],{"class":492},[387,2354,506],{"class":492},[387,2356,1387],{"class":396},[387,2358,506],{"class":492},[387,2360,1043],{"class":502},[387,2362,1382],{"class":492},[387,2364,506],{"class":492},[387,2366,1398],{"class":396},[387,2368,506],{"class":492},[387,2370,1082],{"class":492},[387,2372,1405],{"class":727},[387,2374,1408],{"class":492},[387,2376,1376],{"class":551},[387,2378,1413],{"class":492},[387,2380,2381],{"class":389,"line":514},[387,2382,779],{"emptyLinePlaceholder":778},[387,2384,2385,2387,2389,2391,2393,2395,2397,2399],{"class":389,"line":529},[387,2386,1062],{"class":492},[387,2388,1424],{"class":551},[387,2390,1043],{"class":502},[387,2392,1382],{"class":492},[387,2394,506],{"class":492},[387,2396,1433],{"class":396},[387,2398,506],{"class":492},[387,2400,1413],{"class":492},[387,2402,2403,2405,2407,2409,2411,2413,2415,2417],{"class":389,"line":545},[387,2404,1442],{"class":492},[387,2406,1445],{"class":551},[387,2408,1043],{"class":502},[387,2410,1382],{"class":492},[387,2412,506],{"class":492},[387,2414,1454],{"class":396},[387,2416,506],{"class":492},[387,2418,1413],{"class":492},[387,2420,2421,2423,2425,2427,2429,2431,2433,2435,2437,2439,2441,2443],{"class":389,"line":561},[387,2422,1463],{"class":492},[387,2424,387],{"class":551},[387,2426,1043],{"class":502},[387,2428,1382],{"class":492},[387,2430,506],{"class":492},[387,2432,1474],{"class":396},[387,2434,506],{"class":492},[387,2436,1082],{"class":492},[387,2438,1481],{"class":727},[387,2440,1408],{"class":492},[387,2442,387],{"class":551},[387,2444,1413],{"class":492},[387,2446,2447,2449,2451],{"class":389,"line":577},[387,2448,1492],{"class":492},[387,2450,1445],{"class":551},[387,2452,1413],{"class":492},[387,2454,2455,2457,2459],{"class":389,"line":593},[387,2456,1408],{"class":492},[387,2458,1424],{"class":551},[387,2460,1413],{"class":492},[387,2462,2463],{"class":389,"line":607},[387,2464,779],{"emptyLinePlaceholder":778},[387,2466,2467,2469,2471,2473,2475,2477,2479,2481,2483,2485,2487,2489,2491],{"class":389,"line":618},[387,2468,1062],{"class":492},[387,2470,1515],{"class":551},[387,2472,1518],{"class":502},[387,2474,1382],{"class":492},[387,2476,506],{"class":492},[387,2478,1515],{"class":396},[387,2480,506],{"class":492},[387,2482,1043],{"class":502},[387,2484,1382],{"class":492},[387,2486,506],{"class":492},[387,2488,1535],{"class":396},[387,2490,506],{"class":492},[387,2492,1413],{"class":492},[387,2494,2495,2497,2499,2501,2503],{"class":389,"line":624},[387,2496,1442],{"class":492},[387,2498,1546],{"class":551},[387,2500,1549],{"class":492},[387,2502,1546],{"class":551},[387,2504,1413],{"class":492},[387,2506,2507,2509,2511],{"class":389,"line":630},[387,2508,1408],{"class":492},[387,2510,1515],{"class":551},[387,2512,1413],{"class":492},[1563,2514,1565],{},{"title":383,"searchDepth":496,"depth":496,"links":2516},[2517,2518,2522,2523],{"id":363,"depth":496,"text":364},{"id":457,"depth":496,"text":458,"children":2519},[2520,2521],{"id":465,"depth":514,"text":1572},{"id":660,"depth":514,"text":1574},{"id":704,"depth":496,"text":705},{"id":1350,"depth":496,"text":1577},{},{"title":44,"description":1578},[2527,2529],{"title":40,"path":41,"stem":42,"description":2528,"children":-1},"Cara integrasi Majalengka Design System di proyek Svelte 5 dan SvelteKit.",{"title":55,"path":56,"stem":57,"description":2530,"children":-1},"Skala warna primer Biru Majalengka (#0014A8), netral, status, dan aksen lokal mangga.",1791989388522]