{"id":574,"date":"2025-12-24T02:45:50","date_gmt":"2025-12-24T02:45:50","guid":{"rendered":"http:\/\/localhost\/kmsnew\/?page_id=574"},"modified":"2026-01-15T02:41:41","modified_gmt":"2026-01-15T02:41:41","slug":"monografi-kms","status":"publish","type":"page","link":"https:\/\/selatan.magelangkota.go.id\/?page_id=574","title":{"rendered":"Monografi KMS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"574\" class=\"elementor elementor-574\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c920b54 e-flex e-con-boxed e-con e-parent\" data-id=\"c920b54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c060a0a elementor-widget elementor-widget-spacer\" data-id=\"c060a0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8323d71 elementor-widget elementor-widget-heading\" data-id=\"8323d71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">MONOGRAFI<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d613f52 elementor-widget elementor-widget-heading\" data-id=\"d613f52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">KECAMATAN MAGELANG SELATAN KOTA MAGELANG<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31189f7 elementor-widget elementor-widget-spacer\" data-id=\"31189f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ecb37b elementor-widget elementor-widget-text-editor\" data-id=\"8ecb37b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div id=\"dslc-module-816f963ec32\" class=\"dslc-module-front dslc-module-DSLC_Text_Simple dslc-in-viewport-check dslc-in-viewport-anim-none dslc-col dslc-12-col dslc-last-col dslc-module-handle-like-regular dslc-in-viewport\" data-module-id=\"816f963ec32\" data-module=\"DSLC_Text_Simple\" data-dslc-module-size=\"12\" data-dslc-anim=\"none\" data-dslc-anim-delay=\"\" data-dslc-anim-duration=\"650\" data-dslc-anim-easing=\"ease\" data-dslc-preset=\"none\"><div class=\"dslc-text-module-content\"><p data-start=\"374\" data-end=\"697\"><strong data-start=\"374\" data-end=\"404\">Kecamatan Magelang Selatan<\/strong> merupakan salah satu Kecamatan di wilayah Kota Magelang yang berperan sebagai pusat pelayanan pemerintahan, sosial, dan kemasyarakatan. Kecamatan ini memiliki karakter wilayah perkotaan yang dinamis dengan aktivitas masyarakat yang beragam di bidang ekonomi, pendidikan, dan pelayanan publik.<\/p><p data-start=\"699\" data-end=\"905\">Sebagai bagian dari Kota Magelang, Kecamatan Magelang Selatan berkomitmen memberikan pelayanan prima kepada masyarakat dengan mengedepankan prinsip transparansi, akuntabilitas, dan inovasi pelayanan publik.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca4ba1 elementor-widget elementor-widget-text-editor\" data-id=\"9ca4ba1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div id=\"dslc-module-816f963ec32\" class=\"dslc-module-front dslc-module-DSLC_Text_Simple dslc-in-viewport-check dslc-in-viewport-anim-none dslc-col dslc-12-col dslc-last-col dslc-module-handle-like-regular dslc-in-viewport\" data-module-id=\"816f963ec32\" data-module=\"DSLC_Text_Simple\" data-dslc-module-size=\"12\" data-dslc-anim=\"none\" data-dslc-anim-delay=\"\" data-dslc-anim-duration=\"650\" data-dslc-anim-easing=\"ease\" data-dslc-preset=\"none\"><div class=\"dslc-text-module-content\"><p data-start=\"374\" data-end=\"697\"><b>Semua Informasi pada halaman ini bersumber dari Website DataGo Kota Magelang<\/b><\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66e43d8 elementor-widget elementor-widget-spacer\" data-id=\"66e43d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6aeabe e-flex e-con-boxed e-con e-parent\" data-id=\"f6aeabe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-80be25c e-con-full e-flex e-con e-child\" data-id=\"80be25c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd3b20a elementor-widget elementor-widget-data_table_lite\" data-id=\"cd3b20a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"data_table_lite.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"chart-card graphina-jquery-data-table\"\n\tdata-element_id=\"cd3b20a\"\n\tdata-common_filter_id=\"\"\n\tdata-chart_type=\"data_table_lite\"\n\tdata-chart_data='{&quot;columns&quot;:[{&quot;title&quot;:&quot;Uraian&quot;},{&quot;title&quot;:&quot;Keterangan&quot;}],&quot;data&quot;:[[&quot;Nama Kecamatan&quot;,&quot;Kecamatan Magelang Selatan&quot;],[&quot;Kota&quot;,&quot;Magelang&quot;],[&quot;Provinsi&quot;,&quot;Jawa Tengah&quot;],[&quot;Luas Wilayah&quot;,&quot;7,14 km\\u00b2&quot;],[&quot;Jumlah Kelurahan&quot;,&quot;6&quot;],[&quot;Jumlah RW&quot;,&quot;70&quot;],[&quot;Jumlah RT&quot;,&quot;326&quot;],[&quot;Ketinggian Wilayah&quot;,&quot;337 DPL&quot;]],&quot;searching&quot;:false,&quot;paging&quot;:false,&quot;info&quot;:false,&quot;lengthChange&quot;:false,&quot;sort&quot;:false,&quot;pagingType&quot;:&quot;full&quot;,&quot;scrollX&quot;:true,&quot;scrollY&quot;:&quot;&quot;,&quot;pageLength&quot;:-1,&quot;responsive&quot;:true,&quot;dom&quot;:&quot;Bfrtip&quot;,&quot;lengthMenu&quot;:[[10,50,100,-1],[10,50,100,&quot;All&quot;]],&quot;buttons&quot;:[],&quot;columnDefs&quot;:[{&quot;className&quot;:&quot;dt-head-left&quot;,&quot;targets&quot;:&quot;_all&quot;},{&quot;className&quot;:&quot;dt-left&quot;,&quot;targets&quot;:&quot;_all&quot;}],&quot;deferRender&quot;:true,&quot;language&quot;:{&quot;search&quot;:&quot;&quot;,&quot;info&quot;:&quot;Showing _START_ to _END_ of _TOTAL_ entries&quot;,&quot;searchPlaceholder&quot;:&quot;Search....&quot;,&quot;emptyTable&quot;:&quot;No data available in table&quot;,&quot;zeroRecords&quot;:&quot;No matching records found&quot;,&quot;paginate&quot;:{&quot;first&quot;:&quot;First&quot;,&quot;last&quot;:&quot;Last&quot;,&quot;next&quot;:&quot;Next&quot;,&quot;previous&quot;:&quot;Previous&quot;},&quot;buttons&quot;:{&quot;copy&quot;:&quot;Copy&quot;,&quot;pdf&quot;:&quot;PDF&quot;,&quot;print&quot;:&quot;Print&quot;,&quot;excel&quot;:&quot;Excel&quot;,&quot;pageLength&quot;:{&quot;-1&quot;:&quot;Show all rows&quot;,&quot;_&quot;:&quot;Show %d rows&quot;}}}}'\n\tdata-extra_data='{&quot;current_post_id&quot;:574,&quot;prefix&quot;:&quot;iq_&quot;,&quot;header_class&quot;:&quot;dt-head-left&quot;,&quot;table_data_direct&quot;:false,&quot;table_footer&quot;:false,&quot;is_dynamic_table&quot;:false,&quot;hide_column_header&quot;:true}'\n\tdata-settings='[]'>\n\t<div class=\"\">\n\t\t\t\t\t<h4 class=\"heading graphina-chart-heading\">\n\t\t\t\tData Umum Kecamatan\t\t\t<\/h4>\n\t\t\t\t\t\t<p class=\"sub-heading graphina-chart-sub-heading\">\n\t\t\t\t\t\t\t<\/p>\n\t\t\t<\/div>\n\n\t\n\t<table id=\"data_table_lite_cd3b20a\"\n\t\tclass=\"chart-texture display wrap data_table_lite_cd3b20a\">\n\t<\/table>\n\t<p id=\"data_table_lite_loading_cd3b20a\" class=\"graphina-chart-heading table-loading-txt\">\n\t\tLoading..........\t<\/p>\n\t<p id=\"data_table_lite_no_data_cd3b20a\" class=\"graphina-chart-heading table-data-not-available-txt\">\n\t\tThe Data is Not Available\t<\/p>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c3e247 e-con-full e-flex e-con e-child\" data-id=\"4c3e247\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc2d4c elementor-widget elementor-widget-data_table_lite\" data-id=\"1dc2d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"data_table_lite.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"chart-card graphina-jquery-data-table\"\n\tdata-element_id=\"1dc2d4c\"\n\tdata-common_filter_id=\"\"\n\tdata-chart_type=\"data_table_lite\"\n\tdata-chart_data='{&quot;columns&quot;:[{&quot;title&quot;:&quot;Uraian&quot;},{&quot;title&quot;:&quot;Keterangan&quot;}],&quot;data&quot;:[[&quot;Utara&quot;,&quot;Kecamatan Magelang Tengah, Kota Magelang&quot;],[&quot;Timur&quot;,&quot;Kecamatan Candimulyo, Kabupaten Magelang&quot;],[&quot;Barat&quot;,&quot;Kecamatan Bandongan, Kabupaten Magelang&quot;],[&quot;&quot;,&quot;Kecamatan Mertoyudan, Kabupaten Magelang&quot;],[&quot;Selatan&quot;,&quot;Kecamatan Mertoyudan, Kabupaten Magelang&quot;]],&quot;searching&quot;:false,&quot;paging&quot;:false,&quot;info&quot;:false,&quot;lengthChange&quot;:false,&quot;sort&quot;:false,&quot;pagingType&quot;:&quot;full&quot;,&quot;scrollX&quot;:true,&quot;scrollY&quot;:&quot;&quot;,&quot;pageLength&quot;:-1,&quot;responsive&quot;:true,&quot;dom&quot;:&quot;Bfrtip&quot;,&quot;lengthMenu&quot;:[[10,50,100,-1],[10,50,100,&quot;All&quot;]],&quot;buttons&quot;:[],&quot;columnDefs&quot;:[{&quot;className&quot;:&quot;dt-head-left&quot;,&quot;targets&quot;:&quot;_all&quot;},{&quot;className&quot;:&quot;dt-left&quot;,&quot;targets&quot;:&quot;_all&quot;}],&quot;deferRender&quot;:true,&quot;language&quot;:{&quot;search&quot;:&quot;&quot;,&quot;info&quot;:&quot;Showing _START_ to _END_ of _TOTAL_ entries&quot;,&quot;searchPlaceholder&quot;:&quot;Search....&quot;,&quot;emptyTable&quot;:&quot;No data available in table&quot;,&quot;zeroRecords&quot;:&quot;No matching records found&quot;,&quot;paginate&quot;:{&quot;first&quot;:&quot;First&quot;,&quot;last&quot;:&quot;Last&quot;,&quot;next&quot;:&quot;Next&quot;,&quot;previous&quot;:&quot;Previous&quot;},&quot;buttons&quot;:{&quot;copy&quot;:&quot;Copy&quot;,&quot;pdf&quot;:&quot;PDF&quot;,&quot;print&quot;:&quot;Print&quot;,&quot;excel&quot;:&quot;Excel&quot;,&quot;pageLength&quot;:{&quot;-1&quot;:&quot;Show all rows&quot;,&quot;_&quot;:&quot;Show %d rows&quot;}}}}'\n\tdata-extra_data='{&quot;current_post_id&quot;:574,&quot;prefix&quot;:&quot;iq_&quot;,&quot;header_class&quot;:&quot;dt-head-left&quot;,&quot;table_data_direct&quot;:false,&quot;table_footer&quot;:false,&quot;is_dynamic_table&quot;:false,&quot;hide_column_header&quot;:true}'\n\tdata-settings='[]'>\n\t<div class=\"\">\n\t\t\t\t\t<h4 class=\"heading graphina-chart-heading\">\n\t\t\t\tBatas Wilayah\t\t\t<\/h4>\n\t\t\t\t\t\t<p class=\"sub-heading graphina-chart-sub-heading\">\n\t\t\t\t\t\t\t<\/p>\n\t\t\t<\/div>\n\n\t\n\t<table id=\"data_table_lite_1dc2d4c\"\n\t\tclass=\"chart-texture display wrap data_table_lite_1dc2d4c\">\n\t<\/table>\n\t<p id=\"data_table_lite_loading_1dc2d4c\" class=\"graphina-chart-heading table-loading-txt\">\n\t\tLoading..........\t<\/p>\n\t<p id=\"data_table_lite_no_data_1dc2d4c\" class=\"graphina-chart-heading table-data-not-available-txt\">\n\t\tThe Data is Not Available\t<\/p>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f95fad e-flex e-con-boxed e-con e-parent\" data-id=\"6f95fad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8d666d4 e-con-full e-flex e-con e-child\" data-id=\"8d666d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f9acff elementor-widget elementor-widget-donut_chart\" data-id=\"8f9acff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"donut_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div role=\"img\" class=\"chart-card\">\n\t<div>\n\t\t\t\t\t<h4 class=\"heading graphina-chart-heading\">\n\t\t\t\tTotal Penduduk Kecamatan Magelang Selatan\t\t\t<\/h4>\n\t\t\n\t\t\t\t\t<p class=\"sub-heading graphina-chart-sub-heading\">\n\t\t\t\tTahun 2025 Semester 1\t\t\t<\/p>\n\t\t\t<\/div>\n\t\n<div class=\"chart-box\">\n    <div class=\"graphina-elementor-chart \"\n        data-common_filter_id=\"\"\n        data-chart_type=\"donut\"\n        data-element_id=\"8f9acff\"\n        data-chart_options=\"{&quot;series&quot;:[21122,21211],&quot;chart&quot;:{&quot;id&quot;:&quot;8f9acff&quot;,&quot;background&quot;:&quot;&quot;,&quot;height&quot;:350,&quot;type&quot;:&quot;donut&quot;,&quot;toolbar&quot;:{&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;show&quot;:false,&quot;export&quot;:{&quot;csv&quot;:{&quot;filename&quot;:&quot;&quot;},&quot;svg&quot;:{&quot;filename&quot;:&quot;&quot;},&quot;png&quot;:{&quot;filename&quot;:&quot;&quot;}},&quot;tools&quot;:{&quot;download&quot;:false}},&quot;dropShadow&quot;:{&quot;enabled&quot;:false,&quot;top&quot;:0,&quot;left&quot;:0,&quot;blur&quot;:0,&quot;color&quot;:&quot;&quot;,&quot;opacity&quot;:0},&quot;animations&quot;:{&quot;enabled&quot;:true,&quot;speed&quot;:800,&quot;delay&quot;:150},&quot;locales&quot;:[{&quot;name&quot;:&quot;en_US&quot;,&quot;options&quot;:{&quot;toolbar&quot;:{&quot;download&quot;:&quot;Download SVG&quot;,&quot;selection&quot;:&quot;Selection&quot;,&quot;selectionZoom&quot;:&quot;Selection Zoom&quot;,&quot;zoomIn&quot;:&quot;Zoom In&quot;,&quot;zoomOut&quot;:&quot;Zoom Out&quot;,&quot;pan&quot;:&quot;Panning&quot;,&quot;reset&quot;:&quot;Reset Zoom&quot;,&quot;menu&quot;:&quot;Menu&quot;,&quot;exportToSVG&quot;:&quot;Download SVG&quot;,&quot;exportToPNG&quot;:&quot;Download PNG&quot;,&quot;exportToCSV&quot;:&quot;Download CSV&quot;},&quot;months&quot;:[&quot;January&quot;,&quot;February&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,&quot;July&quot;,&quot;August&quot;,&quot;September&quot;,&quot;October&quot;,&quot;November&quot;,&quot;December&quot;],&quot;shortMonths&quot;:[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;],&quot;days&quot;:[&quot;Sunday&quot;,&quot;Monday&quot;,&quot;Tuesday&quot;,&quot;Wednesday&quot;,&quot;Thursday&quot;,&quot;Friday&quot;,&quot;Saturday&quot;],&quot;shortDays&quot;:[&quot;Sun&quot;,&quot;Mon&quot;,&quot;Tue&quot;,&quot;Wed&quot;,&quot;Thu&quot;,&quot;Fri&quot;,&quot;Sat&quot;]}}],&quot;defaultLocale&quot;:&quot;en_US&quot;},&quot;xaxis&quot;:{&quot;tickAmount&quot;:6,&quot;tickPlacement&quot;:&quot;&quot;,&quot;position&quot;:&quot;buttom&quot;,&quot;labels&quot;:{&quot;show&quot;:false,&quot;rotateAlways&quot;:false,&quot;rotate&quot;:0,&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;trim&quot;:true,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:false},&quot;crosshairs&quot;:{&quot;show&quot;:false},&quot;categories&quot;:[&quot;Laki-Laki&quot;,&quot;Perempuan&quot;]},&quot;colors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;yaxis&quot;:{&quot;opposite&quot;:false,&quot;tickAmount&quot;:6,&quot;decimalsInFloat&quot;:1,&quot;labels&quot;:{&quot;show&quot;:false,&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:false},&quot;crosshairs&quot;:{&quot;show&quot;:false}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;show&quot;:true,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;},&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;position&quot;:&quot;bottom&quot;},&quot;dataLabels&quot;:{&quot;enabled&quot;:true,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[&quot;#000000&quot;]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:&quot;#ffffff&quot;,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;},&quot;dropShadow&quot;:{&quot;enabled&quot;:false}},&quot;noData&quot;:{&quot;text&quot;:&quot;No Data Available&quot;,&quot;align&quot;:&quot;center&quot;,&quot;verticalAlign&quot;:&quot;middle&quot;,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;theme&quot;:&quot;light&quot;,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;},&quot;y&quot;:[]},&quot;responsive&quot;:[{&quot;breakpoint&quot;:1024,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[&quot;#000000&quot;]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:&quot;#ffffff&quot;,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}}}},{&quot;breakpoint&quot;:767,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[&quot;#000000&quot;]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:&quot;#ffffff&quot;,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}}}}],&quot;plotOptions&quot;:{&quot;pie&quot;:{&quot;show&quot;:false,&quot;startAngle&quot;:0,&quot;endAngle&quot;:360,&quot;donut&quot;:{&quot;size&quot;:60,&quot;fontSize&quot;:&quot;12px&quot;,&quot;labels&quot;:{&quot;show&quot;:false,&quot;valueInStringShow&quot;:&quot;no&quot;,&quot;valueInStringValue&quot;:0,&quot;showlabel&quot;:&quot;no&quot;,&quot;showValue&quot;:&quot;yes&quot;,&quot;value&quot;:{&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;color&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;},&quot;total&quot;:{&quot;show&quot;:false,&quot;showAlways&quot;:false,&quot;label&quot;:&quot;Total&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;color&quot;:&quot;#000000&quot;}}}}},&quot;fill&quot;:{&quot;type&quot;:&quot;classic&quot;,&quot;opacity&quot;:1,&quot;colors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;gradient&quot;:{&quot;gradientToColors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;type&quot;:&quot;vertical&quot;,&quot;inverseColors&quot;:false,&quot;opacityFrom&quot;:0,&quot;opacityTo&quot;:0},&quot;pattern&quot;:{&quot;style&quot;:[&quot;&quot;,&quot;&quot;],&quot;width&quot;:6,&quot;height&quot;:6,&quot;strokeWidth&quot;:2}},&quot;stroke&quot;:{&quot;show&quot;:true,&quot;width&quot;:5},&quot;position&quot;:&quot;bottom&quot;}\"\n        data-responsive_options=\"[{&quot;breakpoint&quot;:1024,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;xaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;yaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;legend&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;},&quot;dataLabels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}}},{&quot;breakpoint&quot;:674,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;xaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;yaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;legend&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;},&quot;dataLabels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}}}]\"\n        data-extra_data=\"{&quot;no_data_text&quot;:&quot;No Data Available&quot;,&quot;legend_show_series_value&quot;:false,&quot;xaxis_label_prefix_show&quot;:false,&quot;xaxis_label_prefix&quot;:&quot;&quot;,&quot;xaxis_label_postfix&quot;:&quot;&quot;,&quot;xaxis_show_time&quot;:false,&quot;xaxis_show_date&quot;:false,&quot;yaxis_label_prefix_show&quot;:false,&quot;yaxis_label_format&quot;:false,&quot;yaxis_label_prefix&quot;:&quot;&quot;,&quot;yaxis_label_postfix&quot;:&quot;&quot;,&quot;decimal_in_float&quot;:0,&quot;chart_datalabel_decimals_in_float&quot;:0,&quot;chart_number_format_commas&quot;:true,&quot;chart_yaxis_label_pointer&quot;:false,&quot;chart_yaxis_label_pointer_number&quot;:0,&quot;chart_opposite_yaxis_title_enable&quot;:false,&quot;chart_opposite_yaxis_format_number&quot;:false,&quot;chart_opposite_yaxis_label_show&quot;:false,&quot;chart_opposite_yaxis_label_prefix&quot;:&quot;&quot;,&quot;chart_opposite_yaxis_label_postfix&quot;:&quot;&quot;,&quot;chart_datalabel_prefix&quot;:&quot;&quot;,&quot;chart_tooltip_prefix_val&quot;:&quot;&quot;,&quot;chart_datalabel_postfix&quot;:&quot;&quot;,&quot;chart_tooltip_postfix_val&quot;:&quot;&quot;,&quot;chart_data_option&quot;:false,&quot;dynamic_type&quot;:&quot;manual&quot;,&quot;chart_dynamic_data_option&quot;:&quot;&quot;,&quot;chart_data_series_count_dynamic&quot;:2,&quot;chart_csv_column_wise_enable&quot;:false,&quot;chart_csv_x_columns&quot;:&quot;&quot;,&quot;chart_csv_y_columns&quot;:&quot;&quot;,&quot;chart_csv_x_columns_sql&quot;:&quot;&quot;,&quot;chart_csv_y_columns_sql&quot;:&quot;&quot;,&quot;can_chart_reload_ajax&quot;:false,&quot;interval_data_refresh&quot;:15,&quot;is_chart_horizontal&quot;:false,&quot;current_post_id&quot;:574,&quot;graphina_prefix&quot;:&quot;iq_&quot;,&quot;chart_data_label_pointer&quot;:false,&quot;chart_legend_show_series_postfix&quot;:&quot;&quot;,&quot;chart_legend_show_series_prefix&quot;:&quot;&quot;,&quot;chart_datalabels_format_showValue&quot;:true,&quot;chart_datalabels_format_showlabel&quot;:false}\"\n        data-settings=\"[]\"\n        style=\"height: 350px;\"\n    >\n    <\/div>\n<\/div>\n<script>\n    (function($) {\n        'use strict';\n        $(document).ready(function() {\n            if (window.graphinaDonutChart && typeof window.graphinaDonutChart.observeChartElement === 'function') {\n                window.graphinaDonutChart.observeChartElement($('.graphina-elementor-chart[data-element_id=\"8f9acff\"]'), 'donut');\n            }\n        });\n    })(jQuery);\n<\/script>\t<div class=\"graphina-filter-notext graphina-8f9acff-notext\" style=\"display: none; height:350px; align-content:center\">\n\t\t<p class=\"graphina-filter-notext\" style=\"text-align: center;\">\n\t\t\tNo Data Found\t\t<\/p>\n\t<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-256a54c e-con-full e-flex e-con e-child\" data-id=\"256a54c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c75915 elementor-widget elementor-widget-column_chart\" data-id=\"4c75915\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"column_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div role=\"img\" class=\"chart-card\">\n\t<div>\n\t\t\t\t\t<h4 class=\"heading graphina-chart-heading\">\n\t\t\t\tJumlah Penduduk Kecamatan Magelang Selatan\t\t\t<\/h4>\n\t\t\n\t\t\t\t\t<p class=\"sub-heading graphina-chart-sub-heading\">\n\t\t\t\tBerdasarkan Kelurahan <br> Tahun 2025 Semester 1\t\t\t<\/p>\n\t\t\t<\/div>\n\t\n<div class=\"chart-box\">\n    <div class=\"graphina-elementor-chart \"\n        data-chart_type=\"column\"\n        data-common_filter_id=\"\"\n        data-element_id=\"4c75915\"\n        data-chart_options=\"{&quot;series&quot;:[{&quot;name&quot;:&quot;Laki-Laki&quot;,&quot;data&quot;:[2168,3631,4293,4049,4068,2913],&quot;yaxis&quot;:0},{&quot;name&quot;:&quot;Perempuan&quot;,&quot;data&quot;:[2209,3768,4210,4089,4023,2912],&quot;yaxis&quot;:0}],&quot;chart&quot;:{&quot;id&quot;:&quot;4c75915&quot;,&quot;background&quot;:&quot;&quot;,&quot;height&quot;:350,&quot;type&quot;:&quot;bar&quot;,&quot;stacked&quot;:&quot;&quot;,&quot;toolbar&quot;:{&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;show&quot;:false,&quot;export&quot;:{&quot;csv&quot;:{&quot;filename&quot;:&quot;&quot;},&quot;svg&quot;:{&quot;filename&quot;:&quot;&quot;},&quot;png&quot;:{&quot;filename&quot;:&quot;&quot;}},&quot;tools&quot;:{&quot;download&quot;:false}},&quot;dropShadow&quot;:{&quot;enabled&quot;:&quot;&quot;,&quot;top&quot;:0,&quot;left&quot;:0,&quot;blur&quot;:0,&quot;color&quot;:&quot;&quot;,&quot;opacity&quot;:0},&quot;animations&quot;:{&quot;enabled&quot;:true,&quot;speed&quot;:800,&quot;delay&quot;:150},&quot;locales&quot;:[{&quot;name&quot;:&quot;en_US&quot;,&quot;options&quot;:{&quot;toolbar&quot;:{&quot;download&quot;:&quot;Download SVG&quot;,&quot;selection&quot;:&quot;Selection&quot;,&quot;selectionZoom&quot;:&quot;Selection Zoom&quot;,&quot;zoomIn&quot;:&quot;Zoom In&quot;,&quot;zoomOut&quot;:&quot;Zoom Out&quot;,&quot;pan&quot;:&quot;Panning&quot;,&quot;reset&quot;:&quot;Reset Zoom&quot;,&quot;menu&quot;:&quot;Menu&quot;,&quot;exportToSVG&quot;:&quot;Download SVG&quot;,&quot;exportToPNG&quot;:&quot;Download PNG&quot;,&quot;exportToCSV&quot;:&quot;Download CSV&quot;},&quot;months&quot;:[&quot;January&quot;,&quot;February&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,&quot;July&quot;,&quot;August&quot;,&quot;September&quot;,&quot;October&quot;,&quot;November&quot;,&quot;December&quot;],&quot;shortMonths&quot;:[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;],&quot;days&quot;:[&quot;Sunday&quot;,&quot;Monday&quot;,&quot;Tuesday&quot;,&quot;Wednesday&quot;,&quot;Thursday&quot;,&quot;Friday&quot;,&quot;Saturday&quot;],&quot;shortDays&quot;:[&quot;Sun&quot;,&quot;Mon&quot;,&quot;Tue&quot;,&quot;Wed&quot;,&quot;Thu&quot;,&quot;Fri&quot;,&quot;Sat&quot;]}}],&quot;defaultLocale&quot;:&quot;en_US&quot;},&quot;xaxis&quot;:{&quot;tickAmount&quot;:6,&quot;tickPlacement&quot;:&quot;on&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;labels&quot;:{&quot;show&quot;:true,&quot;rotateAlways&quot;:false,&quot;rotate&quot;:0,&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;trim&quot;:true,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:false},&quot;crosshairs&quot;:{&quot;show&quot;:false},&quot;categories&quot;:[&quot;Kel. Jurangombo Utara&quot;,&quot;Kel. Jurangombo Selatan&quot;,&quot;Kel. Magersari&quot;,&quot;Kel. Rejowinangun Selatan&quot;,&quot;Kel. Tidar Utara&quot;,&quot;Kel. Tidar Selatan&quot;]},&quot;colors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;yaxis&quot;:{&quot;tickAmount&quot;:5,&quot;decimalsInFloat&quot;:2,&quot;labels&quot;:{&quot;show&quot;:true,&quot;offsetX&quot;:0,&quot;maxWidth&quot;:&quot;auto&quot;,&quot;offsetY&quot;:0,&quot;rotate&quot;:0,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:false},&quot;crosshairs&quot;:{&quot;show&quot;:false},&quot;opposite&quot;:false},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;show&quot;:true,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[null]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:&quot;#ffffff&quot;,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;},&quot;offsetY&quot;:0,&quot;offsetX&quot;:0},&quot;noData&quot;:{&quot;text&quot;:&quot;No Data Available&quot;,&quot;align&quot;:&quot;center&quot;,&quot;verticalAlign&quot;:&quot;middle&quot;,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;theme&quot;:&quot;light&quot;,&quot;shared&quot;:&quot;yes&quot;,&quot;intersect&quot;:false,&quot;enabledOnSeries&quot;:[0,1]},&quot;responsive&quot;:[{&quot;breakpoint&quot;:1024,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[null]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:[&quot;#ffffff&quot;],&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;}},&quot;yaxis&quot;:{&quot;labels&quot;:{&quot;show&quot;:true,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;xaxis&quot;:{&quot;labels&quot;:{&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}}}},{&quot;breakpoint&quot;:767,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[null]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:[&quot;#ffffff&quot;],&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;}},&quot;yaxis&quot;:{&quot;labels&quot;:{&quot;show&quot;:true,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;xaxis&quot;:{&quot;labels&quot;:{&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}}}}],&quot;fill&quot;:{&quot;type&quot;:&quot;classic&quot;,&quot;opacity&quot;:1,&quot;colors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;gradient&quot;:{&quot;gradientToColors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;type&quot;:null,&quot;inverseColors&quot;:false,&quot;opacityFrom&quot;:0,&quot;opacityTo&quot;:0},&quot;pattern&quot;:{&quot;style&quot;:[&quot;&quot;,&quot;&quot;],&quot;width&quot;:6,&quot;height&quot;:6,&quot;strokeWidth&quot;:2}},&quot;markers&quot;:{&quot;size&quot;:[],&quot;strokeColors&quot;:[],&quot;strokeWidth&quot;:[],&quot;shape&quot;:[],&quot;showNullDataPoints&quot;:true,&quot;hover&quot;:{&quot;size&quot;:3,&quot;sizeOffset&quot;:1}},&quot;plotOptions&quot;:{&quot;bar&quot;:{&quot;horizontal&quot;:false,&quot;columnWidth&quot;:&quot;50%&quot;,&quot;borderRadius&quot;:0,&quot;dataLabels&quot;:{&quot;position&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;&quot;,&quot;total&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;&quot;}}}}},&quot;grid&quot;:{&quot;borderColor&quot;:&quot;#90A4AE&quot;,&quot;yaxis&quot;:{&quot;lines&quot;:{&quot;show&quot;:true}}},&quot;position&quot;:&quot;bottom&quot;}\"\n        data-responsive_options=\"[{&quot;breakpoint&quot;:1024,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;xaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;yaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;legend&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;},&quot;dataLabels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}}},{&quot;breakpoint&quot;:674,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;xaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;yaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;legend&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;},&quot;dataLabels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}}}]\"\n        data-extra_data=\"{&quot;no_data_text&quot;:&quot;No Data Available&quot;,&quot;legend_show_series_value&quot;:false,&quot;xaxis_label_prefix_show&quot;:false,&quot;xaxis_label_prefix&quot;:&quot;&quot;,&quot;xaxis_label_postfix&quot;:&quot;&quot;,&quot;xaxis_show_time&quot;:false,&quot;xaxis_show_date&quot;:false,&quot;yaxis_label_prefix_show&quot;:false,&quot;yaxis_label_format&quot;:true,&quot;yaxis_label_prefix&quot;:&quot;&quot;,&quot;yaxis_label_postfix&quot;:&quot;&quot;,&quot;decimal_in_float&quot;:2,&quot;chart_datalabel_decimals_in_float&quot;:0,&quot;chart_number_format_commas&quot;:true,&quot;chart_yaxis_label_pointer&quot;:false,&quot;chart_yaxis_label_pointer_number&quot;:0,&quot;chart_opposite_yaxis_title_enable&quot;:false,&quot;chart_opposite_yaxis_format_number&quot;:false,&quot;chart_opposite_yaxis_label_show&quot;:false,&quot;chart_opposite_yaxis_label_prefix&quot;:&quot;&quot;,&quot;chart_opposite_yaxis_label_postfix&quot;:&quot;&quot;,&quot;chart_datalabel_prefix&quot;:&quot;&quot;,&quot;chart_tooltip_prefix_val&quot;:&quot;&quot;,&quot;chart_datalabel_postfix&quot;:&quot;&quot;,&quot;chart_tooltip_postfix_val&quot;:&quot;&quot;,&quot;chart_data_option&quot;:false,&quot;dynamic_type&quot;:&quot;manual&quot;,&quot;chart_dynamic_data_option&quot;:&quot;&quot;,&quot;chart_data_series_count_dynamic&quot;:2,&quot;chart_csv_column_wise_enable&quot;:false,&quot;chart_csv_x_columns&quot;:&quot;&quot;,&quot;chart_csv_y_columns&quot;:&quot;&quot;,&quot;chart_csv_x_columns_sql&quot;:&quot;&quot;,&quot;chart_csv_y_columns_sql&quot;:&quot;&quot;,&quot;can_chart_reload_ajax&quot;:false,&quot;interval_data_refresh&quot;:15,&quot;is_chart_horizontal&quot;:false,&quot;current_post_id&quot;:574,&quot;graphina_prefix&quot;:&quot;iq_&quot;,&quot;xaxis_label_pointer_number&quot;:0,&quot;chart_xaxis_format_number&quot;:false,&quot;chart_xaxis_label_pointer&quot;:false}\"\n        data-settings=\"[]\"\n        style=\"height: 350px;\"\n    >\n    <\/div>\n<\/div>\n<script>\n    (function($) {\n        'use strict';\n        $(document).ready(function() {\n            if (window.graphinaColumnChart && typeof window.graphinaColumnChart.observeChartElement === 'function') {\n                window.graphinaColumnChart.observeChartElement($('.graphina-elementor-chart[data-element_id=\"4c75915\"]'), 'bar');\n            }\n        });\n    })(jQuery);\n<\/script>\t<div class=\"graphina-filter-notext graphina-4c75915-notext\" style=\"display: none; height:350px; align-content:center\">\n\t\t<p class=\"graphina-filter-notext\" style=\"text-align: center;\">\n\t\t\tNo Data Found\t\t<\/p>\n\t<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2703920 e-flex e-con-boxed e-con e-parent\" data-id=\"2703920\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6469c60 elementor-widget elementor-widget-area_chart\" data-id=\"6469c60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"area_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div role=\"img\" class=\"chart-card\">\n\t<div>\n\t\t\t\t\t<h4 class=\"heading graphina-chart-heading\">\n\t\t\t\tJumlah Penduduk Kecamatan Magelang Selatan\t\t\t<\/h4>\n\t\t\n\t\t\t\t\t<p class=\"sub-heading graphina-chart-sub-heading\">\n\t\t\t\tBerdasarkan Umur, Tahun 2025 Semester 1\t\t\t<\/p>\n\t\t\t<\/div>\n\t<div class=\"chart-box\">\n    <div class=\"graphina-elementor-chart \"\n        data-chart_type=\"area\"\n        data-element_id=\"6469c60\"\n        data-common_filter_id=\"\"\n        data-chart_options=\"{&quot;series&quot;:[{&quot;name&quot;:&quot;Laki-laki&quot;,&quot;data&quot;:[1067,1508,1555,1713,1708,1663,1575,1488,1583,1753,1395,1213,1019,846,576,460],&quot;yaxis&quot;:0},{&quot;name&quot;:&quot;Perempuan&quot;,&quot;data&quot;:[983,1382,1577,1628,1533,1588,1487,1333,1613,1606,1463,1391,1278,1039,643,667],&quot;yaxis&quot;:0}],&quot;chart&quot;:{&quot;id&quot;:&quot;6469c60&quot;,&quot;background&quot;:&quot;&quot;,&quot;height&quot;:350,&quot;type&quot;:&quot;area&quot;,&quot;stacked&quot;:&quot;&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;toolbar&quot;:{&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;show&quot;:false,&quot;export&quot;:{&quot;csv&quot;:{&quot;filename&quot;:&quot;&quot;},&quot;svg&quot;:{&quot;filename&quot;:&quot;&quot;},&quot;png&quot;:{&quot;filename&quot;:&quot;&quot;}},&quot;tools&quot;:{&quot;download&quot;:false}},&quot;dropShadow&quot;:{&quot;enabled&quot;:&quot;&quot;,&quot;top&quot;:0,&quot;left&quot;:0,&quot;blur&quot;:0,&quot;color&quot;:&quot;&quot;,&quot;opacity&quot;:0},&quot;animations&quot;:{&quot;enabled&quot;:true,&quot;speed&quot;:800,&quot;delay&quot;:150},&quot;locales&quot;:[{&quot;name&quot;:&quot;en_US&quot;,&quot;options&quot;:{&quot;toolbar&quot;:{&quot;download&quot;:&quot;Download SVG&quot;,&quot;selection&quot;:&quot;Selection&quot;,&quot;selectionZoom&quot;:&quot;Selection Zoom&quot;,&quot;zoomIn&quot;:&quot;Zoom In&quot;,&quot;zoomOut&quot;:&quot;Zoom Out&quot;,&quot;pan&quot;:&quot;Panning&quot;,&quot;reset&quot;:&quot;Reset Zoom&quot;,&quot;menu&quot;:&quot;Menu&quot;,&quot;exportToSVG&quot;:&quot;Download SVG&quot;,&quot;exportToPNG&quot;:&quot;Download PNG&quot;,&quot;exportToCSV&quot;:&quot;Download CSV&quot;},&quot;months&quot;:[&quot;January&quot;,&quot;February&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,&quot;July&quot;,&quot;August&quot;,&quot;September&quot;,&quot;October&quot;,&quot;November&quot;,&quot;December&quot;],&quot;shortMonths&quot;:[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;],&quot;days&quot;:[&quot;Sunday&quot;,&quot;Monday&quot;,&quot;Tuesday&quot;,&quot;Wednesday&quot;,&quot;Thursday&quot;,&quot;Friday&quot;,&quot;Saturday&quot;],&quot;shortDays&quot;:[&quot;Sun&quot;,&quot;Mon&quot;,&quot;Tue&quot;,&quot;Wed&quot;,&quot;Thu&quot;,&quot;Fri&quot;,&quot;Sat&quot;]}}],&quot;defaultLocale&quot;:&quot;en_US&quot;},&quot;xaxis&quot;:{&quot;tickAmount&quot;:15,&quot;tickPlacement&quot;:&quot;on&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;labels&quot;:{&quot;show&quot;:true,&quot;rotateAlways&quot;:false,&quot;rotate&quot;:0,&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;trim&quot;:true,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:false},&quot;crosshairs&quot;:{&quot;show&quot;:false},&quot;categories&quot;:[&quot;0-4&quot;,&quot;5-9&quot;,&quot;10-14&quot;,&quot;15-19&quot;,&quot;20-24&quot;,&quot;25-29&quot;,&quot;30-34&quot;,&quot;35-39&quot;,&quot;40-44&quot;,&quot;45-49&quot;,&quot;50-54&quot;,&quot;55-59&quot;,&quot;60-64&quot;,&quot;65-69&quot;,&quot;70-74&quot;,&quot;75+&quot;]},&quot;colors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;yaxis&quot;:{&quot;tickAmount&quot;:6,&quot;decimalsInFloat&quot;:2,&quot;labels&quot;:{&quot;show&quot;:true,&quot;offsetX&quot;:0,&quot;offsetY&quot;:0,&quot;rotate&quot;:0,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:false},&quot;crosshairs&quot;:{&quot;show&quot;:false},&quot;opposite&quot;:false,&quot;title&quot;:{&quot;text&quot;:&quot;Jumlah Penduduk&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;show&quot;:true,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[null]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:&quot;#ffffff&quot;,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;},&quot;offsetY&quot;:0,&quot;offsetX&quot;:0},&quot;stroke&quot;:{&quot;curve&quot;:&quot;straight&quot;},&quot;noData&quot;:{&quot;text&quot;:&quot;No Data Available&quot;,&quot;align&quot;:&quot;center&quot;,&quot;verticalAlign&quot;:&quot;middle&quot;,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontFamily&quot;:&quot;Poppins&quot;,&quot;fontWeight&quot;:&quot;&quot;}},&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;theme&quot;:&quot;light&quot;,&quot;shared&quot;:&quot;yes&quot;,&quot;intersect&quot;:false,&quot;enabledOnSeries&quot;:[0,1]},&quot;responsive&quot;:[{&quot;breakpoint&quot;:1024,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[null]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:&quot;#ffffff&quot;,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;}},&quot;yaxis&quot;:{&quot;labels&quot;:{&quot;show&quot;:true,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;xaxis&quot;:{&quot;labels&quot;:{&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}}}},{&quot;breakpoint&quot;:767,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;dataLabels&quot;:{&quot;enabled&quot;:false,&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;colors&quot;:[null]},&quot;background&quot;:{&quot;enabled&quot;:false,&quot;borderRadius&quot;:0,&quot;foreColor&quot;:&quot;#ffffff&quot;,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:&quot;#ffffff&quot;}},&quot;yaxis&quot;:{&quot;labels&quot;:{&quot;show&quot;:true,&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;xaxis&quot;:{&quot;labels&quot;:{&quot;style&quot;:{&quot;colors&quot;:&quot;#000000&quot;,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;}}},&quot;legend&quot;:{&quot;showForSingleSeries&quot;:true,&quot;fontSize&quot;:&quot;12px&quot;,&quot;fontWeight&quot;:&quot;&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;,&quot;labels&quot;:{&quot;colors&quot;:&quot;#000000&quot;}}}}],&quot;fill&quot;:{&quot;type&quot;:&quot;classic&quot;,&quot;opacity&quot;:0.4,&quot;colors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;gradient&quot;:{&quot;gradientToColors&quot;:[&quot;#3499FF&quot;,&quot;#e53efc&quot;],&quot;type&quot;:null,&quot;inverseColors&quot;:false,&quot;opacityFrom&quot;:0,&quot;opacityTo&quot;:0},&quot;pattern&quot;:{&quot;style&quot;:[&quot;&quot;,&quot;&quot;],&quot;width&quot;:6,&quot;height&quot;:6,&quot;strokeWidth&quot;:2}},&quot;markers&quot;:{&quot;size&quot;:[0,0],&quot;strokeColors&quot;:[&quot;#fff&quot;,&quot;#fff&quot;],&quot;strokeWidth&quot;:[4,5],&quot;shape&quot;:[&quot;circle&quot;,&quot;circle&quot;],&quot;showNullDataPoints&quot;:true,&quot;hover&quot;:{&quot;size&quot;:3,&quot;sizeOffset&quot;:1}},&quot;grid&quot;:{&quot;borderColor&quot;:&quot;#90A4AE&quot;,&quot;yaxis&quot;:{&quot;lines&quot;:{&quot;show&quot;:true}}},&quot;position&quot;:&quot;bottom&quot;}\"\n        data-responsive_options=\"[{&quot;breakpoint&quot;:1024,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;xaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;yaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;legend&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;},&quot;dataLabels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}}},{&quot;breakpoint&quot;:674,&quot;options&quot;:{&quot;chart&quot;:{&quot;height&quot;:350},&quot;xaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;yaxis&quot;:{&quot;title&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}},&quot;labels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}},&quot;legend&quot;:{&quot;fontSize&quot;:&quot;12px&quot;,&quot;position&quot;:&quot;bottom&quot;,&quot;horizontalAlign&quot;:&quot;center&quot;},&quot;dataLabels&quot;:{&quot;style&quot;:{&quot;fontSize&quot;:&quot;12px&quot;}}}}]\"\n        data-extra_data=\"{&quot;no_data_text&quot;:&quot;No Data Available&quot;,&quot;legend_show_series_value&quot;:false,&quot;xaxis_label_prefix_show&quot;:false,&quot;xaxis_label_prefix&quot;:&quot;&quot;,&quot;xaxis_label_postfix&quot;:&quot;&quot;,&quot;xaxis_show_time&quot;:false,&quot;xaxis_show_date&quot;:false,&quot;yaxis_label_prefix_show&quot;:false,&quot;yaxis_label_format&quot;:true,&quot;yaxis_label_prefix&quot;:&quot;&quot;,&quot;yaxis_label_postfix&quot;:&quot;&quot;,&quot;decimal_in_float&quot;:2,&quot;chart_datalabel_decimals_in_float&quot;:0,&quot;chart_number_format_commas&quot;:false,&quot;chart_yaxis_label_pointer&quot;:false,&quot;chart_yaxis_label_pointer_number&quot;:0,&quot;chart_opposite_yaxis_title_enable&quot;:false,&quot;chart_opposite_yaxis_format_number&quot;:false,&quot;chart_opposite_yaxis_label_show&quot;:false,&quot;chart_opposite_yaxis_label_prefix&quot;:&quot;&quot;,&quot;chart_opposite_yaxis_label_postfix&quot;:&quot;&quot;,&quot;chart_datalabel_prefix&quot;:&quot;&quot;,&quot;chart_tooltip_prefix_val&quot;:&quot;&quot;,&quot;chart_datalabel_postfix&quot;:&quot;&quot;,&quot;chart_tooltip_postfix_val&quot;:&quot;&quot;,&quot;chart_data_option&quot;:false,&quot;dynamic_type&quot;:&quot;manual&quot;,&quot;chart_dynamic_data_option&quot;:&quot;&quot;,&quot;chart_data_series_count_dynamic&quot;:2,&quot;chart_csv_column_wise_enable&quot;:false,&quot;chart_csv_x_columns&quot;:&quot;&quot;,&quot;chart_csv_y_columns&quot;:&quot;&quot;,&quot;chart_csv_x_columns_sql&quot;:&quot;&quot;,&quot;chart_csv_y_columns_sql&quot;:&quot;&quot;,&quot;can_chart_reload_ajax&quot;:false,&quot;interval_data_refresh&quot;:15,&quot;is_chart_horizontal&quot;:false,&quot;current_post_id&quot;:574,&quot;graphina_prefix&quot;:&quot;iq_&quot;}\"\n        data-settings=\"[]\"\n        style=\"height: 350px;\"\n    >\n    \n    <\/div>\n<\/div>\n<script>\n    (function($) {\n        'use strict';\n        $(document).ready(function() {\n            if (window.graphinaAreaChart && typeof window.graphinaAreaChart.observeChartElement === 'function') {\n                window.graphinaAreaChart.observeChartElement($('.graphina-elementor-chart[data-element_id=\"6469c60\"]'), 'area');\n            }\n        });\n    })(jQuery);\n<\/script>\t<div class=\"graphina-filter-notext graphina-6469c60-notext\" style=\"display: none; height:350px; align-content:center\">\n\t\t<p class=\"graphina-filter-notext\" style=\"text-align: center;\">\n\t\t\tNo Data Found\t\t<\/p>\n\t<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d1f0c9 elementor-widget elementor-widget-spacer\" data-id=\"4d1f0c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-003439e e-flex e-con-boxed e-con e-parent\" data-id=\"003439e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2228b0f elementor-widget elementor-widget-heading\" data-id=\"2228b0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">INFORMASI KELURAHAN SE-KECAMATAN MAGELANG SELATAN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed4716 elementor-widget elementor-widget-shortcode\" data-id=\"3ed4716\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"dg-card\" id=\"dg_c779ff18-92bf-436b-8192-8f1448c9d478\" data-nonce=\"be2a6e065b\">\n    <div class=\"dg-toolbar\">\n      <div class=\"dg-field\">\n        <div class=\"dg-label\">Kelurahan<\/div>\n        <select class=\"dg-select dg-district\">\n                      <option value=\"76\">Jurangombo Utara<\/option>\n                      <option value=\"77\">Jurangombo Selatan<\/option>\n                      <option value=\"78\">Magersari<\/option>\n                      <option value=\"81\">Rejowinangun Selatan<\/option>\n                      <option value=\"80\">Tidar Utara<\/option>\n                      <option value=\"79\">Tidar Selatan<\/option>\n                  <\/select>\n      <\/div>\n\n      <div class=\"dg-field\">\n        <div class=\"dg-label\">Kelompok<\/div>\n        <select class=\"dg-select dg-group\" disabled>\n          <option value=\"\">Memuat\u2026<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"dg-field\">\n        <div class=\"dg-label\">Tahun<\/div>\n        <select class=\"dg-select dg-year\" disabled>\n          <option value=\"\">Memuat\u2026<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"dg-actions\">\n        <button type=\"button\" class=\"dg-btn dg-btn-primary dg-refresh\">\n          <span class=\"dg-btn-text\">Tampilkan<\/span>\n          <span class=\"dg-inline-spinner\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <button type=\"button\" class=\"dg-btn dg-btn-ghost dg-reset\">Reset<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"dg-meta\">\n      <div class=\"dg-status\"><\/div>\n      <div class=\"dg-spinner\" aria-hidden=\"true\">\n        <span class=\"dg-spinner-ring\"><\/span>\n        <span class=\"dg-spinner-text\">Memuat\u2026<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"dg-searchbar\" style=\"display:none;\">\n      <input type=\"text\" class=\"dg-search\" placeholder=\"Cari nama variabel\u2026 (mis: air minum, jamban, bpd)\" \/>\n      <button type=\"button\" class=\"dg-btn dg-btn-ghost dg-clear-search\" disabled>Hapus<\/button>\n\t\t\t  \n\t\t<!-- EXPORT CSV -->\n    \t<button type=\"button\" class=\"dg-btn dg-btn-ghost dg-export-csv\">\n      \tExport CSV\n    \t<\/button>\n\t\t\t  \n    <\/div>\n\n    <div class=\"dg-table-wrap\">\n      <div class=\"dg-table\"><\/div>\n    <\/div>\n\n    <div class=\"dg-pager\" style=\"display:none;\">\n      <div class=\"dg-pager-info\">Menampilkan 0\u20130 dari 0<\/div>\n      <div class=\"dg-pager-actions\">\n        <button type=\"button\" class=\"dg-btn dg-btn-ghost dg-prev\" disabled>Prev<\/button>\n        <button type=\"button\" class=\"dg-btn dg-btn-ghost dg-next\" disabled>Next<\/button>\n\t\t\t  \n\t\t\n\t\t\t  \n        <select class=\"dg-select dg-page-size\" style=\"width:auto; min-width:140px;\">\n          <option value=\"25\" selected>25 \/ halaman<\/option>\n          <option value=\"50\">50 \/ halaman<\/option>\n          <option value=\"100\">100 \/ halaman<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\t\t\t  \n  <\/div>\n\t\t\t  \t\t\t\n  <style>\n    .dg-card, .dg-card *{ box-sizing:border-box; }\n    .dg-card{\n      border:1px solid #e9e9e9;border-radius:14px;background:#fff;padding:14px;\n      box-shadow:0 2px 14px rgba(0,0,0,.05);overflow:visible;\n    }\n    .dg-toolbar{ display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; }\n    .dg-field{ flex:1 1 220px; min-width:220px; }\n    .dg-label{ font-size:12px; color:#666; margin:0 0 6px 2px; }\n    .dg-select{\n      width:100%; padding:10px 12px; border:1px solid #dcdcdc; border-radius:12px;\n      outline:none; background:#fff; font-size:14px; line-height:1.2; height:3.5em;\n    }\n    .dg-select:focus{ border-color:#111; box-shadow:0 0 0 3px rgba(0,0,0,.08); }\n    .dg-actions{ display:flex; gap:10px; align-items:center; flex:0 0 auto; }\n    .dg-btn{\n      border:1px solid #dcdcdc; background:#fff; padding:10px 14px; border-radius:12px;\n      font-size:14px; cursor:pointer; display:inline-flex; align-items:center; gap:10px;\n      user-select:none; transition:all .15s ease;\n    }\n    .dg-btn:hover{ background:#fafafa; }\n    .dg-btn:active{ transform:translateY(1px); }\n    .dg-btn:disabled{ opacity:.65; cursor:not-allowed; transform:none; }\n    .dg-btn-primary{ border-color:#111; background:#111; color:#fff; }\n    .dg-btn-primary:hover{ background:#1c1c1c; }\n\n    .dg-meta{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; min-height:24px; }\n    .dg-status{ font-size:13px; color:#666; }\n    .dg-spinner{ display:none; align-items:center; gap:10px; color:#666; font-size:13px; }\n    .dg-spinner.show{ display:flex; }\n    .dg-spinner-ring{\n      width:18px; height:18px; border:2px solid #ddd; border-top-color:#111;\n      border-radius:50%; display:inline-block; animation:dgspin .8s linear infinite;\n    }\n    .dg-inline-spinner{\n      width:14px; height:14px; border:2px solid rgba(255,255,255,.35); border-top-color:#fff;\n      border-radius:50%; display:none; animation:dgspin .8s linear infinite;\n    }\n    .dg-inline-spinner.show{ display:inline-block; }\n    @keyframes dgspin{ to{ transform:rotate(360deg); } }\n\n    .dg-searchbar{\n      margin-top:12px; display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap;\n    }\n    .dg-search{\n      flex:1 1 320px; min-width:220px; padding:10px 12px; border:1px solid #dcdcdc;\n      border-radius:12px; outline:none; font-size:14px;\n    }\n    .dg-search:focus{ border-color:#111; box-shadow:0 0 0 3px rgba(0,0,0,.08); }\n    @media (max-width:768px){\n      .dg-field{ min-width:100%; }\n      .dg-actions{ width:100%; justify-content:space-between; }\n      .dg-btn{ width:calc(50% - 6px); justify-content:center; }\n      .dg-search{ min-width:100%; }\n      .dg-clear-search{ width:100%; justify-content:center; }\n    }\n\n    .dg-table{\n      margin-top:12px; border:1px solid #eee; border-radius:14px; background:#fff; overflow:hidden;\n    }\n    .dg-table-scroll{\n      display:block; width:100%;\n      overflow-x:auto !important; overflow-y:hidden !important;\n      -webkit-overflow-scrolling:touch; touch-action:pan-x; position:relative; z-index:2;\n    }\n    .dg-table-scroll table{ width:100%; border-collapse:collapse; }\n    .dg-table-scroll th, .dg-table-scroll td{ border:1px solid #ededed; padding:12px; font-size:14px; vertical-align:top; }\n    .dg-table-scroll th{ background:#f7f7f7; font-weight:700; white-space:nowrap; }\n    .dg-table-scroll th:first-child, .dg-table-scroll td:first-child{ width:60%; min-width:320px; white-space:normal; }\n\n    @media (max-width:768px){\n      .dg-table::before{\n        content:\"Geser ke kanan untuk lihat kolom tahun \u2192\";\n        display:block; font-size:12px; color:#777; padding:10px 12px;\n        border-bottom:1px solid #eee; background:#fff;\n      }\n      .dg-table-scroll table{ width:max-content; min-width:480px; }\n      .dg-table-scroll th, .dg-table-scroll td{ padding:10px 8px; font-size:13px; }\n      .dg-table-scroll th:first-child, .dg-table-scroll td:first-child{ min-width:260px; width:auto; }\n      .dg-table-scroll th:not(:first-child), .dg-table-scroll td:not(:first-child){\n        min-width:72px; width:84px; text-align:center; white-space:nowrap;\n      }\n    }\n\n    .dg-pager{\n      margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;\n    }\n    .dg-pager-info{ font-size:13px; color:#666; }\n    .dg-pager-actions{ display:flex; align-items:center; gap:10px; }\n\t\t\t\t   \n\t.dg-hl{\n  background: #fff2a8;\n  padding: 0 2px;\n  border-radius: 4px;\n}\n\t\t\t   \n  <\/style>\n\n  <script>\n  (function(){\n    const wrap = document.getElementById('dg_c779ff18-92bf-436b-8192-8f1448c9d478');\n    if(!wrap) return;\n\n    const districtEl = wrap.querySelector('.dg-district');\n    const groupEl    = wrap.querySelector('.dg-group');\n    const yearEl     = wrap.querySelector('.dg-year');\n    const btnShow    = wrap.querySelector('.dg-refresh');\n    const btnReset   = wrap.querySelector('.dg-reset');\n    const statusEl   = wrap.querySelector('.dg-status');\n    const tableEl    = wrap.querySelector('.dg-table');\n    const nonce      = wrap.getAttribute('data-nonce');\n\n    const topSpinner = wrap.querySelector('.dg-spinner');\n    const btnSpinner = wrap.querySelector('.dg-inline-spinner');\n\n    const pagerEl     = wrap.querySelector('.dg-pager');\n    const pagerInfoEl = wrap.querySelector('.dg-pager-info');\n    const btnPrevEl   = wrap.querySelector('.dg-prev');\n    const btnNextEl   = wrap.querySelector('.dg-next');\n    const pageSizeEl  = wrap.querySelector('.dg-page-size');\n\tconst btnExportCsv = wrap.querySelector('.dg-export-csv');\n\n    const searchWrap  = wrap.querySelector('.dg-searchbar');\n    const searchInput = wrap.querySelector('.dg-search');\n    const clearSearch = wrap.querySelector('.dg-clear-search');\n\n    const defaults = { district: districtEl.value, group:'', year:'' };\n\n    function setStatus(msg){ statusEl.textContent = msg || ''; }\n    function setDisabled(on){ groupEl.disabled = on; yearEl.disabled = on; }\n\n    function setLoading(on, msg){\n  if(on){\n    topSpinner.classList.add('show');\n    btnSpinner.classList.add('show');\n\n    btnShow.disabled = true;\n    btnReset.disabled = true;\n\n    if(btnExportCsv) btnExportCsv.disabled = true;\n\n    setStatus(msg || 'Memuat\u2026');\n  }else{\n    topSpinner.classList.remove('show');\n    btnSpinner.classList.remove('show');\n\n    btnShow.disabled = false;\n    btnReset.disabled = false;\n\n    if(btnExportCsv) btnExportCsv.disabled = false;\n  }\n}\n\n\n    async function post(action, payload){\n      const fd = new FormData();\n      fd.append('action', action);\n      fd.append('nonce', nonce);\n      Object.keys(payload||{}).forEach(k => fd.append(k, payload[k]));\n      const res = await fetch('https:\/\/selatan.magelangkota.go.id\/wp-admin\/admin-ajax.php', { method:'POST', body:fd });\n      return await res.json();\n    }\n\n    function objToList(obj){\n      if(!obj || typeof obj !== 'object') return [];\n      return Object.entries(obj).map(([id, name]) => ({ id:String(id), name:String(name) }));\n    }\n\n    function fillSelect(selectEl, items, valueKey, labelKey, keepEmpty=false, emptyText='Semua'){\n      const current = selectEl.value;\n      selectEl.innerHTML = '';\n      if(keepEmpty){\n        const opt = document.createElement('option');\n        opt.value = '';\n        opt.textContent = emptyText;\n        selectEl.appendChild(opt);\n      }\n      items.forEach(it => {\n        const opt = document.createElement('option');\n        opt.value = it[valueKey];\n        opt.textContent = it[labelKey];\n        selectEl.appendChild(opt);\n      });\n      if([...selectEl.options].some(o => o.value === current)) selectEl.value = current;\n    }\n\t  \n\tfunction escapeHtml(s){\n  return String(s ?? '')\n    .replace(\/&\/g,'&amp;')\n    .replace(\/<\/g,'&lt;')\n    .replace(\/>\/g,'&gt;')\n    .replace(\/\"\/g,'&quot;')\n    .replace(\/'\/g,'&#39;');\n}\n\nfunction highlightText(text, q){\n  const raw = String(text ?? '');\n  const query = String(q ?? '').trim();\n  if(!query) return escapeHtml(raw);\n\n  \/\/ highlight case-insensitive\n  const escapedQuery = query.replace(\/[.*+?^${}()|[\\]\\\\]\/g, '\\\\$&');\n  const re = new RegExp(escapedQuery, 'ig');\n\n  \/\/ lakukan highlight di versi yang sudah di-escape, tapi cari match dengan mapping sederhana\n  \/\/ Cara aman & simpel: split berdasarkan regex pada raw, lalu escape per bagian\n  const parts = raw.split(re);\n  const matches = raw.match(re);\n\n  let out = '';\n  for(let i=0; i<parts.length; i++){\n    out += escapeHtml(parts[i]);\n    if(matches && matches[i]){\n      out += `<mark class=\"dg-hl\">${escapeHtml(matches[i])}<\/mark>`;\n    }\n  }\n  return out;\n}\n\n    \n\tfunction renderTable(data){\n      if(!data || !data.data_column || !data.data_row){\n        tableEl.innerHTML = '<em>Data kosong.<\/em>';\n        return;\n      }\n      const colsObj = data.data_column;\n      const rows    = data.data_row;\n      const colKeys = Object.keys(colsObj);\n\n      let html = '<table><thead><tr>';\n      colKeys.forEach(k => { html += `<th>${colsObj[k]}<\/th>`; });\n      html += '<\/tr><\/thead><tbody>';\n\n      rows.forEach(row => {\n        html += '<tr>';\n        colKeys.forEach(k => {\n  const val = row[k] ?? '-';\n\n  \/\/ jika ini kolom nama (NAME_KEY), highlight sesuai query\n  if(NAME_KEY && k === NAME_KEY){\n    html += `<td>${highlightText(val, query)}<\/td>`;\n  }else{\n    html += `<td>${escapeHtml(val)}<\/td>`;\n  }\n});\n\n        html += '<\/tr>';\n      });\n\n      html += '<\/tbody><\/table>';\n      tableEl.innerHTML = `<div class=\"dg-table-scroll\">${html}<\/div>`;\n    }\n\n    \/\/ =========================\n    \/\/ PAGINATION + SEARCH STATE\n    \/\/ =========================\n    let FULL_ROWS = [];\n    let FILTERED_ROWS = [];\n    let META_DATA = null;\n    let currentPage = 1;\n    let pageSize = 25;\n    let query = '';\n    let NAME_KEY = null;\n\n    function detectNameKey(){\n      if(META_DATA && META_DATA.data_column){\n        for(const k in META_DATA.data_column){\n          const label = String(META_DATA.data_column[k] ?? '').toLowerCase();\n          if(label.includes('nama')) return k;\n        }\n      }\n      if(FULL_ROWS && FULL_ROWS.length){\n        const keys = Object.keys(FULL_ROWS[0] || {});\n        if(keys.length) return keys[0];\n      }\n      return null;\n    }\n\n    function getTotalPages(){\n      return Math.max(1, Math.ceil(FILTERED_ROWS.length \/ pageSize));\n    }\n\n    function getPageRows(){\n      const start = (currentPage - 1) * pageSize;\n      const end   = start + pageSize;\n      return FILTERED_ROWS.slice(start, end);\n    }\n\n    function updatePagerUI(){\n      const total = FILTERED_ROWS.length;\n      if(total === 0){\n        pagerEl.style.display = 'none';\n        return;\n      }\n      pagerEl.style.display = 'flex';\n\n      const totalPages = getTotalPages();\n      const start = (currentPage - 1) * pageSize + 1;\n      const end   = Math.min(currentPage * pageSize, total);\n\n      const totalAll = FULL_ROWS.length;\n      pagerInfoEl.textContent =\n        (query && query.trim())\n          ? `Menampilkan ${start}\u2013${end} dari ${total} (hasil cari dari ${totalAll}) \u2022 Hal ${currentPage}\/${totalPages}`\n          : `Menampilkan ${start}\u2013${end} dari ${totalAll} \u2022 Hal ${currentPage}\/${totalPages}`;\n\n      btnPrevEl.disabled = currentPage <= 1;\n      btnNextEl.disabled = currentPage >= totalPages;\n    }\n\n    function renderCurrentPage(){\n      if(!META_DATA){\n        tableEl.innerHTML = '<em>Data kosong.<\/em>';\n        updatePagerUI();\n        return;\n      }\n\n      const pageRows = getPageRows();\n\n      \/\/ BONUS: jangan kosong tanpa pesan\n      if(pageRows.length === 0){\n        const colCount = Object.keys(META_DATA.data_column || {}).length || 1;\n\n        let thead = '<tr>';\n        Object.values(META_DATA.data_column || {}).forEach(label => {\n          thead += `<th>${label}<\/th>`;\n        });\n        thead += '<\/tr>';\n\n        tableEl.innerHTML = `\n          <div class=\"dg-table-scroll\">\n            <table>\n              <thead>${thead}<\/thead>\n              <tbody>\n                <tr>\n                  <td colspan=\"${colCount}\" style=\"text-align:center;padding:18px;color:#777;\">\n                    Tidak ada data yang cocok dengan pencarian.\n                  <\/td>\n                <\/tr>\n              <\/tbody>\n            <\/table>\n          <\/div>\n        `;\n        updatePagerUI();\n        return;\n      }\n\n      renderTable({ ...META_DATA, data_row: pageRows });\n      updatePagerUI();\n    }\n\n    function applySearch(){\n      const q = (query || '').trim().toLowerCase();\n\n      if(!q){\n        FILTERED_ROWS = [...FULL_ROWS];\n      }else{\n        const k = NAME_KEY;\n        FILTERED_ROWS = FULL_ROWS.filter(row => {\n          const val = k ? String(row?.[k] ?? '') : '';\n          return val.toLowerCase().includes(q);\n        });\n      }\n\n      currentPage = 1;\n      renderCurrentPage();\n    }\n\t  \n\tfunction exportToCSV(){\n\t  if(!META_DATA || !FILTERED_ROWS.length){\n\t\talert('Tidak ada data untuk diexport.');\n\t\treturn;\n\t  }\n\n\t  const columns = META_DATA.data_column;\n\t  const keys = Object.keys(columns);\n\n\t  \/\/ Header CSV\n\t  let csv = '';\n\t  csv += keys.map(k => `\"${columns[k]}\"`).join(',') + '\\n';\n\n\t  \/\/ Isi CSV\n\t  FILTERED_ROWS.forEach(row => {\n\t\tconst line = keys.map(k => {\n\t\t  let val = row?.[k] ?? '';\n\t\t  val = String(val).replace(\/\"\/g, '\"\"'); \/\/ escape \"\n\t\t  return `\"${val}\"`;\n\t\t}).join(',');\n\t\tcsv += line + '\\n';\n\t  });\n\n\t  \/\/ Nama file\n\t  const kelurahan = districtEl.options[districtEl.selectedIndex]?.text || 'kelurahan';\n\t  const tahun = yearEl.value || 'tahun';\n\t  const filename = `datago_${kelurahan}_${tahun}.csv`\n\t\t.toLowerCase()\n\t\t.replace(\/\\s+\/g, '_');\n\n\t  \/\/ Trigger download\n\t  const blob = new Blob([csv], { type: 'text\/csv;charset=utf-8;' });\n\t  const url = URL.createObjectURL(blob);\n\n\t  const a = document.createElement('a');\n\t  a.href = url;\n\t  a.download = filename;\n\t  document.body.appendChild(a);\n\t  a.click();\n\t  document.body.removeChild(a);\n\n\t  URL.revokeObjectURL(url);\n\t}\n  \n\n    \/\/ =========================\n    \/\/ LOAD FILTERS\n    \/\/ =========================\n    async function loadFilters(){\n      setLoading(true, 'Memuat filter\u2026');\n      setDisabled(true);\n\n      const district = districtEl.value;\n      const r = await post('datago_kel_filters', { district });\n\n      if(!r.success){\n        setLoading(false);\n        setDisabled(false);\n        setStatus(r.message || 'Gagal memuat filter.');\n        groupEl.innerHTML = '<option value=\"\">-<\/option>';\n        yearEl.innerHTML = '<option value=\"\">-<\/option>';\n        return;\n      }\n\n      const d = r.data || {};\n      const groupList = objToList(d.group_list);\n      let yearList = objToList(d.year_list);\n      yearList.sort((a,b) => Number(b.id) - Number(a.id));\n\n      fillSelect(groupEl, groupList, 'id', 'name', true, 'Semua Kelompok');\n      fillSelect(yearEl, yearList, 'id', 'name', false);\n      if(yearList.length) yearEl.value = yearList[0].id;\n\n      setLoading(false);\n      setDisabled(false);\n    }\n\n    \/\/ =========================\n    \/\/ LOAD DATA\n    \/\/ =========================\n    async function loadData(){\n      setLoading(true, 'Memuat data\u2026');\n      tableEl.innerHTML = '';\n      pagerEl.style.display = 'none';\n      searchWrap.style.display = 'none';\n\n      const payload = {\n        district: districtEl.value,\n        group: groupEl.value,\n        year: yearEl.value\n      };\n\n      const r = await post('datago_kel_data', payload);\n      if(!r.success){\n        setLoading(false);\n        setStatus(r.message || 'Gagal memuat data.');\n        return;\n      }\n\n      META_DATA = r.data || null;\n      FULL_ROWS = (META_DATA && Array.isArray(META_DATA.data_row)) ? META_DATA.data_row : [];\n      NAME_KEY  = detectNameKey();\n\n      \/\/ reset search\n      query = '';\n      searchInput.value = '';\n      clearSearch.disabled = true;\n\n      FILTERED_ROWS = [...FULL_ROWS];\n\n      \/\/ tampilkan search bar kalau ada data\n      searchWrap.style.display = FULL_ROWS.length ? 'flex' : 'none';\n\n      \/\/ reset pagination\n      currentPage = 1;\n      pageSize = parseInt(pageSizeEl.value, 10) || 50;\n\n      renderCurrentPage();\n\n      setLoading(false);\n\n      const count = META_DATA?.data_count;\n      setStatus(typeof count === 'number' ? `Total ${count} data` : `Total ${FULL_ROWS.length} data`);\n    }\n\n    \/\/ =========================\n    \/\/ EVENTS\n    \/\/ =========================\n    districtEl.addEventListener('change', async () => { await loadFilters(); await loadData(); });\n    groupEl.addEventListener('change', loadData);\n    yearEl.addEventListener('change', loadData);\n    btnShow.addEventListener('click', loadData);\n\n    btnReset.addEventListener('click', async () => {\n      districtEl.value = defaults.district;\n      await loadFilters();\n      groupEl.value = defaults.group;\n      await loadData();\n    });\n\n    btnPrevEl.addEventListener('click', () => {\n      if(currentPage > 1){\n        currentPage--;\n        renderCurrentPage();\n        window.scrollTo({ top: wrap.getBoundingClientRect().top + window.scrollY - 20, behavior: 'smooth' });\n      }\n    });\n\n    btnNextEl.addEventListener('click', () => {\n      if(currentPage < getTotalPages()){\n        currentPage++;\n        renderCurrentPage();\n        window.scrollTo({ top: wrap.getBoundingClientRect().top + window.scrollY - 20, behavior: 'smooth' });\n      }\n    });\n\n    pageSizeEl.addEventListener('change', () => {\n      pageSize = parseInt(pageSizeEl.value, 10) || 50;\n      currentPage = 1;\n      renderCurrentPage();\n    });\n\t\t\t\t\t\t\t\n\tbtnExportCsv.addEventListener('click', exportToCSV);\t\t\t\n\n    let t = null;\n    searchInput.addEventListener('input', () => {\n      clearTimeout(t);\n      t = setTimeout(() => {\n        query = searchInput.value || '';\n        clearSearch.disabled = !(query && query.trim());\n        applySearch();\n      }, 150);\n    });\n\n    clearSearch.addEventListener('click', () => {\n      query = '';\n      searchInput.value = '';\n      clearSearch.disabled = true;\n      applySearch();\n    });\n\n    \/\/ Init\n    loadFilters().then(loadData);\n  })();\n  <\/script>\n  \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3f43bb e-flex e-con-boxed e-con e-parent\" data-id=\"b3f43bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c77f49 elementor-widget elementor-widget-spacer\" data-id=\"8c77f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MONOGRAFI KECAMATAN MAGELANG SELATAN KOTA MAGELANG Kecamatan Magelang Selatan merupakan salah satu Kecamatan di wilayah Kota Magelang yang berperan sebagai pusat pelayanan pemerintahan, sosial, dan kemasyarakatan. Kecamatan ini memiliki karakter wilayah perkotaan yang dinamis dengan aktivitas masyarakat yang beragam di bidang ekonomi, pendidikan, dan pelayanan publik. Sebagai bagian dari Kota Magelang, Kecamatan Magelang Selatan berkomitmen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-574","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=\/wp\/v2\/pages\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=574"}],"version-history":[{"count":44,"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=\/wp\/v2\/pages\/574\/revisions"}],"predecessor-version":[{"id":901,"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=\/wp\/v2\/pages\/574\/revisions\/901"}],"wp:attachment":[{"href":"https:\/\/selatan.magelangkota.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}