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

package/lib/column-selection-dialog/lib/locale/translation-de.d.ts

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

package/lib/column-selection-dialog/lib/locale/translation-de.js

@@ -0,0 +1,20 @@
+/**
+* @namespace
+*/
+var translationDe = {
+	"Column Selection": "Spaltenauswahl",
+	"Search": "Suche",
+	"No results found": "Keine Ergebnisse gefunden",
+	"Select All": "Alle auswählen",
+	"Add / Remove Columns": "Spalten hinzufügen / entfernen",
+	"Show in this order": "In dieser Reihenfolge anzeigen",
+	"Up": "Aufwärts",
+	"Down": "Abwärts",
+	"Remove": "Entfernen",
+	"RESTORE DEFAULT": "Standard wiederherstellen",
+	"OK": "OK",
+	"CANCEL": "ABBRECHEN",
+	"WARNING_1": "At least one column must be visible"
+};
+
+export default translationDe;

package/lib/column-selection-dialog/lib/locale/translation-en.d.ts

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

package/lib/column-selection-dialog/lib/locale/translation-en.js

@@ -0,0 +1,20 @@
+/**
+* @namespace
+*/
+var translationEn = {
+	"Column Selection": "Column Selection",
+	"Search": "Search",
+	"No results found": "No results found",
+	"Select All": "Select All",
+	"Add / Remove Columns": "Add / Remove Columns",
+	"Show in this order": "Show in this order",
+	"Up": "Up",
+	"Down": "Down",
+	"Remove": "Remove",
+	"RESTORE DEFAULT": "RESTORE DEFAULT",
+	"OK": "OK",
+	"CANCEL": "CANCEL",
+	"WARNING_1": "At least one column must be visible"
+};
+
+export default translationEn;

package/lib/column-selection-dialog/lib/locale/translation-ja.d.ts

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

package/lib/column-selection-dialog/lib/locale/translation-ja.js

@@ -0,0 +1,20 @@
+/**
+* @namespace
+*/
+var translationJa = {
+	"Column Selection": "列を選択",
+	"Search": "検索",
+	"No results found": "該当する結果がありません",
+	"Select All": "すべて選択",
+	"Add / Remove Columns": "列を追加 / 削除",
+	"Show in this order": "この順で表示",
+	"Up": "上へ",
+	"Down": "下へ",
+	"Remove": "削除",
+	"RESTORE DEFAULT": "既定値を復元",
+	"OK": "OK",
+	"CANCEL": "キャンセル",
+	"WARNING_1": "At least one column must be visible"
+};
+
+export default translationJa;

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

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

package/lib/column-selection-dialog/lib/locale/translation-zh-hant.js

@@ -0,0 +1,20 @@
+/**
+* @namespace
+*/
+var translationZhHant = {
+	"Column Selection": "選擇列",
+	"Search": "搜尋",
+	"No results found": "未找到結果",
+	"Select All": "全選",
+	"Add / Remove Columns": "添加 / 删除列",
+	"Show in this order": "按此順序顯示",
+	"Up": "向上",
+	"Down": "向下",
+	"Remove": "刪除",
+	"RESTORE DEFAULT": "恢復原始設定",
+	"OK": "確定",
+	"CANCEL": "取消",
+	"WARNING_1": "At least one column must be visible"
+};
+
+export default translationZhHant;

package/lib/column-selection-dialog/lib/locale/translation-zh.d.ts

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

package/lib/column-selection-dialog/lib/locale/translation-zh.js

@@ -0,0 +1,20 @@
+/**
+* @namespace
+*/
+var translationZh = {
+	"Column Selection": "选择列",
+	"Search": "搜索",
+	"No results found": "未找到结果",
+	"Select All": "全选",
+	"Add / Remove Columns": "添加 / 删除列",
+	"Show in this order": "按此顺序显示",
+	"Up": "向上",
+	"Down": "向下",
+	"Remove": "删除",
+	"RESTORE DEFAULT": "恢复默认",
+	"OK": "确定",
+	"CANCEL": "取消",
+	"WARNING_1": "At least one column must be visible"
+};
+
+export default translationZh;

package/lib/column-selection-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/column-selection-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/column-selection-dialog/themes/base.less

@@ -0,0 +1,258 @@
+@import '~@refinitiv-ui/elemental-theme/src/shared-styles/scrollbar';
+
+:host {
+	background: @scheme-color-primary;
+	display: inline-block;
+	height: 0;
+	width: 0;
+
+	* {
+		margin: 0;
+
+		&[hide] {
+			display: none;
+		}
+	}
+
+	div {
+		box-sizing: border-box;
+	}
+
+	ef-item {
+		&.disabled {
+			color: @list-item-disabled-text-color;
+		}
+
+		&[focused] ef-checkbox {
+			color: @list-item-focus-text-color;
+		}
+
+		&::part(center) {
+			white-space: normal;
+		}
+
+		// NOTE:: We can overwrite text color of disabled item by uncomment this code
+		// &[selected] {
+		// 	color: mix(@list-item-selected-text-color, @list-item-disabled-text-color, 20%);
+		// }
+
+		// &[focused],
+		// &[highlighted] {
+		// 	background-color: @list-item-focus-background-color;
+
+		// 	&:not([selected]) {
+		// 		color: mix(@list-item-focus-text-color, @list-item-disabled-text-color, 50%);
+		// 	}
+
+		// 	&[selected] {
+		// 		color: mix(@list-item-selected-text-color, @list-item-disabled-text-color, 60%);
+		// 	}
+		// }
+	}
+
+	.title {
+		line-height: 14px;
+	}
+
+	ef-dialog {
+		width: 700px;
+		height: 500px;
+		min-width: 490px;
+	}
+
+	ef-tree {
+		width: 100%;
+	}
+
+	ef-tree-item {
+		min-width: 100%; // TODO:: Handle item in case text length exceed width
+	}
+
+	.container {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.row {
+		display: flex;
+	}
+
+	.row + .row {
+		margin-top: 10px;
+	}
+
+	.side {
+		width: 50%;
+		max-width: 50%;
+		display: flex;
+		flex-direction: column;
+		vertical-align: top;
+		overflow: hidden;
+		align-self: center;
+		padding-left: 5px;
+		padding-right: 5px;
+		justify-content: center;
+	}
+	.side:first-child {
+		padding-left: 0;
+	}
+	.side:last-child {
+		padding-right: 0;
+	}
+
+	#listSection {
+		height: 100%;
+		overflow: hidden;
+	}
+	
+	#info_icon {
+		vertical-align: top;
+		font-size: 14px;
+	}
+	
+	#tags_div > * {
+		margin-right: 5px;
+		margin-bottom: 10px;
+	}
+
+	#allColumns {
+		overflow: hidden;
+		border: 1px solid @column-border-color;
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+	}
+
+	#allColumnsSide, #visibleSide {
+		height: 100%;
+	}
+
+	#visibleColumns {
+		flex-grow: 1;
+		overflow-y: auto;
+		border: 1px solid @column-border-color;
+	}
+
+	#searchInput {
+		width: 100%;
+	}
+
+	.no-results {
+		pointer-events: none;
+		text-align: center;
+		margin-top: 10px;
+	}
+
+	#ordering_div {
+		display: flex;
+		align-items: center;
+		margin-top: 2px;
+		
+		ef-button {
+			margin-top: min(@panel-padding);
+		}
+
+		ef-button:first-child {
+			margin-right: 10px;
+		}
+	}
+
+	#ordering_buttons {
+		flex: 1;
+		margin-right: 10px;
+	}
+
+	#descriptionContainer {
+		margin-top: 10px;
+		min-height: 60px;
+		overflow-y: auto;
+		border: 1px solid @column-border-color;
+		font-size: 12px;
+		line-height: 18px;
+		box-sizing: border-box;
+		padding: @control-padding;
+	}
+
+	#selectAllHeader {
+		min-height: 28px;
+		text-transform: none;
+		cursor: pointer;
+
+		#selectAllCheckbox{
+			pointer-events: none;
+		}
+	}
+
+	[slot="footer"] {
+		display: flex;
+		height: 40px;
+		align-items: center;
+		padding-left: min(@panel-padding);
+		padding-right: min(@panel-padding);
+		overflow: hidden;
+		
+		div[part="custom-buttons"] {
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+		div[part="default-buttons"]{
+			display: inline-flex;
+			align-items: center;
+			padding-left: min(@panel-padding);
+			white-space: nowrap;
+		}
+		
+		#restore_btn {
+			white-space: nowrap;
+		}
+		#status_div {
+			flex: 1;
+		}
+		ef-icon+#status_div {
+			margin-left: 4px;
+		}
+
+		ef-button {
+			text-transform: uppercase;
+			margin-top: 0;
+			margin-bottom: 0;
+			padding-left: min(@panel-padding);
+			padding-right: min(@panel-padding);
+		}
+		ef-button+* {
+			margin-left: min(@panel-padding);
+		}
+	}
+
+	ef-tree-item {
+		position: relative;
+	}
+	.div-icon {
+		position: absolute;
+		right: 0;
+		top: 0;
+		width: 24px;
+		height: 100%;
+		text-align: center;
+	}
+	ef-tree-item .item .div-icon:hover { /* hover icon will change icon background */
+		background-color: var(--color-scheme-primary);
+	}
+	.info-icon {
+		display: none;
+		font-size: 18px;
+		height: 100%;
+	}
+	ef-tree-item:hover .item .info-icon { /* hover item will show icon */
+		display: inline-block;
+		color: #ffffff; /* icon-color white both dark and light theme */
+	}
+	.bg-highligted { /* effect ef-tree-item, when _handleInfoIconMouseover icon (disable highlighted background color) */
+		background-color: var(--color-scheme-tertiary);
+		color: var(--color-scheme-complementary); /* font text */
+	}
+}
+
+.webkit-scrollbars();

package/lib/column-selection-dialog/themes/elemental/column-selection-dialog.less

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

package/lib/column-selection-dialog/themes/elemental/dark/column-selection-dialog.js

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#535de8;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(184,189,199,.5)}:host ef-item[focused] ef-checkbox{color:#b7bcc6}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:700px;height:500px;min-width:490px}:host ef-tree{width:100%}:host ef-tree-item{min-width:100%;position:relative}:host .container{height:100%;display:flex;flex-direction:column}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{width:50%;max-width:50%;display:flex;flex-direction:column;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px;justify-content:center}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:100%;overflow:hidden}:host #info_icon{vertical-align:top;font-size:14px}:host #tags_div>*{margin-right:5px;margin-bottom:10px}:host #allColumns{overflow:hidden;border:1px solid #3e444f;display:flex;flex-direction:column;flex-grow:1}:host #allColumnsSide,:host #visibleSide{height:100%}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #3e444f}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #ordering_div{display:flex;align-items:center;margin-top:2px}:host #ordering_div ef-button{margin-top:15px}:host #ordering_div ef-button:first-child{margin-right:10px}:host #ordering_buttons{flex:1;margin-right:10px}:host #descriptionContainer{margin-top:10px;min-height:60px;overflow-y:auto;border:1px solid #3e444f;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{min-height:28px;text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;height:40px;align-items:center;padding-left:15px;padding-right:15px;overflow:hidden}:host [slot=footer] div[part=custom-buttons]{flex:1;display:flex;align-items:center}:host [slot=footer] div[part=default-buttons]{display:inline-flex;align-items:center;padding-left:15px;white-space:nowrap}:host [slot=footer] #restore_btn{white-space:nowrap}:host [slot=footer] #status_div{flex:1}:host [slot=footer] ef-icon+#status_div{margin-left:4px}:host [slot=footer] ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0;padding-left:15px;padding-right:15px}:host [slot=footer] ef-button+*{margin-left:15px}:host .div-icon{position:absolute;right:0;top:0;width:24px;height:100%;text-align:center}:host ef-tree-item .item .div-icon:hover{background-color:var(--color-scheme-primary)}:host .info-icon{display:none;font-size:18px;height:100%}:host ef-tree-item:hover .item .info-icon{display:inline-block;color:#fff}:host .bg-highligted{background-color:var(--color-scheme-tertiary);color:var(--color-scheme-complementary)}::-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/column-selection-dialog/themes/elemental/dark/es5/all-elements.js

@@ -0,0 +1,2 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#535de8;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(184,189,199,.5)}:host ef-item[focused] ef-checkbox{color:#b7bcc6}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:700px;height:500px;min-width:490px}:host ef-tree{width:100%}:host ef-tree-item{min-width:100%;position:relative}:host .container{height:100%;display:flex;flex-direction:column}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{width:50%;max-width:50%;display:flex;flex-direction:column;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px;justify-content:center}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:100%;overflow:hidden}:host #info_icon{vertical-align:top;font-size:14px}:host #tags_div>*{margin-right:5px;margin-bottom:10px}:host #allColumns{overflow:hidden;border:1px solid #3e444f;display:flex;flex-direction:column;flex-grow:1}:host #allColumnsSide,:host #visibleSide{height:100%}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #3e444f}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #ordering_div{display:flex;align-items:center;margin-top:2px}:host #ordering_div ef-button{margin-top:15px}:host #ordering_div ef-button:first-child{margin-right:10px}:host #ordering_buttons{flex:1;margin-right:10px}:host #descriptionContainer{margin-top:10px;min-height:60px;overflow-y:auto;border:1px solid #3e444f;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{min-height:28px;text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;height:40px;align-items:center;padding-left:15px;padding-right:15px;overflow:hidden}:host [slot=footer] div[part=custom-buttons]{flex:1;display:flex;align-items:center}:host [slot=footer] div[part=default-buttons]{display:inline-flex;align-items:center;padding-left:15px;white-space:nowrap}:host [slot=footer] #restore_btn{white-space:nowrap}:host [slot=footer] #status_div{flex:1}:host [slot=footer] ef-icon+#status_div{margin-left:4px}:host [slot=footer] ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0;padding-left:15px;padding-right:15px}:host [slot=footer] ef-button+*{margin-left:15px}:host .div-icon{position:absolute;right:0;top:0;width:24px;height:100%;text-align:center}:host ef-tree-item .item .div-icon:hover{background-color:var(--color-scheme-primary)}:host .info-icon{display:none;font-size:18px;height:100%}:host ef-tree-item:hover .item .info-icon{display:inline-block;color:#fff}:host .bg-highligted{background-color:var(--color-scheme-tertiary);color:var(--color-scheme-complementary)}::-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/column-selection-dialog/themes/elemental/dark/imports/all-elements.js

@@ -0,0 +1 @@
+import "../column-selection-dialog.js";

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

@@ -0,0 +1 @@
+import "../column-selection-dialog.js";

package/lib/column-selection-dialog/themes/elemental/dark.js

@@ -0,0 +1,8 @@
+import "./dark/column-selection-dialog.js";
+
+import "@refinitiv-ui/elements/button/themes/elemental/dark";
+import "@refinitiv-ui/elements/tree/themes/elemental/dark";
+import "@refinitiv-ui/elements/dialog/themes/elemental/dark";
+import "@refinitiv-ui/elements/search-field/themes/elemental/dark";
+import "@refinitiv-ui/elements/item/themes/elemental/dark";
+import "@refinitiv-ui/elements/pill/themes/elemental/dark";

package/lib/column-selection-dialog/themes/elemental/defaults.less

@@ -0,0 +1 @@
+@column-border-color: @input-border-color;

package/lib/column-selection-dialog/themes/elemental/index.less

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

package/lib/column-selection-dialog/themes/elemental/light/column-selection-dialog.js

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#535de8;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(63,69,80,.5)}:host ef-item[focused] ef-checkbox{color:#3e444f}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:700px;height:500px;min-width:490px}:host ef-tree{width:100%}:host ef-tree-item{min-width:100%;position:relative}:host .container{height:100%;display:flex;flex-direction:column}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{width:50%;max-width:50%;display:flex;flex-direction:column;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px;justify-content:center}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:100%;overflow:hidden}:host #info_icon{vertical-align:top;font-size:14px}:host #tags_div>*{margin-right:5px;margin-bottom:10px}:host #allColumns{overflow:hidden;border:1px solid #d4d7dd;display:flex;flex-direction:column;flex-grow:1}:host #allColumnsSide,:host #visibleSide{height:100%}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #d4d7dd}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #ordering_div{display:flex;align-items:center;margin-top:2px}:host #ordering_div ef-button{margin-top:15px}:host #ordering_div ef-button:first-child{margin-right:10px}:host #ordering_buttons{flex:1;margin-right:10px}:host #descriptionContainer{margin-top:10px;min-height:60px;overflow-y:auto;border:1px solid #d4d7dd;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{min-height:28px;text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;height:40px;align-items:center;padding-left:15px;padding-right:15px;overflow:hidden}:host [slot=footer] div[part=custom-buttons]{flex:1;display:flex;align-items:center}:host [slot=footer] div[part=default-buttons]{display:inline-flex;align-items:center;padding-left:15px;white-space:nowrap}:host [slot=footer] #restore_btn{white-space:nowrap}:host [slot=footer] #status_div{flex:1}:host [slot=footer] ef-icon+#status_div{margin-left:4px}:host [slot=footer] ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0;padding-left:15px;padding-right:15px}:host [slot=footer] ef-button+*{margin-left:15px}:host .div-icon{position:absolute;right:0;top:0;width:24px;height:100%;text-align:center}:host ef-tree-item .item .div-icon:hover{background-color:var(--color-scheme-primary)}:host .info-icon{display:none;font-size:18px;height:100%}:host ef-tree-item:hover .item .info-icon{display:inline-block;color:#fff}:host .bg-highligted{background-color:var(--color-scheme-tertiary);color:var(--color-scheme-complementary)}::-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}' }}))

package/lib/column-selection-dialog/themes/elemental/light/es5/all-elements.js

@@ -0,0 +1,2 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#535de8;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(63,69,80,.5)}:host ef-item[focused] ef-checkbox{color:#3e444f}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:700px;height:500px;min-width:490px}:host ef-tree{width:100%}:host ef-tree-item{min-width:100%;position:relative}:host .container{height:100%;display:flex;flex-direction:column}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{width:50%;max-width:50%;display:flex;flex-direction:column;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px;justify-content:center}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:100%;overflow:hidden}:host #info_icon{vertical-align:top;font-size:14px}:host #tags_div>*{margin-right:5px;margin-bottom:10px}:host #allColumns{overflow:hidden;border:1px solid #d4d7dd;display:flex;flex-direction:column;flex-grow:1}:host #allColumnsSide,:host #visibleSide{height:100%}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #d4d7dd}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #ordering_div{display:flex;align-items:center;margin-top:2px}:host #ordering_div ef-button{margin-top:15px}:host #ordering_div ef-button:first-child{margin-right:10px}:host #ordering_buttons{flex:1;margin-right:10px}:host #descriptionContainer{margin-top:10px;min-height:60px;overflow-y:auto;border:1px solid #d4d7dd;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{min-height:28px;text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;height:40px;align-items:center;padding-left:15px;padding-right:15px;overflow:hidden}:host [slot=footer] div[part=custom-buttons]{flex:1;display:flex;align-items:center}:host [slot=footer] div[part=default-buttons]{display:inline-flex;align-items:center;padding-left:15px;white-space:nowrap}:host [slot=footer] #restore_btn{white-space:nowrap}:host [slot=footer] #status_div{flex:1}:host [slot=footer] ef-icon+#status_div{margin-left:4px}:host [slot=footer] ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0;padding-left:15px;padding-right:15px}:host [slot=footer] ef-button+*{margin-left:15px}:host .div-icon{position:absolute;right:0;top:0;width:24px;height:100%;text-align:center}:host ef-tree-item .item .div-icon:hover{background-color:var(--color-scheme-primary)}:host .info-icon{display:none;font-size:18px;height:100%}:host ef-tree-item:hover .item .info-icon{display:inline-block;color:#fff}:host .bg-highligted{background-color:var(--color-scheme-tertiary);color:var(--color-scheme-complementary)}::-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}' }}))
+

package/lib/column-selection-dialog/themes/elemental/light/imports/all-elements.js

@@ -0,0 +1 @@
+import "../column-selection-dialog.js";

package/lib/column-selection-dialog/themes/elemental/light/imports/custom-elements.js

@@ -0,0 +1 @@
+import "../column-selection-dialog.js";

package/lib/column-selection-dialog/themes/elemental/light.js

@@ -0,0 +1,8 @@
+import "./light/column-selection-dialog.js";
+
+import "@refinitiv-ui/elements/button/themes/elemental/light";
+import "@refinitiv-ui/elements/tree/themes/elemental/light";
+import "@refinitiv-ui/elements/dialog/themes/elemental/light";
+import "@refinitiv-ui/elements/search-field/themes/elemental/light";
+import "@refinitiv-ui/elements/item/themes/elemental/light";
+import "@refinitiv-ui/elements/pill/themes/elemental/light";

package/lib/column-selection-dialog/themes/halo/column-selection-dialog.less

@@ -0,0 +1,25 @@
+@import '../base.less';
+
+@import '~@refinitiv-ui/elemental-theme/src/shared-styles/scrollbar';
+
+// NOTE:: We can overwrite text color of disabled item by uncomment this code
+// :host {
+//   .column-dialog ef-item.disabled &[focused],
+//   .column-dialog ef-item.disabled &[highlighted] {
+//     &:not([selected]) {
+//       color: mix(@list-item-focus-text-color, @list-item-disabled-text-color, 70%);
+//     }
+
+//     &[selected] {
+//       color: mix(@list-item-focus-text-color, @list-item-disabled-text-color, 80%);
+//     }
+//   }
+// }
+
+ef-item {
+  min-height: @tree-menu-item-height;
+}
+
+.tree-label {
+	margin-right: 10px;
+}

package/lib/column-selection-dialog/themes/halo/dark/column-selection-dialog.js

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#334bff;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(204,204,204,.5)}:host ef-item[focused] ef-checkbox{color:#fff}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:700px;height:500px;min-width:490px}:host ef-tree{width:100%}:host ef-tree-item{min-width:100%;position:relative}:host .container{height:100%;display:flex;flex-direction:column}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{width:50%;max-width:50%;display:flex;flex-direction:column;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px;justify-content:center}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:100%;overflow:hidden}:host #info_icon{vertical-align:top;font-size:14px}:host #tags_div>*{margin-right:5px;margin-bottom:10px}:host #allColumns{overflow:hidden;border:1px solid #404040;display:flex;flex-direction:column;flex-grow:1}:host #allColumnsSide,:host #visibleSide{height:100%}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #404040}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #ordering_div{display:flex;align-items:center;margin-top:2px}:host #ordering_div ef-button{margin-top:8px}:host #ordering_div ef-button:first-child{margin-right:10px}:host #ordering_buttons{flex:1;margin-right:10px}:host #descriptionContainer{margin-top:10px;min-height:60px;overflow-y:auto;border:1px solid #404040;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{min-height:28px;text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;height:40px;align-items:center;padding-left:8px;padding-right:8px;overflow:hidden}:host [slot=footer] div[part=custom-buttons]{flex:1;display:flex;align-items:center}:host [slot=footer] div[part=default-buttons]{display:inline-flex;align-items:center;padding-left:8px;white-space:nowrap}:host [slot=footer] #restore_btn{white-space:nowrap}:host [slot=footer] #status_div{flex:1}:host [slot=footer] ef-icon+#status_div{margin-left:4px}:host [slot=footer] ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0;padding-left:8px;padding-right:8px}:host [slot=footer] ef-button+*{margin-left:8px}:host .div-icon{position:absolute;right:0;top:0;width:24px;height:100%;text-align:center}:host ef-tree-item .item .div-icon:hover{background-color:var(--color-scheme-primary)}:host .info-icon{display:none;font-size:18px;height:100%}:host ef-tree-item:hover .item .info-icon{display:inline-block;color:#fff}:host .bg-highligted{background-color:var(--color-scheme-tertiary);color:var(--color-scheme-complementary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #1a1a1a;height:16px;width:16px;display:block}::-webkit-scrollbar-thumb{background:#595959;border-radius:0;border:1px solid #1a1a1a}::-webkit-scrollbar-thumb:hover{background:#1429bd}::-webkit-scrollbar-thumb:active{background:#0f1e8a}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-corner{background:#1a1a1a}::-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(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:6.5px 8px,5.5px 7px,4.5px 6px,3.5px 5px,2.5px 6px,1.5px 7px,.5px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd);background-position:6.5px 8px,5.5px 7px,4.5px 6px,3.5px 5px,2.5px 6px,1.5px 7px,.5px 8px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a);background-position:6.5px 8px,5.5px 7px,4.5px 6px,3.5px 5px,2.5px 6px,1.5px 7px,.5px 8px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:6.5px 6px,5.5px 7px,4.5px 8px,3.5px 9px,2.5px 8px,1.5px 7px,.5px 6px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd);background-position:6.5px 6px,5.5px 7px,4.5px 8px,3.5px 9px,2.5px 8px,1.5px 7px,.5px 6px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a);background-position:6.5px 6px,5.5px 7px,4.5px 8px,3.5px 9px,2.5px 8px,1.5px 7px,.5px 6px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:8px 6.5px,7px 5.5px,6px 4.5px,5px 3.5px,6px 2.5px,7px 1.5px,8px .5px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd);background-position:8px 6.5px,7px 5.5px,6px 4.5px,5px 3.5px,6px 2.5px,7px 1.5px,8px .5px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a);background-position:8px 6.5px,7px 5.5px,6px 4.5px,5px 3.5px,6px 2.5px,7px 1.5px,8px .5px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:6px 6.5px,7px 5.5px,8px 4.5px,9px 3.5px,8px 2.5px,7px 1.5px,6px .5px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd),linear-gradient(#1429bd,#1429bd);background-position:6px 6.5px,7px 5.5px,8px 4.5px,9px 3.5px,8px 2.5px,7px 1.5px,6px .5px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a),linear-gradient(#0f1e8a,#0f1e8a);background-position:6px 6.5px,7px 5.5px,8px 4.5px,9px 3.5px,8px 2.5px,7px 1.5px,6px .5px}ef-item{min-height:28px}.tree-label{margin-right:10px}' }}))