@refinitiv-ui/efx-grid 6.0.0-next.0

package/lib/column-format-dialog/themes/base.less

@@ -0,0 +1,429 @@
+:host {
+  background: @scheme-color-primary;
+  display: inline-block;
+  height: 0;
+  width: 600px;
+}
+
+.format-dialog {
+  max-width: 599px;
+  height: calc(100vh - 94px);
+}
+
+.format-dialog .ef-select-wrapper {
+  width: 100%;
+  max-width: 250px;
+}
+
+.option-panel ef-icon {
+  cursor: default;
+}
+
+.format-value-example {
+  border-width: 1px;
+  border-style: solid;
+  width: 280px;
+  height: 32px;
+  line-height: 32px;
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.format-sample-table {
+  margin-left: auto;
+  margin-right: auto;
+  border-width: 1px;
+  border-style: solid;
+}
+
+.format-sample-table tr {
+  height: 24px;
+}
+
+.format-sample-table td {
+  border-width: 1px;
+  border-style: solid;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.cell-painter-sample {
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+}
+
+#format-dialog-formatter-example,
+cell-painter-renderer > div.cell {
+  border-style: solid;
+  border-width: 1px;
+  height: 24px;
+  line-height: 24px;
+  margin-bottom: -1px;
+  padding: 0 8px;
+  text-align: right;
+}
+
+.format-dialog #conditionList {
+  border: 1px solid @grid-cfd-border-color;
+  width: 100%;
+
+  div {
+    height: 100%;
+    vertical-align: middle;
+    overflow: hidden;
+    display: inline-flex;
+
+  }
+
+  .condition-item {
+    width: 100%;
+
+    .left-panel,
+    .right-panel {
+      min-width: 222px;
+    }
+  }
+
+  .condition-item-title {
+    line-height: @control-height;
+  }
+
+  .condition-button {
+    text-align: right;
+
+    & *+* {
+      margin-left: 5px;
+    }
+  }
+
+  .condition-sample-outer {
+    flex-grow: 1;
+    min-width: fit-content;
+  }
+  .condition-sample {
+    width: auto;
+    padding-left: 6px;
+    padding-right: 6px;
+    height: @button-height;
+    line-height: @button-height;
+    display: inline-block;
+    vertical-align: middle;
+    margin: @button-margin;
+  }
+
+  .condition-sample label {
+    white-space: normal;
+    text-overflow: unset;
+  }
+}
+
+
+.format-dialog .conditions-container {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding-top: 10px;
+}
+
+.fx.cell-painter-sample .cell {
+  box-sizing: border-box !important;
+  display: table;
+  line-height: inherit;
+  position: relative;
+  table-layout: fixed;
+  vertical-align: middle;
+  visibility: visible;
+  width: 100%;
+}
+
+.fx.cell-painter-sample .valigner {
+  display: table-cell;
+  height: 100%;
+  vertical-align: middle;
+  width: 100%;
+}
+
+.fx.cell-painter-sample .text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.fx.cell-painter-sample .tr-bid-offer {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding: 5px 0;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+}
+
+.fx.cell-painter-sample .tr-bid-offer-center {
+  white-space: nowrap;
+}
+
+.fx.cell-painter-sample .tr-bid-offer-left {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+}
+
+.fx.cell-painter-sample .tr-bid-offer-pip {
+  display: inline-block;
+  font-size: xx-large;
+  line-height: 0.75em;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  vertical-align: middle;
+}
+
+.fx.cell-painter-sample .tr-bid-offer-sub {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  vertical-align: top;
+}
+
+/* TODO: Table shouldn't have height */
+table {
+  width: 100%;
+  height: 50px;
+  border-collapse: collapse;
+  box-sizing: border-box;
+  border-spacing: 0;
+  table-layout : fixed;
+}
+table td {
+  position: relative;
+  border: 1px solid @grid-cfd-border-color;
+  padding: 4px;
+  box-sizing: border-box;
+}
+.blinking-borders td::after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border-width: 1px;
+  border-right-style: solid;
+  border-bottom-style: solid;
+  border-color: inherit;
+}
+
+.text-bar {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  padding-right: 4px;
+  padding-left: 4px
+}
+
+
+/*---------------------------------*/
+
+.display-style-panel__header {
+  flex-basis: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.colors-panel,
+.conditions-container,
+.display-style-panel__header,
+.display-format-heatmap__apply {
+  margin-bottom: 10px;
+}
+
+.value-format__inner {
+  display: flex;
+}
+
+.condition-item,
+.display-style-panel__content,
+.highlight-apply-block__inner,
+.display-format-heatmap__apply,
+.display-format-heatmap__midpoint,
+.colors-panel,
+.highlight-panel,
+.colortext-basedon,
+.highlight-basedon,
+.conditions-panel__header,
+.value-format .section-panel,
+.display-style .section-panel,
+.align-section,
+.preview,
+.colors-panel,
+.highlight-panel {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.conditions-container__order {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.highlight-apply-block__inner > label,
+.display-format-heatmap__midpoint > label,
+.display-format-heatmap__apply > label,
+.conditions-container__order > label,
+.conditions-panel__header > label,
+.align-section > label {
+  display: flex;
+  align-items: center;
+  margin-right: 10px;
+  max-width: 80px;
+}
+
+.highlight-apply-block__inner {
+  margin-top: 5px;
+}
+
+.display-style-panel__content,
+.conditions-panel {
+  width: 100%;
+}
+
+.conditions-panel-inner,
+.left-panel, .right-panel {
+  flex: 1;
+}
+
+.left-panel {
+  margin-right: 15px;
+}
+
+#conditionList,
+.display-style-panel__content > .left-panel,
+.display-style-panel__content > .right-panel,
+.display-style-panel__header > .left-panel,
+.display-style-panel__header > .right-panel,
+.conditions-panel__header > .left-panel,
+.conditions-panel__header > .right-panel,
+.colors-panel > .left-panel,
+.colors-panel > .right-panel,
+.highlight-panel > .left-panel,
+.highlight-panel > .right-panel,
+.section-panel > .left-panel,
+.section-panel > .right-panel {
+  min-width: 230px;
+}
+
+.colortext-basedon > .left-panel,
+.colortext-basedon > .right-panel,
+.highlight-basedon > .left-panel,
+.highlight-basedon > .right-panel {
+  min-width: 110px;
+}
+
+.colortext-basedon > .left-panel,
+.highlight-basedon > .left-panel {
+  margin-right: 10px;
+}
+
+
+.ef-another-field {
+  width: 100%;
+  max-width: 250px;
+}
+
+.conditions-container__add {
+  margin-left: 10px;
+}
+
+.conditions-panel__header > .right-panel {
+  display: flex;
+  align-self: flex-end;
+}
+
+.section-panel {
+  padding: 10px;
+}
+
+.value-format,
+.display-style,
+.updates {
+  min-height: 40px;
+}
+
+.conditions-panel__header > .left-panel{
+  display: flex;
+  flex-direction: column;
+}
+
+.display-style-panel__menu {
+  margin-bottom: 10px;
+}
+
+.value-menu-description {
+  align-self: center;
+}
+
+.value-menu-description > ef-icon {
+  margin-left: 3px;
+  vertical-align: top;
+}
+
+#colorConditionDialog {
+  .container {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    box-sizing: border-box;
+  }
+
+  .color-example-container {
+    display: inline-block;
+    box-sizing: border-box;
+  }
+  .section + .section {
+    margin-top: 20px;
+  }
+  .input-group + .input-group {
+    margin-top: 5px;
+  }
+  .input-side {
+    vertical-align: middle;
+    width: 50%;
+    display: inline-block;
+  }
+
+  .input-side > * {
+    width: 100%;
+    margin: 0;
+  }
+
+  .color-example {
+    height: @input-height;
+    width: 100%;
+    cursor: pointer;
+    border: 1px solid #000000;
+    box-sizing: border-box;
+  }
+  .no-color {
+    background: linear-gradient(to bottom right, transparent calc(50% - 2px), var(--no-color-line-color, red) calc(50% - 1px), var(--no-color-line-color, red) calc(50% + 1px), transparent calc(50% + 2px));
+  }
+  #colorDialogSample {
+    height: @input-height;
+    line-height: @input-height;
+    vertical-align: middle;
+    text-align: center;
+    width: 100%;
+    border: 1px solid #000000;
+    box-sizing: border-box;
+    border-color: @grid-cfd-border-color;
+  }
+}

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

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

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

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+elf.customStyles.define('column-format-dialog', ':host{background:#f93;display:inline-block;height:0;width:600px}.format-dialog{max-width:599px;height:calc(100vh - 94px)}.format-dialog .ef-select-wrapper{width:100%;max-width:250px}.option-panel ef-icon{cursor:default}.format-value-example{border-width:1px;border-style:solid;width:280px;height:32px;line-height:32px;text-align:center;margin-left:auto;margin-right:auto}.format-sample-table{margin-left:auto;margin-right:auto;border-width:1px;border-style:solid}.format-sample-table tr{height:24px}.format-sample-table td{border-width:1px;border-style:solid;padding-left:8px;padding-right:8px}.cell-painter-sample{margin-left:auto;margin-right:auto;width:100%}#format-dialog-formatter-example,cell-painter-renderer>div.cell{border-style:solid;border-width:1px;height:24px;line-height:24px;margin-bottom:-1px;padding:0 8px;text-align:right}.format-dialog #conditionList{border:1px solid #dadde0;width:100%}.format-dialog #conditionList div{height:100%;vertical-align:middle;overflow:hidden;display:inline-flex}.format-dialog #conditionList .condition-item{width:100%}.format-dialog #conditionList .condition-item .left-panel,.format-dialog #conditionList .condition-item .right-panel{min-width:222px}.format-dialog #conditionList .condition-item-title{line-height:23px}.format-dialog #conditionList .condition-button{text-align:right}.format-dialog #conditionList .condition-button *+*{margin-left:5px}.format-dialog #conditionList .condition-sample-outer{flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.format-dialog #conditionList .condition-sample{width:auto;padding-left:6px;padding-right:6px;height:23px;line-height:23px;display:inline-block;vertical-align:middle;margin:1px 0}.format-dialog #conditionList .condition-sample label{white-space:normal;text-overflow:unset}.format-dialog .conditions-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:10px}.fx.cell-painter-sample .cell{box-sizing:border-box!important;display:table;line-height:inherit;position:relative;table-layout:fixed;vertical-align:middle;visibility:visible;width:100%}.fx.cell-painter-sample .valigner{display:table-cell;height:100%;vertical-align:middle;width:100%}.fx.cell-painter-sample .text{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.fx.cell-painter-sample .tr-bid-offer{align-items:center;display:flex;justify-content:space-between;padding:5px 0;overflow-x:hidden;text-overflow:ellipsis;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-center{white-space:nowrap}.fx.cell-painter-sample .tr-bid-offer-left{text-overflow:ellipsis;overflow-x:hidden}.fx.cell-painter-sample .tr-bid-offer-pip{display:inline-block;font-size:xx-large;line-height:.75em;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-sub{text-overflow:ellipsis;overflow-x:hidden;vertical-align:top}table{width:100%;height:50px;border-collapse:collapse;box-sizing:border-box;border-spacing:0;table-layout:fixed}table td{position:relative;border:1px solid #dadde0;padding:4px;box-sizing:border-box}.blinking-borders td::after{content:"";display:inline-block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-right-style:solid;border-bottom-style:solid;border-color:inherit}.text-bar{position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;padding-right:4px;padding-left:4px}.display-style-panel__header{flex-basis:100%;display:flex;flex-wrap:wrap}.colors-panel,.conditions-container,.display-format-heatmap__apply,.display-style-panel__header{margin-bottom:10px}.value-format__inner{display:flex}.align-section,.colors-panel,.colortext-basedon,.condition-item,.conditions-panel__header,.display-format-heatmap__apply,.display-format-heatmap__midpoint,.display-style .section-panel,.display-style-panel__content,.highlight-apply-block__inner,.highlight-basedon,.highlight-panel,.preview,.value-format .section-panel{display:flex;flex-wrap:wrap}.conditions-container__order{display:flex;justify-content:flex-end}.align-section>label,.conditions-container__order>label,.conditions-panel__header>label,.display-format-heatmap__apply>label,.display-format-heatmap__midpoint>label,.highlight-apply-block__inner>label{display:flex;align-items:center;margin-right:10px;max-width:80px}.highlight-apply-block__inner{margin-top:5px}.conditions-panel,.display-style-panel__content{width:100%}.conditions-panel-inner,.left-panel,.right-panel{flex:1}.left-panel{margin-right:15px}#conditionList,.colors-panel>.left-panel,.colors-panel>.right-panel,.conditions-panel__header>.left-panel,.conditions-panel__header>.right-panel,.display-style-panel__content>.left-panel,.display-style-panel__content>.right-panel,.display-style-panel__header>.left-panel,.display-style-panel__header>.right-panel,.highlight-panel>.left-panel,.highlight-panel>.right-panel,.section-panel>.left-panel,.section-panel>.right-panel{min-width:230px}.colortext-basedon>.left-panel,.colortext-basedon>.right-panel,.highlight-basedon>.left-panel,.highlight-basedon>.right-panel{min-width:110px}.colortext-basedon>.left-panel,.highlight-basedon>.left-panel{margin-right:10px}.ef-another-field{width:100%;max-width:250px}.conditions-container__add{margin-left:10px}.conditions-panel__header>.right-panel{display:flex;align-self:flex-end}.section-panel{padding:10px}.display-style,.updates,.value-format{min-height:40px}.conditions-panel__header>.left-panel{display:flex;flex-direction:column}.display-style-panel__menu{margin-bottom:10px}.value-menu-description{align-self:center}.value-menu-description>ef-icon{margin-left:3px;vertical-align:top}#colorConditionDialog .container{padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}#colorConditionDialog .color-example-container{display:inline-block;box-sizing:border-box}#colorConditionDialog .section+.section{margin-top:20px}#colorConditionDialog .input-group+.input-group{margin-top:5px}#colorConditionDialog .input-side{vertical-align:middle;width:50%;display:inline-block}#colorConditionDialog .input-side>*{width:100%;margin:0}#colorConditionDialog .color-example{height:23px;width:100%;cursor:pointer;border:1px solid #000;box-sizing:border-box}#colorConditionDialog .no-color{background:linear-gradient(to bottom right,transparent calc(50% - 2px),var(--no-color-line-color,red) calc(50% - 1px),var(--no-color-line-color,red) calc(50% + 1px),transparent calc(50% + 2px))}#colorConditionDialog #colorDialogSample{height:23px;line-height:23px;vertical-align:middle;text-align:center;width:100%;border:1px solid #dadde0;box-sizing:border-box}');

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

@@ -0,0 +1,2 @@
+elf.customStyles.define('column-format-dialog', ':host{background:#f93;display:inline-block;height:0;width:600px}.format-dialog{max-width:599px;height:calc(100vh - 94px)}.format-dialog .ef-select-wrapper{width:100%;max-width:250px}.option-panel ef-icon{cursor:default}.format-value-example{border-width:1px;border-style:solid;width:280px;height:32px;line-height:32px;text-align:center;margin-left:auto;margin-right:auto}.format-sample-table{margin-left:auto;margin-right:auto;border-width:1px;border-style:solid}.format-sample-table tr{height:24px}.format-sample-table td{border-width:1px;border-style:solid;padding-left:8px;padding-right:8px}.cell-painter-sample{margin-left:auto;margin-right:auto;width:100%}#format-dialog-formatter-example,cell-painter-renderer>div.cell{border-style:solid;border-width:1px;height:24px;line-height:24px;margin-bottom:-1px;padding:0 8px;text-align:right}.format-dialog #conditionList{border:1px solid #dadde0;width:100%}.format-dialog #conditionList div{height:100%;vertical-align:middle;overflow:hidden;display:inline-flex}.format-dialog #conditionList .condition-item{width:100%}.format-dialog #conditionList .condition-item .left-panel,.format-dialog #conditionList .condition-item .right-panel{min-width:222px}.format-dialog #conditionList .condition-item-title{line-height:23px}.format-dialog #conditionList .condition-button{text-align:right}.format-dialog #conditionList .condition-button *+*{margin-left:5px}.format-dialog #conditionList .condition-sample-outer{flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.format-dialog #conditionList .condition-sample{width:auto;padding-left:6px;padding-right:6px;height:23px;line-height:23px;display:inline-block;vertical-align:middle;margin:1px 0}.format-dialog #conditionList .condition-sample label{white-space:normal;text-overflow:unset}.format-dialog .conditions-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:10px}.fx.cell-painter-sample .cell{box-sizing:border-box!important;display:table;line-height:inherit;position:relative;table-layout:fixed;vertical-align:middle;visibility:visible;width:100%}.fx.cell-painter-sample .valigner{display:table-cell;height:100%;vertical-align:middle;width:100%}.fx.cell-painter-sample .text{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.fx.cell-painter-sample .tr-bid-offer{align-items:center;display:flex;justify-content:space-between;padding:5px 0;overflow-x:hidden;text-overflow:ellipsis;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-center{white-space:nowrap}.fx.cell-painter-sample .tr-bid-offer-left{text-overflow:ellipsis;overflow-x:hidden}.fx.cell-painter-sample .tr-bid-offer-pip{display:inline-block;font-size:xx-large;line-height:.75em;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-sub{text-overflow:ellipsis;overflow-x:hidden;vertical-align:top}table{width:100%;height:50px;border-collapse:collapse;box-sizing:border-box;border-spacing:0;table-layout:fixed}table td{position:relative;border:1px solid #dadde0;padding:4px;box-sizing:border-box}.blinking-borders td::after{content:"";display:inline-block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-right-style:solid;border-bottom-style:solid;border-color:inherit}.text-bar{position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;padding-right:4px;padding-left:4px}.display-style-panel__header{flex-basis:100%;display:flex;flex-wrap:wrap}.colors-panel,.conditions-container,.display-format-heatmap__apply,.display-style-panel__header{margin-bottom:10px}.value-format__inner{display:flex}.align-section,.colors-panel,.colortext-basedon,.condition-item,.conditions-panel__header,.display-format-heatmap__apply,.display-format-heatmap__midpoint,.display-style .section-panel,.display-style-panel__content,.highlight-apply-block__inner,.highlight-basedon,.highlight-panel,.preview,.value-format .section-panel{display:flex;flex-wrap:wrap}.conditions-container__order{display:flex;justify-content:flex-end}.align-section>label,.conditions-container__order>label,.conditions-panel__header>label,.display-format-heatmap__apply>label,.display-format-heatmap__midpoint>label,.highlight-apply-block__inner>label{display:flex;align-items:center;margin-right:10px;max-width:80px}.highlight-apply-block__inner{margin-top:5px}.conditions-panel,.display-style-panel__content{width:100%}.conditions-panel-inner,.left-panel,.right-panel{flex:1}.left-panel{margin-right:15px}#conditionList,.colors-panel>.left-panel,.colors-panel>.right-panel,.conditions-panel__header>.left-panel,.conditions-panel__header>.right-panel,.display-style-panel__content>.left-panel,.display-style-panel__content>.right-panel,.display-style-panel__header>.left-panel,.display-style-panel__header>.right-panel,.highlight-panel>.left-panel,.highlight-panel>.right-panel,.section-panel>.left-panel,.section-panel>.right-panel{min-width:230px}.colortext-basedon>.left-panel,.colortext-basedon>.right-panel,.highlight-basedon>.left-panel,.highlight-basedon>.right-panel{min-width:110px}.colortext-basedon>.left-panel,.highlight-basedon>.left-panel{margin-right:10px}.ef-another-field{width:100%;max-width:250px}.conditions-container__add{margin-left:10px}.conditions-panel__header>.right-panel{display:flex;align-self:flex-end}.section-panel{padding:10px}.display-style,.updates,.value-format{min-height:40px}.conditions-panel__header>.left-panel{display:flex;flex-direction:column}.display-style-panel__menu{margin-bottom:10px}.value-menu-description{align-self:center}.value-menu-description>ef-icon{margin-left:3px;vertical-align:top}#colorConditionDialog .container{padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}#colorConditionDialog .color-example-container{display:inline-block;box-sizing:border-box}#colorConditionDialog .section+.section{margin-top:20px}#colorConditionDialog .input-group+.input-group{margin-top:5px}#colorConditionDialog .input-side{vertical-align:middle;width:50%;display:inline-block}#colorConditionDialog .input-side>*{width:100%;margin:0}#colorConditionDialog .color-example{height:23px;width:100%;cursor:pointer;border:1px solid #000;box-sizing:border-box}#colorConditionDialog .no-color{background:linear-gradient(to bottom right,transparent calc(50% - 2px),var(--no-color-line-color,red) calc(50% - 1px),var(--no-color-line-color,red) calc(50% + 1px),transparent calc(50% + 2px))}#colorConditionDialog #colorDialogSample{height:23px;line-height:23px;vertical-align:middle;text-align:center;width:100%;border:1px solid #dadde0;box-sizing:border-box}');
+

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

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

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

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

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

@@ -0,0 +1,16 @@
+import "./dark/column-format-dialog.js";
+
+import "@refinitiv-ui/elements/button/themes/elemental/dark";
+import "@refinitiv-ui/elements/checkbox/themes/elemental/dark";
+import "@refinitiv-ui/elements/collapse/themes/elemental/dark";
+import "@refinitiv-ui/elements/dialog/themes/elemental/dark";
+import "@refinitiv-ui/elements/icon/themes/elemental/dark";
+import "@refinitiv-ui/elements/text-field/themes/elemental/dark";
+import "@refinitiv-ui/elements/number-field/themes/elemental/dark";
+import "@refinitiv-ui/elements/list/themes/elemental/dark";
+import "@refinitiv-ui/elements/radio-button/themes/elemental/dark";
+import "@refinitiv-ui/elements/select/themes/elemental/dark";
+import "@refinitiv-ui/elements/button-bar/themes/elemental/dark";
+import "@refinitiv-ui/elements/tooltip/themes/elemental/dark";
+import "@refinitiv-ui/elements/item/themes/elemental/dark";
+import "@refinitiv-ui/elements/color-dialog/themes/elemental/dark";

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

@@ -0,0 +1 @@
+@grid-cfd-border-color: #dadde0;

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

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

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

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+elf.customStyles.define('column-format-dialog', ':host{background:#f93;display:inline-block;height:0;width:600px}.format-dialog{max-width:599px;height:calc(100vh - 94px)}.format-dialog .ef-select-wrapper{width:100%;max-width:250px}.option-panel ef-icon{cursor:default}.format-value-example{border-width:1px;border-style:solid;width:280px;height:32px;line-height:32px;text-align:center;margin-left:auto;margin-right:auto}.format-sample-table{margin-left:auto;margin-right:auto;border-width:1px;border-style:solid}.format-sample-table tr{height:24px}.format-sample-table td{border-width:1px;border-style:solid;padding-left:8px;padding-right:8px}.cell-painter-sample{margin-left:auto;margin-right:auto;width:100%}#format-dialog-formatter-example,cell-painter-renderer>div.cell{border-style:solid;border-width:1px;height:24px;line-height:24px;margin-bottom:-1px;padding:0 8px;text-align:right}.format-dialog #conditionList{border:1px solid #dadde0;width:100%}.format-dialog #conditionList div{height:100%;vertical-align:middle;overflow:hidden;display:inline-flex}.format-dialog #conditionList .condition-item{width:100%}.format-dialog #conditionList .condition-item .left-panel,.format-dialog #conditionList .condition-item .right-panel{min-width:222px}.format-dialog #conditionList .condition-item-title{line-height:23px}.format-dialog #conditionList .condition-button{text-align:right}.format-dialog #conditionList .condition-button *+*{margin-left:5px}.format-dialog #conditionList .condition-sample-outer{flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.format-dialog #conditionList .condition-sample{width:auto;padding-left:6px;padding-right:6px;height:23px;line-height:23px;display:inline-block;vertical-align:middle;margin:1px 0}.format-dialog #conditionList .condition-sample label{white-space:normal;text-overflow:unset}.format-dialog .conditions-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:10px}.fx.cell-painter-sample .cell{box-sizing:border-box!important;display:table;line-height:inherit;position:relative;table-layout:fixed;vertical-align:middle;visibility:visible;width:100%}.fx.cell-painter-sample .valigner{display:table-cell;height:100%;vertical-align:middle;width:100%}.fx.cell-painter-sample .text{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.fx.cell-painter-sample .tr-bid-offer{align-items:center;display:flex;justify-content:space-between;padding:5px 0;overflow-x:hidden;text-overflow:ellipsis;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-center{white-space:nowrap}.fx.cell-painter-sample .tr-bid-offer-left{text-overflow:ellipsis;overflow-x:hidden}.fx.cell-painter-sample .tr-bid-offer-pip{display:inline-block;font-size:xx-large;line-height:.75em;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-sub{text-overflow:ellipsis;overflow-x:hidden;vertical-align:top}table{width:100%;height:50px;border-collapse:collapse;box-sizing:border-box;border-spacing:0;table-layout:fixed}table td{position:relative;border:1px solid #dadde0;padding:4px;box-sizing:border-box}.blinking-borders td::after{content:"";display:inline-block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-right-style:solid;border-bottom-style:solid;border-color:inherit}.text-bar{position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;padding-right:4px;padding-left:4px}.display-style-panel__header{flex-basis:100%;display:flex;flex-wrap:wrap}.colors-panel,.conditions-container,.display-format-heatmap__apply,.display-style-panel__header{margin-bottom:10px}.value-format__inner{display:flex}.align-section,.colors-panel,.colortext-basedon,.condition-item,.conditions-panel__header,.display-format-heatmap__apply,.display-format-heatmap__midpoint,.display-style .section-panel,.display-style-panel__content,.highlight-apply-block__inner,.highlight-basedon,.highlight-panel,.preview,.value-format .section-panel{display:flex;flex-wrap:wrap}.conditions-container__order{display:flex;justify-content:flex-end}.align-section>label,.conditions-container__order>label,.conditions-panel__header>label,.display-format-heatmap__apply>label,.display-format-heatmap__midpoint>label,.highlight-apply-block__inner>label{display:flex;align-items:center;margin-right:10px;max-width:80px}.highlight-apply-block__inner{margin-top:5px}.conditions-panel,.display-style-panel__content{width:100%}.conditions-panel-inner,.left-panel,.right-panel{flex:1}.left-panel{margin-right:15px}#conditionList,.colors-panel>.left-panel,.colors-panel>.right-panel,.conditions-panel__header>.left-panel,.conditions-panel__header>.right-panel,.display-style-panel__content>.left-panel,.display-style-panel__content>.right-panel,.display-style-panel__header>.left-panel,.display-style-panel__header>.right-panel,.highlight-panel>.left-panel,.highlight-panel>.right-panel,.section-panel>.left-panel,.section-panel>.right-panel{min-width:230px}.colortext-basedon>.left-panel,.colortext-basedon>.right-panel,.highlight-basedon>.left-panel,.highlight-basedon>.right-panel{min-width:110px}.colortext-basedon>.left-panel,.highlight-basedon>.left-panel{margin-right:10px}.ef-another-field{width:100%;max-width:250px}.conditions-container__add{margin-left:10px}.conditions-panel__header>.right-panel{display:flex;align-self:flex-end}.section-panel{padding:10px}.display-style,.updates,.value-format{min-height:40px}.conditions-panel__header>.left-panel{display:flex;flex-direction:column}.display-style-panel__menu{margin-bottom:10px}.value-menu-description{align-self:center}.value-menu-description>ef-icon{margin-left:3px;vertical-align:top}#colorConditionDialog .container{padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}#colorConditionDialog .color-example-container{display:inline-block;box-sizing:border-box}#colorConditionDialog .section+.section{margin-top:20px}#colorConditionDialog .input-group+.input-group{margin-top:5px}#colorConditionDialog .input-side{vertical-align:middle;width:50%;display:inline-block}#colorConditionDialog .input-side>*{width:100%;margin:0}#colorConditionDialog .color-example{height:23px;width:100%;cursor:pointer;border:1px solid #000;box-sizing:border-box}#colorConditionDialog .no-color{background:linear-gradient(to bottom right,transparent calc(50% - 2px),var(--no-color-line-color,red) calc(50% - 1px),var(--no-color-line-color,red) calc(50% + 1px),transparent calc(50% + 2px))}#colorConditionDialog #colorDialogSample{height:23px;line-height:23px;vertical-align:middle;text-align:center;width:100%;border:1px solid #dadde0;box-sizing:border-box}');

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

@@ -0,0 +1,2 @@
+elf.customStyles.define('column-format-dialog', ':host{background:#f93;display:inline-block;height:0;width:600px}.format-dialog{max-width:599px;height:calc(100vh - 94px)}.format-dialog .ef-select-wrapper{width:100%;max-width:250px}.option-panel ef-icon{cursor:default}.format-value-example{border-width:1px;border-style:solid;width:280px;height:32px;line-height:32px;text-align:center;margin-left:auto;margin-right:auto}.format-sample-table{margin-left:auto;margin-right:auto;border-width:1px;border-style:solid}.format-sample-table tr{height:24px}.format-sample-table td{border-width:1px;border-style:solid;padding-left:8px;padding-right:8px}.cell-painter-sample{margin-left:auto;margin-right:auto;width:100%}#format-dialog-formatter-example,cell-painter-renderer>div.cell{border-style:solid;border-width:1px;height:24px;line-height:24px;margin-bottom:-1px;padding:0 8px;text-align:right}.format-dialog #conditionList{border:1px solid #dadde0;width:100%}.format-dialog #conditionList div{height:100%;vertical-align:middle;overflow:hidden;display:inline-flex}.format-dialog #conditionList .condition-item{width:100%}.format-dialog #conditionList .condition-item .left-panel,.format-dialog #conditionList .condition-item .right-panel{min-width:222px}.format-dialog #conditionList .condition-item-title{line-height:23px}.format-dialog #conditionList .condition-button{text-align:right}.format-dialog #conditionList .condition-button *+*{margin-left:5px}.format-dialog #conditionList .condition-sample-outer{flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.format-dialog #conditionList .condition-sample{width:auto;padding-left:6px;padding-right:6px;height:23px;line-height:23px;display:inline-block;vertical-align:middle;margin:1px 0}.format-dialog #conditionList .condition-sample label{white-space:normal;text-overflow:unset}.format-dialog .conditions-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:10px}.fx.cell-painter-sample .cell{box-sizing:border-box!important;display:table;line-height:inherit;position:relative;table-layout:fixed;vertical-align:middle;visibility:visible;width:100%}.fx.cell-painter-sample .valigner{display:table-cell;height:100%;vertical-align:middle;width:100%}.fx.cell-painter-sample .text{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.fx.cell-painter-sample .tr-bid-offer{align-items:center;display:flex;justify-content:space-between;padding:5px 0;overflow-x:hidden;text-overflow:ellipsis;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-center{white-space:nowrap}.fx.cell-painter-sample .tr-bid-offer-left{text-overflow:ellipsis;overflow-x:hidden}.fx.cell-painter-sample .tr-bid-offer-pip{display:inline-block;font-size:xx-large;line-height:.75em;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-sub{text-overflow:ellipsis;overflow-x:hidden;vertical-align:top}table{width:100%;height:50px;border-collapse:collapse;box-sizing:border-box;border-spacing:0;table-layout:fixed}table td{position:relative;border:1px solid #dadde0;padding:4px;box-sizing:border-box}.blinking-borders td::after{content:"";display:inline-block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-right-style:solid;border-bottom-style:solid;border-color:inherit}.text-bar{position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;padding-right:4px;padding-left:4px}.display-style-panel__header{flex-basis:100%;display:flex;flex-wrap:wrap}.colors-panel,.conditions-container,.display-format-heatmap__apply,.display-style-panel__header{margin-bottom:10px}.value-format__inner{display:flex}.align-section,.colors-panel,.colortext-basedon,.condition-item,.conditions-panel__header,.display-format-heatmap__apply,.display-format-heatmap__midpoint,.display-style .section-panel,.display-style-panel__content,.highlight-apply-block__inner,.highlight-basedon,.highlight-panel,.preview,.value-format .section-panel{display:flex;flex-wrap:wrap}.conditions-container__order{display:flex;justify-content:flex-end}.align-section>label,.conditions-container__order>label,.conditions-panel__header>label,.display-format-heatmap__apply>label,.display-format-heatmap__midpoint>label,.highlight-apply-block__inner>label{display:flex;align-items:center;margin-right:10px;max-width:80px}.highlight-apply-block__inner{margin-top:5px}.conditions-panel,.display-style-panel__content{width:100%}.conditions-panel-inner,.left-panel,.right-panel{flex:1}.left-panel{margin-right:15px}#conditionList,.colors-panel>.left-panel,.colors-panel>.right-panel,.conditions-panel__header>.left-panel,.conditions-panel__header>.right-panel,.display-style-panel__content>.left-panel,.display-style-panel__content>.right-panel,.display-style-panel__header>.left-panel,.display-style-panel__header>.right-panel,.highlight-panel>.left-panel,.highlight-panel>.right-panel,.section-panel>.left-panel,.section-panel>.right-panel{min-width:230px}.colortext-basedon>.left-panel,.colortext-basedon>.right-panel,.highlight-basedon>.left-panel,.highlight-basedon>.right-panel{min-width:110px}.colortext-basedon>.left-panel,.highlight-basedon>.left-panel{margin-right:10px}.ef-another-field{width:100%;max-width:250px}.conditions-container__add{margin-left:10px}.conditions-panel__header>.right-panel{display:flex;align-self:flex-end}.section-panel{padding:10px}.display-style,.updates,.value-format{min-height:40px}.conditions-panel__header>.left-panel{display:flex;flex-direction:column}.display-style-panel__menu{margin-bottom:10px}.value-menu-description{align-self:center}.value-menu-description>ef-icon{margin-left:3px;vertical-align:top}#colorConditionDialog .container{padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}#colorConditionDialog .color-example-container{display:inline-block;box-sizing:border-box}#colorConditionDialog .section+.section{margin-top:20px}#colorConditionDialog .input-group+.input-group{margin-top:5px}#colorConditionDialog .input-side{vertical-align:middle;width:50%;display:inline-block}#colorConditionDialog .input-side>*{width:100%;margin:0}#colorConditionDialog .color-example{height:23px;width:100%;cursor:pointer;border:1px solid #000;box-sizing:border-box}#colorConditionDialog .no-color{background:linear-gradient(to bottom right,transparent calc(50% - 2px),var(--no-color-line-color,red) calc(50% - 1px),var(--no-color-line-color,red) calc(50% + 1px),transparent calc(50% + 2px))}#colorConditionDialog #colorDialogSample{height:23px;line-height:23px;vertical-align:middle;text-align:center;width:100%;border:1px solid #dadde0;box-sizing:border-box}');
+

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

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

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

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

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

@@ -0,0 +1,16 @@
+import "./light/column-format-dialog.js";
+
+import "@refinitiv-ui/elements/button/themes/elemental/light";
+import "@refinitiv-ui/elements/checkbox/themes/elemental/light";
+import "@refinitiv-ui/elements/collapse/themes/elemental/light";
+import "@refinitiv-ui/elements/dialog/themes/elemental/light";
+import "@refinitiv-ui/elements/icon/themes/elemental/light";
+import "@refinitiv-ui/elements/text-field/themes/elemental/light";
+import "@refinitiv-ui/elements/number-field/themes/elemental/light";
+import "@refinitiv-ui/elements/list/themes/elemental/light";
+import "@refinitiv-ui/elements/radio-button/themes/elemental/light";
+import "@refinitiv-ui/elements/select/themes/elemental/light";
+import "@refinitiv-ui/elements/button-bar/themes/elemental/light";
+import "@refinitiv-ui/elements/tooltip/themes/elemental/light";
+import "@refinitiv-ui/elements/item/themes/elemental/light";
+import "@refinitiv-ui/elements/color-dialog/themes/elemental/light";

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

@@ -0,0 +1,6 @@
+@import '../base.less';
+
+ef-dialog#colorConditionDialog {
+  width: 342px;
+  height: 326px;
+}

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

@@ -0,0 +1,4 @@
+import "./imports/native-elements.js";
+
+
+elf.customStyles.define('column-format-dialog', ':host{background:#334bff;display:inline-block;height:0;width:600px}.format-dialog{max-width:599px;height:calc(100vh - 94px)}.format-dialog .ef-select-wrapper{width:100%;max-width:250px}.option-panel ef-icon{cursor:default}.format-value-example{border-width:1px;border-style:solid;width:280px;height:32px;line-height:32px;text-align:center;margin-left:auto;margin-right:auto}.format-sample-table{margin-left:auto;margin-right:auto;border-width:1px;border-style:solid}.format-sample-table tr{height:24px}.format-sample-table td{border-width:1px;border-style:solid;padding-left:8px;padding-right:8px}.cell-painter-sample{margin-left:auto;margin-right:auto;width:100%}#format-dialog-formatter-example,cell-painter-renderer>div.cell{border-style:solid;border-width:1px;height:24px;line-height:24px;margin-bottom:-1px;padding:0 8px;text-align:right}.format-dialog #conditionList{border:1px solid #dadde0;width:100%}.format-dialog #conditionList div{height:100%;vertical-align:middle;overflow:hidden;display:inline-flex}.format-dialog #conditionList .condition-item{width:100%}.format-dialog #conditionList .condition-item .left-panel,.format-dialog #conditionList .condition-item .right-panel{min-width:222px}.format-dialog #conditionList .condition-item-title{line-height:24px}.format-dialog #conditionList .condition-button{text-align:right}.format-dialog #conditionList .condition-button *+*{margin-left:5px}.format-dialog #conditionList .condition-sample-outer{flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.format-dialog #conditionList .condition-sample{width:auto;padding-left:6px;padding-right:6px;height:24px;line-height:24px;display:inline-block;vertical-align:middle;margin:1px 0}.format-dialog #conditionList .condition-sample label{white-space:normal;text-overflow:unset}.format-dialog .conditions-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:10px}.fx.cell-painter-sample .cell{box-sizing:border-box!important;display:table;line-height:inherit;position:relative;table-layout:fixed;vertical-align:middle;visibility:visible;width:100%}.fx.cell-painter-sample .valigner{display:table-cell;height:100%;vertical-align:middle;width:100%}.fx.cell-painter-sample .text{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.fx.cell-painter-sample .tr-bid-offer{align-items:center;display:flex;justify-content:space-between;padding:5px 0;overflow-x:hidden;text-overflow:ellipsis;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-center{white-space:nowrap}.fx.cell-painter-sample .tr-bid-offer-left{text-overflow:ellipsis;overflow-x:hidden}.fx.cell-painter-sample .tr-bid-offer-pip{display:inline-block;font-size:xx-large;line-height:.75em;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-sub{text-overflow:ellipsis;overflow-x:hidden;vertical-align:top}table{width:100%;height:50px;border-collapse:collapse;box-sizing:border-box;border-spacing:0;table-layout:fixed}table td{position:relative;border:1px solid #dadde0;padding:4px;box-sizing:border-box}.blinking-borders td::after{content:"";display:inline-block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-right-style:solid;border-bottom-style:solid;border-color:inherit}.text-bar{position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;padding-right:4px;padding-left:4px}.display-style-panel__header{flex-basis:100%;display:flex;flex-wrap:wrap}.colors-panel,.conditions-container,.display-format-heatmap__apply,.display-style-panel__header{margin-bottom:10px}.value-format__inner{display:flex}.align-section,.colors-panel,.colortext-basedon,.condition-item,.conditions-panel__header,.display-format-heatmap__apply,.display-format-heatmap__midpoint,.display-style .section-panel,.display-style-panel__content,.highlight-apply-block__inner,.highlight-basedon,.highlight-panel,.preview,.value-format .section-panel{display:flex;flex-wrap:wrap}.conditions-container__order{display:flex;justify-content:flex-end}.align-section>label,.conditions-container__order>label,.conditions-panel__header>label,.display-format-heatmap__apply>label,.display-format-heatmap__midpoint>label,.highlight-apply-block__inner>label{display:flex;align-items:center;margin-right:10px;max-width:80px}.highlight-apply-block__inner{margin-top:5px}.conditions-panel,.display-style-panel__content{width:100%}.conditions-panel-inner,.left-panel,.right-panel{flex:1}.left-panel{margin-right:15px}#conditionList,.colors-panel>.left-panel,.colors-panel>.right-panel,.conditions-panel__header>.left-panel,.conditions-panel__header>.right-panel,.display-style-panel__content>.left-panel,.display-style-panel__content>.right-panel,.display-style-panel__header>.left-panel,.display-style-panel__header>.right-panel,.highlight-panel>.left-panel,.highlight-panel>.right-panel,.section-panel>.left-panel,.section-panel>.right-panel{min-width:230px}.colortext-basedon>.left-panel,.colortext-basedon>.right-panel,.highlight-basedon>.left-panel,.highlight-basedon>.right-panel{min-width:110px}.colortext-basedon>.left-panel,.highlight-basedon>.left-panel{margin-right:10px}.ef-another-field{width:100%;max-width:250px}.conditions-container__add{margin-left:10px}.conditions-panel__header>.right-panel{display:flex;align-self:flex-end}.section-panel{padding:10px}.display-style,.updates,.value-format{min-height:40px}.conditions-panel__header>.left-panel{display:flex;flex-direction:column}.display-style-panel__menu{margin-bottom:10px}.value-menu-description{align-self:center}.value-menu-description>ef-icon{margin-left:3px;vertical-align:top}#colorConditionDialog .container{padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}#colorConditionDialog .color-example-container{display:inline-block;box-sizing:border-box}#colorConditionDialog .section+.section{margin-top:20px}#colorConditionDialog .input-group+.input-group{margin-top:5px}#colorConditionDialog .input-side{vertical-align:middle;width:50%;display:inline-block}#colorConditionDialog .input-side>*{width:100%;margin:0}#colorConditionDialog .color-example{height:24px;width:100%;cursor:pointer;border:1px solid #000;box-sizing:border-box}#colorConditionDialog .no-color{background:linear-gradient(to bottom right,transparent calc(50% - 2px),var(--no-color-line-color,red) calc(50% - 1px),var(--no-color-line-color,red) calc(50% + 1px),transparent calc(50% + 2px))}#colorConditionDialog #colorDialogSample{height:24px;line-height:24px;vertical-align:middle;text-align:center;width:100%;border:1px solid #dadde0;box-sizing:border-box}ef-dialog#colorConditionDialog{width:342px;height:326px}');

package/lib/column-format-dialog/themes/halo/dark/es5/all-elements.js

@@ -0,0 +1,2 @@
+elf.customStyles.define('column-format-dialog', ':host{background:#334bff;display:inline-block;height:0;width:600px}.format-dialog{max-width:599px;height:calc(100vh - 94px)}.format-dialog .ef-select-wrapper{width:100%;max-width:250px}.option-panel ef-icon{cursor:default}.format-value-example{border-width:1px;border-style:solid;width:280px;height:32px;line-height:32px;text-align:center;margin-left:auto;margin-right:auto}.format-sample-table{margin-left:auto;margin-right:auto;border-width:1px;border-style:solid}.format-sample-table tr{height:24px}.format-sample-table td{border-width:1px;border-style:solid;padding-left:8px;padding-right:8px}.cell-painter-sample{margin-left:auto;margin-right:auto;width:100%}#format-dialog-formatter-example,cell-painter-renderer>div.cell{border-style:solid;border-width:1px;height:24px;line-height:24px;margin-bottom:-1px;padding:0 8px;text-align:right}.format-dialog #conditionList{border:1px solid #dadde0;width:100%}.format-dialog #conditionList div{height:100%;vertical-align:middle;overflow:hidden;display:inline-flex}.format-dialog #conditionList .condition-item{width:100%}.format-dialog #conditionList .condition-item .left-panel,.format-dialog #conditionList .condition-item .right-panel{min-width:222px}.format-dialog #conditionList .condition-item-title{line-height:24px}.format-dialog #conditionList .condition-button{text-align:right}.format-dialog #conditionList .condition-button *+*{margin-left:5px}.format-dialog #conditionList .condition-sample-outer{flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.format-dialog #conditionList .condition-sample{width:auto;padding-left:6px;padding-right:6px;height:24px;line-height:24px;display:inline-block;vertical-align:middle;margin:1px 0}.format-dialog #conditionList .condition-sample label{white-space:normal;text-overflow:unset}.format-dialog .conditions-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:10px}.fx.cell-painter-sample .cell{box-sizing:border-box!important;display:table;line-height:inherit;position:relative;table-layout:fixed;vertical-align:middle;visibility:visible;width:100%}.fx.cell-painter-sample .valigner{display:table-cell;height:100%;vertical-align:middle;width:100%}.fx.cell-painter-sample .text{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.fx.cell-painter-sample .tr-bid-offer{align-items:center;display:flex;justify-content:space-between;padding:5px 0;overflow-x:hidden;text-overflow:ellipsis;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-center{white-space:nowrap}.fx.cell-painter-sample .tr-bid-offer-left{text-overflow:ellipsis;overflow-x:hidden}.fx.cell-painter-sample .tr-bid-offer-pip{display:inline-block;font-size:xx-large;line-height:.75em;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;vertical-align:middle}.fx.cell-painter-sample .tr-bid-offer-sub{text-overflow:ellipsis;overflow-x:hidden;vertical-align:top}table{width:100%;height:50px;border-collapse:collapse;box-sizing:border-box;border-spacing:0;table-layout:fixed}table td{position:relative;border:1px solid #dadde0;padding:4px;box-sizing:border-box}.blinking-borders td::after{content:"";display:inline-block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-right-style:solid;border-bottom-style:solid;border-color:inherit}.text-bar{position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;padding-right:4px;padding-left:4px}.display-style-panel__header{flex-basis:100%;display:flex;flex-wrap:wrap}.colors-panel,.conditions-container,.display-format-heatmap__apply,.display-style-panel__header{margin-bottom:10px}.value-format__inner{display:flex}.align-section,.colors-panel,.colortext-basedon,.condition-item,.conditions-panel__header,.display-format-heatmap__apply,.display-format-heatmap__midpoint,.display-style .section-panel,.display-style-panel__content,.highlight-apply-block__inner,.highlight-basedon,.highlight-panel,.preview,.value-format .section-panel{display:flex;flex-wrap:wrap}.conditions-container__order{display:flex;justify-content:flex-end}.align-section>label,.conditions-container__order>label,.conditions-panel__header>label,.display-format-heatmap__apply>label,.display-format-heatmap__midpoint>label,.highlight-apply-block__inner>label{display:flex;align-items:center;margin-right:10px;max-width:80px}.highlight-apply-block__inner{margin-top:5px}.conditions-panel,.display-style-panel__content{width:100%}.conditions-panel-inner,.left-panel,.right-panel{flex:1}.left-panel{margin-right:15px}#conditionList,.colors-panel>.left-panel,.colors-panel>.right-panel,.conditions-panel__header>.left-panel,.conditions-panel__header>.right-panel,.display-style-panel__content>.left-panel,.display-style-panel__content>.right-panel,.display-style-panel__header>.left-panel,.display-style-panel__header>.right-panel,.highlight-panel>.left-panel,.highlight-panel>.right-panel,.section-panel>.left-panel,.section-panel>.right-panel{min-width:230px}.colortext-basedon>.left-panel,.colortext-basedon>.right-panel,.highlight-basedon>.left-panel,.highlight-basedon>.right-panel{min-width:110px}.colortext-basedon>.left-panel,.highlight-basedon>.left-panel{margin-right:10px}.ef-another-field{width:100%;max-width:250px}.conditions-container__add{margin-left:10px}.conditions-panel__header>.right-panel{display:flex;align-self:flex-end}.section-panel{padding:10px}.display-style,.updates,.value-format{min-height:40px}.conditions-panel__header>.left-panel{display:flex;flex-direction:column}.display-style-panel__menu{margin-bottom:10px}.value-menu-description{align-self:center}.value-menu-description>ef-icon{margin-left:3px;vertical-align:top}#colorConditionDialog .container{padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}#colorConditionDialog .color-example-container{display:inline-block;box-sizing:border-box}#colorConditionDialog .section+.section{margin-top:20px}#colorConditionDialog .input-group+.input-group{margin-top:5px}#colorConditionDialog .input-side{vertical-align:middle;width:50%;display:inline-block}#colorConditionDialog .input-side>*{width:100%;margin:0}#colorConditionDialog .color-example{height:24px;width:100%;cursor:pointer;border:1px solid #000;box-sizing:border-box}#colorConditionDialog .no-color{background:linear-gradient(to bottom right,transparent calc(50% - 2px),var(--no-color-line-color,red) calc(50% - 1px),var(--no-color-line-color,red) calc(50% + 1px),transparent calc(50% + 2px))}#colorConditionDialog #colorDialogSample{height:24px;line-height:24px;vertical-align:middle;text-align:center;width:100%;border:1px solid #dadde0;box-sizing:border-box}ef-dialog#colorConditionDialog{width:342px;height:326px}');
+

package/lib/column-format-dialog/themes/halo/dark/imports/all-elements.js

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

package/lib/column-format-dialog/themes/halo/dark/imports/custom-elements.js

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

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

@@ -0,0 +1,16 @@
+import "./dark/column-format-dialog.js";
+
+import "@refinitiv-ui/elements/button/themes/halo/dark";
+import "@refinitiv-ui/elements/checkbox/themes/halo/dark";
+import "@refinitiv-ui/elements/collapse/themes/halo/dark";
+import "@refinitiv-ui/elements/dialog/themes/halo/dark";
+import "@refinitiv-ui/elements/icon/themes/halo/dark";
+import "@refinitiv-ui/elements/text-field/themes/halo/dark";
+import "@refinitiv-ui/elements/number-field/themes/halo/dark";
+import "@refinitiv-ui/elements/list/themes/halo/dark";
+import "@refinitiv-ui/elements/radio-button/themes/halo/dark";
+import "@refinitiv-ui/elements/select/themes/halo/dark";
+import "@refinitiv-ui/elements/button-bar/themes/halo/dark";
+import "@refinitiv-ui/elements/tooltip/themes/halo/dark";
+import "@refinitiv-ui/elements/item/themes/halo/dark";
+import "@refinitiv-ui/elements/color-dialog/themes/halo/dark";

package/lib/column-format-dialog/themes/halo/defaults.less

@@ -0,0 +1 @@
+@grid-cfd-border-color: #dadde0;

package/lib/column-format-dialog/themes/halo/index.less

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