import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BhqVmlhr.js';
import { d as defineCustomElement$a } from './p-Bu11LCUv.js';
import { d as defineCustomElement$9 } from './p-BxLSOqmG.js';
import { d as defineCustomElement$8 } from './p-B_Omo6hK.js';
import { d as defineCustomElement$7 } from './p-Bw2J9lll.js';
import { d as defineCustomElement$6 } from './p-DiC-xcof.js';
import { d as defineCustomElement$5 } from './p-Cv0O724A.js';
import { d as defineCustomElement$4 } from './p-4rdrCxSX.js';
import { d as defineCustomElement$3 } from './p-BldfN9G_.js';
import { d as defineCustomElement$2 } from './p-CovKvfqw.js';
import { d as defineCustomElement$1 } from './p-V_F6lX0v.js';

const dgaFilterationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-alpha-black)/20%);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{display:block;width:100%;position:relative}.filteration{display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative;width:100%}.filteration *::-webkit-scrollbar{width:8px;height:8px}.filteration *::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}.filteration *::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px;transition:background 0.3s ease}.filteration *::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.filteration__selected-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;min-height:40px}.filteration__selected-filters>*{animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filteration__panel{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);position:absolute;top:calc(100% + 10px);left:0;right:0;overflow-y:auto;width:90%;z-index:1000;border-radius:var(--radius-md);border:1px solid var(--border-neutral-primary);background:var(--background-white);display:flex;width:100%;max-width:var(--width-xxs);flex-direction:column;align-items:start;gap:var(--spacing-md);max-height:75vh;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.filteration__panel--open{top:60%}@media (max-width: 768px){.filteration__panel{position:fixed;top:10%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:95%;height:90vh}}.filteration__block{width:100%;transition:all 0.3s ease;padding-left:20px}.filteration__block:hover{background-color:var(--color-neutral-50)}.filteration__block-title{margin-bottom:var(--spacing-md);color:var(--color-neutral-700);display:flex;align-items:center;justify-content:space-between;color:var(--colors-2-text-primary, #161616);font-family:var(--Font-Family-font-family-text, \"IBM Plex Sans Arabic\");font-size:var(--Size-Text-typo-size-text-sm, 14px);font-style:normal;font-weight:600;line-height:var(--Line-Height-Text-line-heights-text-sm, 20px);}.filteration__block-content{display:flex;flex:1;width:100%;transition:max-height 0.3s ease-in-out}.filteration__block-content--checkbox{flex-direction:column;gap:var(--spacing-2xl)}.filteration__block-content--radio{flex-direction:column;gap:var(--spacing-sm);margin-left:-10px;font-weight:400}.filteration__block-content--slider{flex-direction:column;width:92%;padding-left:8px}.filteration__block-content--chips{flex-direction:row;flex-wrap:wrap;gap:20px}.filteration__block-content--select{flex-direction:column;gap:var(--spacing-2xl)}.filteration__block-actions{margin-top:22px;margin-bottom:30px}.filteration__divider{height:1px;background:var(--border-neutral-primary);width:100%}.filteration__range{display:flex;align-items:center;gap:var(--spacing-md)}.filteration__range>span{color:var(--color-neutral-500);margin:0 var(--spacing-sm)}.filteration__range dga-text-input{max-width:125px}.filteration__search{width:100%;margin-bottom:18px}.filteration__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-neutral-200);margin-top:var(--spacing-lg);width:100%}.filteration__actions dga-button{min-width:120px}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filteration__panel{animation:slideDown 0.3s ease}.filteration__select{display:flex;justify-content:space-between;color:var(--text-default, #161616);font-size:var(--Size-Text-typo-size-text-sm, 14px);font-style:normal;font-weight:400;line-height:20px;cursor:pointer}.checkbox_check_box_container{display:flex;align-items:center;gap:5px;color:var(--text-secondary-paragraph, #6C737F);font-family:var(--Family-font-family-text, \"IBM Plex Sans Arabic\");font-size:var(--Text-typo-size-text-sm, 14px);font-style:normal;font-weight:400;line-height:var(--Line-Height-Text-line-heights-text-sm, 20px)}.filteration__block-actions button{padding:0}.filteration__block-title{position:relative;left:-10px}@media (max-width: 768px){.filteration__panel::before{content:\"\";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:999}}";

const DgaFilteration = /*@__PURE__*/ proxyCustomElement(class DgaFilteration extends H {
    constructor() {
        super();
        this.__registerHost();
        this.onFilterChange = createEvent(this, "onFilterChange");
        this.buttonLabel = 'Filter';
        this.filterBlocks = [];
        this.maxBlockHeight = 200;
        this.isFilterPanelOpen = false;
        this.selectedFilters = [];
        this.expandedBlocks = new Set();
        this.tempFilters = [];
        this.sliderValues = {};
        this.rangeValues = {};
        this.dateValues = {};
        this.chipsValues = {};
        this.searchQuery = '';
        this.handleInitValue = () => {
            this.selectedFilters = [
                'checkbox' in this.initvalue
                    ? {
                        blockId: this.initvalue.checkbox.blockId,
                        items: this.initvalue.checkbox.options,
                    }
                    : undefined,
                'select' in this.initvalue
                    ? {
                        blockId: this.initvalue.select.blockId,
                        items: this.initvalue.select.options,
                    }
                    : undefined,
                'radio' in this.initvalue
                    ? {
                        blockId: this.initvalue.radio.blockId,
                        items: this.initvalue.radio.options,
                    }
                    : undefined,
                'slider' in this.initvalue
                    ? {
                        blockId: this.initvalue.slider.blockId,
                        items: [
                            {
                                id: this.initvalue.slider.blockId,
                                label: `${this.initvalue.slider.options.min} - ${this.initvalue.slider.options.max}`,
                                value: {
                                    min: this.initvalue.slider.options.min,
                                    max: this.initvalue.slider.options.max,
                                },
                            },
                        ],
                    }
                    : undefined,
                'range' in this.initvalue
                    ? {
                        blockId: this.initvalue.range.blockId,
                        items: [
                            {
                                id: this.initvalue.range.blockId,
                                label: `${this.initvalue.range.options.min} - ${this.initvalue.range.options.max}`,
                                value: {
                                    min: this.initvalue.range.options.min,
                                    max: this.initvalue.range.options.max,
                                },
                            },
                        ],
                    }
                    : undefined,
                'chips' in this.initvalue
                    ? {
                        blockId: this.initvalue.chips.blockId,
                        items: this.initvalue.chips.options,
                    }
                    : undefined,
            ];
            if ('slider' in this.initvalue) {
                this.sliderValues = Object.assign(Object.assign({}, this.sliderValues), { [this.initvalue.slider.blockId]: {
                        min: this.initvalue.slider.options.min,
                        max: this.initvalue.slider.options.max,
                    } });
            }
            if ('range' in this.initvalue) {
                this.rangeValues = Object.assign(Object.assign({}, this.rangeValues), { [this.initvalue.range.blockId]: {
                        min: this.initvalue.range.options.min.toString(),
                        max: this.initvalue.range.options.max.toString(),
                    } });
            }
            if ('checkbox' in this.initvalue || 'radio' in this.initvalue) {
                this.tempFilters = [
                    ...this.tempFilters,
                    {
                        blockId: this.initvalue.checkbox.blockId,
                        items: this.initvalue.checkbox.options,
                    },
                ];
            }
            if ('radio' in this.initvalue) {
                this.tempFilters = [
                    ...this.tempFilters,
                    {
                        blockId: this.initvalue.radio.blockId,
                        items: this.initvalue.radio.options,
                    },
                ];
            }
            if ('select' in this.initvalue) {
                this.tempFilters = [
                    ...this.tempFilters,
                    {
                        blockId: this.initvalue.select.blockId,
                        items: this.initvalue.select.options,
                    },
                ];
            }
            if ('chips' in this.initvalue) {
                this.chipsValues = Object.assign(Object.assign({}, this.chipsValues), { [this.initvalue.chips.blockId]: this.initvalue.chips.options });
            }
        };
        this.toggleFilterPanel = () => {
            this.isFilterPanelOpen = !this.isFilterPanelOpen;
            if (!this.isFilterPanelOpen) {
                this.tempFilters = [...this.selectedFilters];
            }
        };
        this.toggleBlockExpansion = (blockId) => {
            const newExpandedBlocks = new Set(this.expandedBlocks);
            if (newExpandedBlocks.has(blockId)) {
                newExpandedBlocks.delete(blockId);
            }
            else {
                newExpandedBlocks.add(blockId);
            }
            this.expandedBlocks = newExpandedBlocks;
        };
        this.handleFilterSelection = (blockId, item, checked) => {
            const blockIndex = this.tempFilters.findIndex(f => f.blockId === blockId);
            if (blockIndex === -1) {
                if (checked) {
                    this.tempFilters = [...this.tempFilters, { blockId, items: [item] }];
                }
            }
            else {
                const block = this.tempFilters[blockIndex];
                if (checked) {
                    block.items = [...block.items, item];
                }
                else {
                    block.items = block.items.filter(i => i.id !== item.id);
                }
                this.tempFilters = [...this.tempFilters];
            }
        };
        this.handleSliderChange = (blockId, min, max) => {
            this.sliderValues = Object.assign(Object.assign({}, this.sliderValues), { [blockId]: { min, max } });
        };
        this.handleRangeChange = (blockId, min, max) => {
            this.rangeValues = Object.assign(Object.assign({}, this.rangeValues), { [blockId]: { min, max } });
        };
        this.handleDateChange = (blockId, start, end) => {
            this.dateValues = Object.assign(Object.assign({}, this.dateValues), { [blockId]: { start, end } });
        };
        this.handleChipsSelection = (blockId, item, selected) => {
            const currentChips = this.chipsValues[blockId] || [];
            let updatedChips;
            if (selected) {
                updatedChips = [...currentChips, item];
            }
            else {
                updatedChips = currentChips.filter(chip => chip.id !== item.id);
            }
            this.chipsValues = Object.assign(Object.assign({}, this.chipsValues), { [blockId]: updatedChips });
        };
        this.applyFilters = () => {
            const appliedFilters = [];
            // Combine all filter types
            this.tempFilters.forEach(filter => appliedFilters.push(filter));
            // Add slider filters
            Object.entries(this.sliderValues).forEach(([blockId, { min, max }]) => {
                appliedFilters.push({
                    blockId,
                    items: [{ id: 'slider', label: `${min} - ${max}`, value: { min, max } }],
                });
            });
            // Add range filters
            Object.entries(this.rangeValues).forEach(([blockId, { min, max }]) => {
                if (min !== null || max !== null) {
                    appliedFilters.push({
                        blockId,
                        items: [{ id: 'range', label: `${min || 'Min'} - ${max || 'Max'}`, value: { min, max } }],
                    });
                }
            });
            // Add date filters
            Object.entries(this.dateValues).forEach(([blockId, { start, end }]) => {
                if (start || end) {
                    appliedFilters.push({
                        blockId,
                        items: [
                            {
                                id: 'date',
                                label: `${(start === null || start === void 0 ? void 0 : start.toLocaleDateString()) || 'Start'} - ${(end === null || end === void 0 ? void 0 : end.toLocaleDateString()) || 'End'}`,
                                value: { start, end },
                            },
                        ],
                    });
                }
            });
            // Add chips filters
            Object.entries(this.chipsValues).forEach(([blockId, chips]) => {
                if (chips.length > 0) {
                    appliedFilters.push({
                        blockId,
                        items: chips,
                    });
                }
            });
            this.selectedFilters = appliedFilters;
            this.onFilterChange.emit(this.selectedFilters);
            this.isFilterPanelOpen = false;
        };
        this.clearFilters = () => {
            this.selectedFilters = [];
            this.onFilterChange.emit(this.selectedFilters);
            this.isFilterPanelOpen = false;
            this.tempFilters = [];
            this.sliderValues = {};
            this.rangeValues = {};
            this.dateValues = {};
            this.chipsValues = {};
            this.expandedBlocks = new Set();
            this.searchQuery = '';
        };
        this.removeFilter = (blockId, itemId) => {
            // Remove from selected filters
            this.selectedFilters = this.selectedFilters
                .map(block => {
                if (block.blockId === blockId) {
                    return Object.assign(Object.assign({}, block), { items: block.items.filter(item => item.id !== itemId) });
                }
                return block;
            })
                .filter(block => block.items.length > 0);
            // Clear specific filter type state
            if (blockId in this.sliderValues)
                delete this.sliderValues[blockId];
            if (blockId in this.rangeValues)
                delete this.rangeValues[blockId];
            if (blockId in this.dateValues)
                delete this.dateValues[blockId];
            if (this.tempFilters
                .map(i => {
                return i.blockId;
            })
                .includes(blockId)) {
                this.tempFilters = this.tempFilters
                    .map(item => {
                    var _a;
                    if (blockId === item.blockId) {
                        return Object.assign(Object.assign({}, item), { items: (_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.filter(i => i.id !== itemId) });
                    }
                    return item;
                })
                    .filter(i => i.items.length);
            }
            if (blockId in this.chipsValues) {
                this.chipsValues[blockId] = this.chipsValues[blockId].filter(item => item.id !== itemId);
            }
            this.onFilterChange.emit(this.selectedFilters);
        };
    }
    componentWillLoad() {
        this.handleInitValue();
    }
    watchInitValue() {
        this.handleInitValue();
    }
    render() {
        return (h(Host, { key: '0f5539d5875fe94f5c6d444c0dc5ef461c9594b3', class: "filteration" }, h("dga-button-v2", { key: '15517c4e0e833a9e9ee6eb4a9f673e454f270117', label: this.buttonLabel, leadIcon: true, leadIconProps: {
                name: 'FilterIcon',
                color: 'white',
                size: 24,
                type: 'sharp',
                variant: 'stroke',
            }, onClick: this.toggleFilterPanel, size: "lg", trailIcon: true, trailIconProps: {
                name: 'ArrowDown01Icon',
                color: 'white',
                size: 24,
                type: 'sharp',
                variant: 'stroke',
            }, variant: "neutral" }), h("div", { key: 'c079fe42448c3ee8efc074a15286238d59ace91a', class: "filteration__selected-filters" }, this.selectedFilters.map(block => block.items.map(filter => (h("dga-button-v2", { key: `${block.blockId}-${filter.id}`, label: filter.label, onClick: () => this.removeFilter(block.blockId, filter.id), size: "lg", trailIcon: true, trailIconProps: {
                name: 'MultiplicationSignIcon',
                color: 'white',
                size: 24,
                type: 'sharp',
                variant: 'stroke',
            }, variant: "primary" }))))), this.isFilterPanelOpen && (h("div", { key: 'b4c596e6a19eb8365676db4703487fe9a1f2deba', class: { 'filteration__panel': true, 'filteration__panel--open': this.selectedFilters.length === 0 } }, this.filterBlocks.map(block => (h("div", { class: "filteration__block", key: block.id }, h("h3", { class: "filteration__block-title" }, block.label), h("div", { class: {
                'filteration__block-content': true,
                'filteration__block-content--checkbox': block.type === 'checkbox',
                'filteration__block-content--radio': block.type === 'radio',
                'filteration__block-content--slider': block.type === 'slider',
                'filteration__block-content--range': block.type === 'range',
                'filteration__block-content--date': block.type === 'date',
                'filteration__block-content--chips': block.type === 'chips',
                'filteration__block-content--select': block.type === 'select',
                'filteration__block-content--collapsed': block.type === 'checkbox' && this.expandedBlocks.has(block.id),
            } }, this.renderFilterBlock(block)), h("div", { class: "filteration__block-actions" }, block.type === 'checkbox' && block.options.length > 5 && !this.searchQuery && (h("dga-button-v2", { label: this.expandedBlocks.has(block.id) ? 'Show less' : `Show ${block.options.length - 3} more`, onClick: () => this.toggleBlockExpansion(block.id), size: "md", variant: "transparent", leadIcon: true, trailIcon: true, trailIconProps: {
                name: this.expandedBlocks.has(block.id) ? 'ArrowUp01Icon' : 'ArrowDown01Icon',
                size: 16,
                color: 'black',
                variant: 'stroke',
                type: 'standard',
            } }))), h("div", { class: "filteration__divider" })))), h("div", { key: '950940e67127cac2adaa9a10f730ae0cd41bd1eb', class: "filteration__actions" }, h("dga-button-v2", { key: '58cc899832ab313315c5785901fd582f965bfd4f', label: "Apply filters", onClick: this.applyFilters, variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'a107bffe27db98239e39d1d010a43f06dfb0431d', label: "Clear filters", onClick: this.clearFilters, variant: "secondary-outline", size: "lg" }))))));
    }
    renderFilterBlock(block) {
        var _a, _b, _c, _d, _e, _f, _g;
        switch (block.type) {
            case 'checkbox':
                const options = this.expandedBlocks.has(block.id) ? block.options : block.options.slice(0, 3);
                // Filter options based on the search query
                const filteredOptions = options.filter(option => option.label.toLowerCase().includes(this.searchQuery.toLowerCase()));
                return (h("div", null, h("div", { class: "filteration__search" }, h("dga-text-input", { icon: { name: 'Search01Icon', type: 'sharp', variant: 'stroke' }, size: "md", placeholder: "Search", value: this.searchQuery, onInput: (e) => (this.searchQuery = e.target.value) })), filteredOptions === null || filteredOptions === void 0 ? void 0 :
                    filteredOptions.map(option => {
                        var _a, _b, _c;
                        const isChecked = (_c = (_b = (_a = this.tempFilters) === null || _a === void 0 ? void 0 : _a.find(f => f.blockId === block.id)) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.some(i => (i === null || i === void 0 ? void 0 : i.id) == option.id);
                        return (h("div", { key: option.id, class: "checkbox_check_box_container" }, h("dga-checkbox", { key: option.id, color: "neutral", label: option.label, checked: isChecked, onChange: e => this.handleFilterSelection(block.id, option, e.target.checked) }), option.count && h("span", null, "(", option.count, ")")));
                    })));
            case 'radio':
                return (_a = block.options) === null || _a === void 0 ? void 0 : _a.map(option => {
                    var _a;
                    return (h("dga-radio-button", { key: option.id, label: option.label, name: block.id, value: option.value, onChange: e => {
                            if (e.target.checked) {
                                this.tempFilters = this.tempFilters.filter(f => f.blockId !== block.id);
                                this.handleFilterSelection(block.id, option, true);
                            }
                        }, checked: (_a = this.tempFilters.find(i => i.blockId == block.id)) === null || _a === void 0 ? void 0 : _a.items.some(value => value.value === option.value) }));
                });
            case 'chips':
                return (_b = block.options) === null || _b === void 0 ? void 0 : _b.map(option => {
                    var _a, _b;
                    return (h("dga-chip", { key: option.id, label: option.label,
                        // selected={this.chipsValues[ .id]?.some(chip => chip.id === option.id) || false}
                        // onSelect={() => this.handleChipsSelection(block.id, option, true)}
                        // onDeselect={() => this.handleChipsSelection(block.id, option, false)}
                        onChange: isSelected => {
                            if (isSelected) {
                                this.handleChipsSelection(block.id, option, true);
                            }
                            else {
                                this.handleChipsSelection(block.id, option, false);
                            }
                        }, isSelected: ((_a = this.chipsValues[block.id]) === null || _a === void 0 ? void 0 : _a.some(chip => chip.id === option.id)) || false, leadIcon: true, trailIcon: ((_b = this.chipsValues[block.id]) === null || _b === void 0 ? void 0 : _b.some(chip => chip.id === option.id)) || false ? 'MultiplicationSignIcon' : 'PlusSignIcon', trailIconProps: { size: 16, color: 'black', variant: 'stroke', type: 'standard' } }));
                });
            case 'slider':
                return (h("dga-slider", { min: block.min || 0, max: block.max || 100, step: block.step || 1,
                    // value={this.sliderValues[block.id]?.min || block.min || 0}
                    // endValue={this.sliderValues[block.id]?.max || block.max || 100}
                    onChange: props => {
                        const { min, max } = props;
                        this.handleSliderChange(block.id, min, max);
                    }, initialMin: ((_c = this.sliderValues[block.id]) === null || _c === void 0 ? void 0 : _c.min) || block.min || 0, initialMax: ((_d = this.sliderValues[block.id]) === null || _d === void 0 ? void 0 : _d.max) || block.max || 100 }));
            case 'range':
                return (h("div", { class: "filteration__range" }, h("dga-text-input", { type: "number", size: "md", placeholder: "Min", value: ((_e = this.rangeValues[block.id]) === null || _e === void 0 ? void 0 : _e.min) || null, onChange: e => {
                        var _a;
                        const min = e.target.value ? e.target.value : null;
                        this.handleRangeChange(block.id, min, ((_a = this.rangeValues[block.id]) === null || _a === void 0 ? void 0 : _a.max.toString()) || null);
                    } }), h("i", { class: 'hgi-duotone hgi-solid-line-01', style: { fontSize: '20px' } }), h("dga-text-input", { type: "number", size: "md", placeholder: "Max", value: ((_f = this.rangeValues[block.id]) === null || _f === void 0 ? void 0 : _f.max) || null, onChange: e => {
                        var _a;
                        const max = e.target.value ? e.target.value : null;
                        this.handleRangeChange(block.id, ((_a = this.rangeValues[block.id]) === null || _a === void 0 ? void 0 : _a.min.toString()) || null, max);
                    } })));
            case 'date':
                return (h("div", { class: "filteration__search" }, h("dga-text-input", { size: "md", placeholder: "DD/MM/YY", onChange: e => this.handleDateChange(block.id, e.detail.start, e.detail.end) })));
            // <dga-datepicker inputField={true} onChange={e => this.handleDateChange(block.id, e.detail.start, e.detail.end)} />;
            case 'select':
                return (_g = block.options) === null || _g === void 0 ? void 0 : _g.map(option => (h("div", { key: option.id, onClick: () => this.handleFilterSelection(block.id, option, !this.tempFilters.some(f => f.blockId === block.id && f.items.some(i => i.id === option.id))), class: 'filteration__select' }, h("div", null, option.label), h("i", { class: { 'hgi-stroke hgi-solid hgi-tick-02': this.tempFilters.some(f => f.blockId === block.id && f.items.some(i => i.id === option.id)) }, style: { fontSize: '20px' } }))));
            default:
                return null;
        }
    }
    static get watchers() { return {
        "initvalue": ["watchInitValue"]
    }; }
    static get style() { return dgaFilterationCss; }
}, [0, "dga-filteration", {
        "initvalue": [16],
        "buttonLabel": [1, "button-label"],
        "filterBlocks": [16, "filter-blocks"],
        "maxBlockHeight": [2, "max-block-height"],
        "isFilterPanelOpen": [32],
        "selectedFilters": [32],
        "expandedBlocks": [32],
        "tempFilters": [32],
        "sliderValues": [32],
        "rangeValues": [32],
        "dateValues": [32],
        "chipsValues": [32],
        "searchQuery": [32]
    }, undefined, {
        "initvalue": ["watchInitValue"]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-filteration", "dga-button-v2", "dga-checkbox", "dga-chip", "dga-helper-text", "dga-icon", "dga-icon-v2", "dga-label", "dga-radio-button", "dga-slider", "dga-text-input"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-filteration":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaFilteration);
            }
            break;
        case "dga-button-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$a();
            }
            break;
        case "dga-checkbox":
            if (!customElements.get(tagName)) {
                defineCustomElement$9();
            }
            break;
        case "dga-chip":
            if (!customElements.get(tagName)) {
                defineCustomElement$8();
            }
            break;
        case "dga-helper-text":
            if (!customElements.get(tagName)) {
                defineCustomElement$7();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$6();
            }
            break;
        case "dga-icon-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "dga-label":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-radio-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-slider":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
        case "dga-text-input":
            if (!customElements.get(tagName)) {
                defineCustomElement$1();
            }
            break;
    } });
}

export { DgaFilteration as D, defineCustomElement as d };
