@refinitiv-ui/efx-grid 0.0.0-dev.12023565035.1

package/lib/filter-dialog/lib/locale/translation-de.d.ts

@@ -0,0 +1,7 @@
+
+
+declare namespace translationDe {
+
+}
+
+export default translationDe;

package/lib/filter-dialog/lib/locale/translation-de.js

@@ -0,0 +1,40 @@
+/**
+* @namespace
+*/
+var translationDe = {
+	"Sort by": "Sortieren nach",
+	"Filter by": "Filtern nach",
+	"VALUE": "WERT",
+	"CONDITION": "BEDINGUNG",
+	"Select All": "Alle auswählen",
+	"Deselect All": "Auswahl aufheben",
+	"Show rows where": "Zeilen anzeigen, wo",
+	"Value": "Wert",
+	"And": "Und",
+	"Or": "Oder",
+	"Clear Filter": "Filter löschen",
+	"Done": "Fertig",
+	"Cancel": "Abbrechen",
+
+	"Contains": "Enthält",
+	"Does Not Contain": "Enthält nicht",
+	"Is Greater Than": "Ist größer als",
+	"Is Greater Than Or Equal To": "Ist größer als oder gleich",
+	"Is Less Than": "Ist kleiner als",
+	"Is Less Than Or Equal To": "Ist kleiner als oder gleich",
+	"Begins With": "Beginnt mit",
+	"Does Not Begin With": "Beginnt nicht mit",
+	"Ends With": "Endet mit",
+	"Does Not End With": "Endet nicht mit",
+	"Equals": "Gleich",
+	"Does Not Equal": "Stimmt nicht überein",
+
+	"Equal To Blank Value": "Equal To Blank Value",
+	"Does Not Equal To Blank Value": "Does Not Equal To Blank Value",
+
+	"Date is": "Datum ist",
+	"Date is Before": "Datum ist vor",
+	"Date is After": "Datum ist nach"
+};
+
+export default translationDe;

package/lib/filter-dialog/lib/locale/translation-en.d.ts

@@ -0,0 +1,7 @@
+
+
+declare namespace translationEn {
+
+}
+
+export default translationEn;

package/lib/filter-dialog/lib/locale/translation-en.js

@@ -0,0 +1,40 @@
+/**
+* @namespace
+*/
+var translationEn = {
+	"Sort by": "Sort by",
+	"Filter by": "Filter by",
+	"VALUE": "VALUE",
+	"CONDITION": "CONDITION",
+	"Select All": "Select All",
+	"Deselect All": "Deselect All",
+	"Show rows where": "Show rows where",
+	"Value": "Value",
+	"And": "And",
+	"Or": "Or",
+	"Clear Filter": "Clear Filter",
+	"Done": "Done",
+	"Cancel": "Cancel",
+
+	"Contains": "Contains",
+	"Does Not Contain": "Does Not Contain",
+	"Is Greater Than": "Is Greater Than",
+	"Is Greater Than Or Equal To": "Is Greater Than Or Equal To",
+	"Is Less Than": "Is Less Than",
+	"Is Less Than Or Equal To": "Is Less Than Or Equal To",
+	"Begins With": "Begins With",
+	"Does Not Begin With": "Does Not Begin With",
+	"Ends With": "Ends With",
+	"Does Not End With": "Does Not End With",
+	"Equals": "Equals",
+	"Does Not Equal": "Does Not Equal",
+
+	"Equal To Blank Value": "Equal To Blank Value",
+	"Does Not Equal To Blank Value": "Does Not Equal To Blank Value",
+
+	"Date is": "Date is",
+	"Date is Before": "Date is Before",
+	"Date is After": "Date is After"
+};
+
+export default translationEn;

package/lib/filter-dialog/lib/locale/translation-ja.d.ts

@@ -0,0 +1,7 @@
+
+
+declare namespace translationJa {
+
+}
+
+export default translationJa;

package/lib/filter-dialog/lib/locale/translation-ja.js

@@ -0,0 +1,40 @@
+/**
+* @namespace
+*/
+var translationJa = {
+	"Sort by": "並べ替え",
+	"Filter by": "フィルター",
+	"VALUE": "値",
+	"CONDITION": "条件",
+	"Select All": "すべて選択",
+	"Deselect All": "すべての選択を解除",
+	"Show rows where": "抽出条件の指定",
+	"Value": "値",
+	"And": "AND",
+	"Or": "OR",
+	"Clear Filter": "フィルターをクリア",
+	"Done": "完了",
+	"Cancel": "キャンセル",
+
+	"Contains": "指定の値を含む",
+	"Does Not Contain": "指定の値を含まない",
+	"Is Greater Than": "指定の値より大きい",
+	"Is Greater Than Or Equal To": "指定の値以上",
+	"Is Less Than": "指定の値より小さい",
+	"Is Less Than Or Equal To": "指定の値以下",
+	"Begins With": "指定の値で始まる",
+	"Does Not Begin With": "指定の値で始まらない",
+	"Ends With": "指定の値で終わる",
+	"Does Not End With": "指定の値で終わらない",
+	"Equals": "指定の値に等しい",
+	"Does Not Equal": "指定の値に等しくない",
+
+	"Equal To Blank Value": "Equal To Blank Value",
+	"Does Not Equal To Blank Value": "Does Not Equal To Blank Value",
+
+	"Date is": "日付が指定の値に等しい",
+	"Date is Before": "日付が指定の値より前",
+	"Date is After": "日付が指定の値より後"
+};
+
+export default translationJa;

package/lib/filter-dialog/lib/locale/translation-zh-hant.d.ts

@@ -0,0 +1,7 @@
+
+
+declare namespace translationZhHant {
+
+}
+
+export default translationZhHant;

package/lib/filter-dialog/lib/locale/translation-zh-hant.js

@@ -0,0 +1,40 @@
+/**
+* @namespace
+*/
+var translationZhHant = {
+	"Sort by": "排序",
+	"Filter by": "過濾",
+	"VALUE": "值",
+	"CONDITION": "條件",
+	"Select All": "全選",
+	"Deselect All": "取消全選",
+	"Show rows where": "顯示行",
+	"Value": "值",
+	"And": "和",
+	"Or": "或",
+	"Clear Filter": "清空過濾器",
+	"Done": "完成",
+	"Cancel": "取消",
+
+	"Contains": "包含",
+	"Does Not Contain": "不包含",
+	"Is Greater Than": "大於",
+	"Is Greater Than Or Equal To": "大於或等於",
+	"Is Less Than": "小於",
+	"Is Less Than Or Equal To": "小於或等於",
+	"Begins With": "開始於",
+	"Does Not Begin With": "不為開始",
+	"Ends With": "結尾於",
+	"Does Not End With": "不為結尾",
+	"Equals": "等於",
+	"Does Not Equal": "不等於",
+
+	"Equal To Blank Value": "Equal To Blank Value",
+	"Does Not Equal To Blank Value": "Does Not Equal To Blank Value",
+
+	"Date is": "日期",
+	"Date is Before": "日期小於",
+	"Date is After": "日期大於"
+};
+
+export default translationZhHant;

package/lib/filter-dialog/lib/locale/translation-zh.d.ts

@@ -0,0 +1,7 @@
+
+
+declare namespace translationZh {
+
+}
+
+export default translationZh;

package/lib/filter-dialog/lib/locale/translation-zh.js

@@ -0,0 +1,40 @@
+/**
+* @namespace
+*/
+var translationZh = {
+	"Sort by": "排序",
+	"Filter by": "过滤",
+	"VALUE": "值",
+	"CONDITION": "条件",
+	"Select All": "全选",
+	"Deselect All": "取消全选",
+	"Show rows where": "显示行",
+	"Value": "值",
+	"And": "和",
+	"Or": "或",
+	"Clear Filter": "清空过滤器",
+	"Done": "完成",
+	"Cancel": "取消",
+
+	"Contains": "包含",
+	"Does Not Contain": "不包含",
+	"Is Greater Than": "大于",
+	"Is Greater Than Or Equal To": "大于或等于",
+	"Is Less Than": "小于",
+	"Is Less Than Or Equal To": "小于或等于",
+	"Begins With": "开始于",
+	"Does Not Begin With": "不为开始",
+	"Ends With": "结尾于",
+	"Does Not End With": "不为结尾",
+	"Equals": "等于",
+	"Does Not Equal": "不等于",
+
+	"Equal To Blank Value": "Equal To Blank Value",
+	"Does Not Equal To Blank Value": "Does Not Equal To Blank Value",
+
+	"Date is": "日期",
+	"Date is Before": "日期小于",
+	"Date is After": "日期大于"
+};
+
+export default translationZh;

package/lib/filter-dialog/lib/locale/translation.d.ts

@@ -0,0 +1,11 @@
+import translationEn from "./translation-en.js";
+import translationDe from "./translation-de.js";
+import translationJa from "./translation-ja.js";
+import translationZh from "./translation-zh.js";
+import translationZhHant from "./translation-zh-hant.js";
+
+declare namespace translation {
+
+}
+
+export default translation;

package/lib/filter-dialog/lib/locale/translation.js

@@ -0,0 +1,18 @@
+import translationEn from "./translation-en.js";
+import translationDe from "./translation-de.js";
+import translationJa from "./translation-ja.js";
+import translationZh from "./translation-zh.js";
+import translationZhHant from "./translation-zh-hant.js";
+
+/**
+* @namespace
+*/
+var translation = {
+	"en": translationEn,
+	"de": translationDe,
+	"ja": translationJa,
+	"zh": translationZh,
+	"zh-Hant": translationZhHant
+};
+
+export default translation;

package/lib/filter-dialog/themes/base-checkbox.less

@@ -0,0 +1,42 @@
+:host {
+	display: block;
+	.hidden {
+		display: none;
+	}
+	.select-btn {
+		margin-top: 0;
+		margin-bottom: 4px;
+	}
+
+	.standard-scrollbars();
+	.ie-scrollbars();
+
+  #container {
+		border: 1px solid @list-container-border-color;
+		overflow-y: auto;
+		min-height: 48px;
+		flex-grow: 1;
+  }
+
+	.item-container {
+		display: flex;
+		width: 100%;
+		align-items: center;
+	}
+
+	.item-label {
+		margin-left: 7px;
+		min-width: 0;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+
+	.root {
+		display: flex;
+		flex-flow: column;
+		overflow: hidden;
+	}
+}
+
+.webkit-scrollbars();

package/lib/filter-dialog/themes/base.less

@@ -0,0 +1,191 @@
+:host {
+  display: block;
+  outline: none;
+
+  & * {
+    // init margin
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+
+  .compact {
+    padding-top: 8px;
+    padding-bottom: 8px;
+    
+    #filterAdvancedUI,
+    #filterValueUI {
+      margin-top: 5px;
+    }
+    #filterValueUI > * + * {
+      margin-top: 4px;
+    }
+    .input-group {
+      ef-combo-box + ef-datetime-picker,
+      ef-combo-box + ef-combo-box {
+        margin-top: 10px;
+      }
+      ef-datetime-picker + div.radio-group,
+      ef-combo-box + div.radio-group {
+        margin-top: 6px;
+      }
+  
+      div.radio-group + ef-combo-box {
+        margin-top: 8px;
+      }
+    }
+    .cancel-ok {
+      margin-top: 4px;
+    }
+
+    .group-label, #separator {
+      display: none;
+    }
+  }
+
+  ef-panel {
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    padding-top: 17px;
+    padding-bottom: 31px;
+    display: block;
+  }
+
+  label {
+    line-height: 18px;
+    font-size: 12px;
+  }
+
+  hr {
+    border-top: 1px solid;
+    margin-top: 9px;
+    margin-bottom: 6px;
+    width:100%;
+  }
+
+  ef-radio-button {
+    height: 18px;
+  }
+
+  ef-input,
+  ef-datetime-picker,
+  ef-search-field,
+  #filterCoralSplitBtn {
+    width: 100%;
+    ef-button {
+      flex: 1;
+    }
+  }
+
+  ef-combo-box {
+    width: calc(100% - 1px); // Avoid unexpected scrollbar when zoom-in or zoom-out
+  }
+
+  ef-radio-group {
+    text-align: center;
+  }
+
+  #root_panel{
+    display: flex;
+    flex-direction: column;
+  }
+
+  #filterUI {
+    display: flex;
+    flex-direction: column;
+    overflow-y: hidden;
+    flex: 1;
+  }
+
+  #dataSelector {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+
+  #filterAdvancedUI,
+  #filterValueUI {
+    margin-top: 18px;
+    padding-top: 1px; // Avoid missing first combo-box border
+    padding-bottom: 1px; // Avoid unexpected scrollbar when zoom-in or zoom-out
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: auto;
+  }
+
+  #filterValueUI > * + * {
+    margin-top: 19px;
+  }
+
+  #filterDialogContent {
+    width: 243px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    flex:  1;
+  }
+
+  #dataFilter {
+    flex: 0 0 auto;
+  }
+
+  .group-block>*+* {
+    margin-top: 4px;
+  }
+
+  .group-block label {
+    display: block;
+  }
+
+  .group-filter{
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
+  .input-group {
+    ef-combo-box + ef-datetime-picker,
+    ef-combo-box + ef-combo-box {
+      margin-top: 19px;
+    }
+
+    ef-radio-button + ef-radio-button {
+      margin-left: 6px;
+    }
+
+    ef-datetime-picker + div.radio-group,
+    ef-combo-box + div.radio-group {
+      margin-top: 13px;
+    }
+
+    div.radio-group + ef-combo-box {
+      margin-top: 16px;
+    }
+  }
+
+  .cancel-ok {
+    text-align: right;
+    margin-top: 30px;
+
+    #cancel_btn {
+      margin-left: 12px;
+    }
+
+    #clear_btn {
+      float: left;
+    }
+  }
+
+  .hide {
+    display: none !important;
+  }
+
+  #filterSortCoralSplitBtn,
+  #filterCoralSplitBtn {
+    display: flex;
+    ef-button:not(:first-child) {
+      margin-left: -@button-border-width;
+    }
+  }
+}
+

package/lib/filter-dialog/themes/elemental/checkbox-list.less

@@ -0,0 +1,3 @@
+@import (reference) '~@refinitiv-ui/elemental-theme/src/shared-styles/scrollbar';
+
+@import '../base-checkbox.less';

package/lib/filter-dialog/themes/elemental/dark/checkbox-list.js

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'checkbox-list', styles: ':host{display:block;scrollbar-face-color:#3e444f;scrollbar-shadow-color:#3e444f;scrollbar-highlight-color:#3e444f;scrollbar-arrow-color:#3e444f;scrollbar-track-color:#21242a;scrollbar-3dlight-color:#21242a;scrollbar-darkshadow-color:#21242a}:host .hidden{display:none}:host .select-btn{margin-top:0;margin-bottom:4px}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#3e444f #21242a}}:host #container{border:1px solid #3e444f;overflow-y:auto;min-height:48px;flex-grow:1}:host .item-container{display:flex;width:100%;align-items:center}:host .item-label{margin-left:7px;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .root{display:flex;flex-flow:column;overflow:hidden}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}));

package/lib/filter-dialog/themes/elemental/dark/es5/all-elements.js

@@ -0,0 +1,4 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'filter-dialog', styles: ':host{display:block;outline:0}:host *{margin-bottom:0;margin-top:0}:host .compact{padding-top:8px;padding-bottom:8px}:host .compact #filterAdvancedUI,:host .compact #filterValueUI{margin-top:5px}:host .compact #filterValueUI>*+*{margin-top:4px}:host .compact .input-group ef-combo-box+ef-combo-box,:host .compact .input-group ef-combo-box+ef-datetime-picker{margin-top:10px}:host .compact .input-group ef-combo-box+div.radio-group,:host .compact .input-group ef-datetime-picker+div.radio-group{margin-top:6px}:host .compact .input-group div.radio-group+ef-combo-box{margin-top:8px}:host .compact .cancel-ok{margin-top:4px}:host .compact #separator,:host .compact .group-label{display:none}:host ef-panel{box-shadow:0 0 10px rgba(0,0,0,.5);padding-top:17px;padding-bottom:31px;display:block}:host label{line-height:18px;font-size:12px}:host hr{border-top:1px solid;margin-top:9px;margin-bottom:6px;width:100%}:host ef-radio-button{height:18px}:host #filterCoralSplitBtn,:host ef-input,:host ef-search-field,:host ef-datetime-picker{width:100%}:host #filterCoralSplitBtn ef-button,:host ef-input ef-button,:host ef-search-field ef-button,:host ef-datetime-picker ef-button{flex:1}:host ef-combo-box{width:calc(100% - 1px)}:host ef-radio-group{text-align:center}:host #root_panel{display:flex;flex-direction:column}:host #filterUI{display:flex;flex-direction:column;overflow-y:hidden;flex:1}:host #dataSelector{overflow:hidden;display:flex;flex-direction:column}:host #filterAdvancedUI,:host #filterValueUI{margin-top:18px;padding-top:1px;padding-bottom:1px;display:flex;flex-direction:column;flex:1;overflow:auto}:host #filterValueUI>*+*{margin-top:19px}:host #filterDialogContent{width:243px;display:flex;flex-direction:column;overflow:hidden;flex:1}:host #dataFilter{flex:0 0 auto}:host .group-block>*+*{margin-top:4px}:host .group-block label{display:block}:host .group-filter{overflow:hidden;display:flex;flex-direction:column;flex:1}:host .input-group ef-combo-box+ef-combo-box,:host .input-group ef-combo-box+ef-datetime-picker{margin-top:19px}:host .input-group ef-radio-button+ef-radio-button{margin-left:6px}:host .input-group ef-combo-box+div.radio-group,:host .input-group ef-datetime-picker+div.radio-group{margin-top:13px}:host .input-group div.radio-group+ef-combo-box{margin-top:16px}:host .cancel-ok{text-align:right;margin-top:30px}:host .cancel-ok #cancel_btn{margin-left:12px}:host .cancel-ok #clear_btn{float:left}:host .hide{display:none!important}:host #filterCoralSplitBtn,:host #filterSortCoralSplitBtn{display:flex}:host #filterCoralSplitBtn ef-button:not(:first-child),:host #filterSortCoralSplitBtn ef-button:not(:first-child){margin-left:0}' }}))
+
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'checkbox-list', styles: ':host{display:block;scrollbar-face-color:#3e444f;scrollbar-shadow-color:#3e444f;scrollbar-highlight-color:#3e444f;scrollbar-arrow-color:#3e444f;scrollbar-track-color:#21242a;scrollbar-3dlight-color:#21242a;scrollbar-darkshadow-color:#21242a}:host .hidden{display:none}:host .select-btn{margin-top:0;margin-bottom:4px}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#3e444f #21242a}}:host #container{border:1px solid #3e444f;overflow-y:auto;min-height:48px;flex-grow:1}:host .item-container{display:flex;width:100%;align-items:center}:host .item-label{margin-left:7px;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .root{display:flex;flex-flow:column;overflow:hidden}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}));
+

package/lib/filter-dialog/themes/elemental/dark/filter-dialog.js

@@ -0,0 +1,5 @@
+import "./checkbox-list.js";
+import "./imports/native-elements.js";
+
+
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'filter-dialog', styles: ':host{display:block;outline:0}:host *{margin-bottom:0;margin-top:0}:host .compact{padding-top:8px;padding-bottom:8px}:host .compact #filterAdvancedUI,:host .compact #filterValueUI{margin-top:5px}:host .compact #filterValueUI>*+*{margin-top:4px}:host .compact .input-group ef-combo-box+ef-combo-box,:host .compact .input-group ef-combo-box+ef-datetime-picker{margin-top:10px}:host .compact .input-group ef-combo-box+div.radio-group,:host .compact .input-group ef-datetime-picker+div.radio-group{margin-top:6px}:host .compact .input-group div.radio-group+ef-combo-box{margin-top:8px}:host .compact .cancel-ok{margin-top:4px}:host .compact #separator,:host .compact .group-label{display:none}:host ef-panel{box-shadow:0 0 10px rgba(0,0,0,.5);padding-top:17px;padding-bottom:31px;display:block}:host label{line-height:18px;font-size:12px}:host hr{border-top:1px solid;margin-top:9px;margin-bottom:6px;width:100%}:host ef-radio-button{height:18px}:host #filterCoralSplitBtn,:host ef-input,:host ef-search-field,:host ef-datetime-picker{width:100%}:host #filterCoralSplitBtn ef-button,:host ef-input ef-button,:host ef-search-field ef-button,:host ef-datetime-picker ef-button{flex:1}:host ef-combo-box{width:calc(100% - 1px)}:host ef-radio-group{text-align:center}:host #root_panel{display:flex;flex-direction:column}:host #filterUI{display:flex;flex-direction:column;overflow-y:hidden;flex:1}:host #dataSelector{overflow:hidden;display:flex;flex-direction:column}:host #filterAdvancedUI,:host #filterValueUI{margin-top:18px;padding-top:1px;padding-bottom:1px;display:flex;flex-direction:column;flex:1;overflow:auto}:host #filterValueUI>*+*{margin-top:19px}:host #filterDialogContent{width:243px;display:flex;flex-direction:column;overflow:hidden;flex:1}:host #dataFilter{flex:0 0 auto}:host .group-block>*+*{margin-top:4px}:host .group-block label{display:block}:host .group-filter{overflow:hidden;display:flex;flex-direction:column;flex:1}:host .input-group ef-combo-box+ef-combo-box,:host .input-group ef-combo-box+ef-datetime-picker{margin-top:19px}:host .input-group ef-radio-button+ef-radio-button{margin-left:6px}:host .input-group ef-combo-box+div.radio-group,:host .input-group ef-datetime-picker+div.radio-group{margin-top:13px}:host .input-group div.radio-group+ef-combo-box{margin-top:16px}:host .cancel-ok{text-align:right;margin-top:30px}:host .cancel-ok #cancel_btn{margin-left:12px}:host .cancel-ok #clear_btn{float:left}:host .hide{display:none!important}:host #filterCoralSplitBtn,:host #filterSortCoralSplitBtn{display:flex}:host #filterCoralSplitBtn ef-button:not(:first-child),:host #filterSortCoralSplitBtn ef-button:not(:first-child){margin-left:0}' }}))

package/lib/filter-dialog/themes/elemental/dark/imports/all-elements.js

@@ -0,0 +1,2 @@
+import "../filter-dialog.js";
+import "../checkbox-list.js";

package/lib/filter-dialog/themes/elemental/dark/imports/custom-elements.js

@@ -0,0 +1,2 @@
+import "../filter-dialog.js";
+import "../checkbox-list.js";

package/lib/filter-dialog/themes/elemental/dark.js

@@ -0,0 +1,11 @@
+import "./dark/filter-dialog.js";
+
+import "@refinitiv-ui/elements/button/themes/elemental/dark";
+import "@refinitiv-ui/elements/checkbox/themes/elemental/dark";
+import "@refinitiv-ui/elements/combo-box/themes/elemental/dark";
+import "@refinitiv-ui/elements/item/themes/elemental/dark";
+import "@refinitiv-ui/elements/panel/themes/elemental/dark";
+import "@refinitiv-ui/elements/radio-button/themes/elemental/dark";
+import "@refinitiv-ui/elements/button-bar/themes/elemental/dark";
+import "@refinitiv-ui/elements/search-field/themes/elemental/dark";
+import "@refinitiv-ui/elements/datetime-picker/themes/elemental/dark";

package/lib/filter-dialog/themes/elemental/defaults.less

@@ -0,0 +1,3 @@
+@grid-cfd-border-color: #dadde0;
+@list-container-border-color: @input-border-color;
+@filter-dialog-background-color: @scheme-color-primary;

package/lib/filter-dialog/themes/elemental/filter-dialog.less

@@ -0,0 +1 @@
+@import '../base';

package/lib/filter-dialog/themes/elemental/index.less

@@ -0,0 +1,6 @@
+@import '~@refinitiv-ui/elemental-theme/exports/bare';
+@import (reference) 'defaults';
+@import (reference, optional) 'variants/@{variant}/variables';
+@import 'elements:filter-dialog.less';
+@import 'elements:checkbox-list.less';
+@variant: default;

package/lib/filter-dialog/themes/elemental/light/checkbox-list.js

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'checkbox-list', styles: ':host{display:block;scrollbar-face-color:#d4d7dd;scrollbar-shadow-color:#d4d7dd;scrollbar-highlight-color:#d4d7dd;scrollbar-arrow-color:#d4d7dd;scrollbar-track-color:#f9f9fa;scrollbar-3dlight-color:#f9f9fa;scrollbar-darkshadow-color:#f9f9fa}:host .hidden{display:none}:host .select-btn{margin-top:0;margin-bottom:4px}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#d4d7dd #f9f9fa}}:host #container{border:1px solid #d4d7dd;overflow-y:auto;min-height:48px;flex-grow:1}:host .item-container{display:flex;width:100%;align-items:center}:host .item-label{margin-left:7px;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .root{display:flex;flex-flow:column;overflow:hidden}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #f9f9fa;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#d4d7dd;border-radius:8px;border:2px solid #f9f9fa}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#f9f9fa}::-webkit-scrollbar-corner{background:#f9f9fa}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}));