@refinitiv-ui/efx-grid 6.0.18 → 6.0.20

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. package/lib/column-format-dialog/themes/elemental/dark/column-format-dialog.js +1 -1
  2. package/lib/column-format-dialog/themes/elemental/dark/es5/all-elements.js +1 -1
  3. package/lib/column-format-dialog/themes/elemental/light/column-format-dialog.js +1 -1
  4. package/lib/column-format-dialog/themes/elemental/light/es5/all-elements.js +1 -1
  5. package/lib/column-format-dialog/themes/halo/dark/column-format-dialog.js +1 -1
  6. package/lib/column-format-dialog/themes/halo/dark/es5/all-elements.js +1 -1
  7. package/lib/column-format-dialog/themes/halo/light/column-format-dialog.js +1 -1
  8. package/lib/column-format-dialog/themes/halo/light/es5/all-elements.js +1 -1
  9. package/lib/column-format-dialog/themes/luna/default/column-format-dialog.js +1 -1
  10. package/lib/column-format-dialog/themes/luna/default/es5/all-elements.js +1 -1
  11. package/lib/column-format-dialog/themes/solar/charcoal/column-format-dialog.js +1 -1
  12. package/lib/column-format-dialog/themes/solar/charcoal/es5/all-elements.js +1 -1
  13. package/lib/column-format-dialog/themes/solar/pearl/column-format-dialog.js +1 -1
  14. package/lib/column-format-dialog/themes/solar/pearl/es5/all-elements.js +1 -1
  15. package/lib/column-selection-dialog/lib/column-selection-dialog.d.ts +2 -1
  16. package/lib/column-selection-dialog/lib/column-selection-dialog.js +89 -8
  17. package/lib/column-selection-dialog/themes/elemental/dark/column-selection-dialog.js +1 -1
  18. package/lib/column-selection-dialog/themes/elemental/dark/es5/all-elements.js +1 -1
  19. package/lib/column-selection-dialog/themes/elemental/light/column-selection-dialog.js +1 -1
  20. package/lib/column-selection-dialog/themes/elemental/light/es5/all-elements.js +1 -1
  21. package/lib/column-selection-dialog/themes/halo/dark/column-selection-dialog.js +1 -1
  22. package/lib/column-selection-dialog/themes/halo/dark/es5/all-elements.js +1 -1
  23. package/lib/column-selection-dialog/themes/halo/light/column-selection-dialog.js +1 -1
  24. package/lib/column-selection-dialog/themes/halo/light/es5/all-elements.js +1 -1
  25. package/lib/column-selection-dialog/themes/solar/charcoal/column-selection-dialog.js +1 -1
  26. package/lib/column-selection-dialog/themes/solar/charcoal/es5/all-elements.js +1 -1
  27. package/lib/column-selection-dialog/themes/solar/pearl/column-selection-dialog.js +1 -1
  28. package/lib/column-selection-dialog/themes/solar/pearl/es5/all-elements.js +1 -1
  29. package/lib/core/dist/core.js +40 -23
  30. package/lib/core/dist/core.min.js +1 -1
  31. package/lib/core/es6/data/DataView.d.ts +4 -0
  32. package/lib/core/es6/data/DataView.js +19 -1
  33. package/lib/core/es6/data/SegmentCollection.js +20 -8
  34. package/lib/core/es6/grid/Core.js +1 -1
  35. package/lib/core/es6/grid/components/Cell.js +0 -13
  36. package/lib/filter-dialog/lib/checkbox-list.js +148 -81
  37. package/lib/filter-dialog/lib/filter-dialog.js +170 -139
  38. package/lib/filter-dialog/themes/elemental/dark/checkbox-list.js +1 -1
  39. package/lib/filter-dialog/themes/elemental/dark/es5/all-elements.js +2 -2
  40. package/lib/filter-dialog/themes/elemental/dark/filter-dialog.js +1 -1
  41. package/lib/filter-dialog/themes/elemental/light/checkbox-list.js +1 -1
  42. package/lib/filter-dialog/themes/elemental/light/es5/all-elements.js +2 -2
  43. package/lib/filter-dialog/themes/elemental/light/filter-dialog.js +1 -1
  44. package/lib/filter-dialog/themes/halo/dark/checkbox-list.js +1 -1
  45. package/lib/filter-dialog/themes/halo/dark/es5/all-elements.js +2 -2
  46. package/lib/filter-dialog/themes/halo/dark/filter-dialog.js +1 -1
  47. package/lib/filter-dialog/themes/halo/light/checkbox-list.js +1 -1
  48. package/lib/filter-dialog/themes/halo/light/es5/all-elements.js +2 -2
  49. package/lib/filter-dialog/themes/halo/light/filter-dialog.js +1 -1
  50. package/lib/filter-dialog/themes/solar/charcoal/checkbox-list.js +1 -1
  51. package/lib/filter-dialog/themes/solar/charcoal/es5/all-elements.js +2 -2
  52. package/lib/filter-dialog/themes/solar/charcoal/filter-dialog.js +1 -1
  53. package/lib/filter-dialog/themes/solar/pearl/checkbox-list.js +1 -1
  54. package/lib/filter-dialog/themes/solar/pearl/es5/all-elements.js +2 -2
  55. package/lib/filter-dialog/themes/solar/pearl/filter-dialog.js +1 -1
  56. package/lib/grid/index.js +1 -1
  57. package/lib/rt-grid/dist/rt-grid.js +22 -23
  58. package/lib/rt-grid/dist/rt-grid.min.js +1 -1
  59. package/lib/tr-grid-checkbox/es6/Checkbox.js +63 -12
  60. package/lib/tr-grid-column-grouping/es6/ColumnGrouping.js +70 -110
  61. package/lib/tr-grid-filter-input/es6/FilterInput.d.ts +1 -1
  62. package/lib/tr-grid-filter-input/es6/FilterInput.js +10 -9
  63. package/lib/tr-grid-pagination/es6/Pagination.d.ts +1 -0
  64. package/lib/tr-grid-pagination/es6/Pagination.js +35 -29
  65. package/lib/tr-grid-row-dragging/es6/RowDragging.d.ts +15 -14
  66. package/lib/tr-grid-row-dragging/es6/RowDragging.js +44 -6
  67. package/lib/tr-grid-row-grouping/es6/RowGrouping.d.ts +5 -0
  68. package/lib/tr-grid-row-grouping/es6/RowGrouping.js +30 -0
  69. package/lib/tr-grid-util/es6/Popup.js +5 -1
  70. package/lib/types/es6/Core/data/DataView.d.ts +4 -0
  71. package/lib/types/es6/FilterInput.d.ts +1 -0
  72. package/lib/types/es6/Pagination.d.ts +1 -0
  73. package/lib/types/es6/RealtimeGrid/Grid.d.ts +1 -1
  74. package/lib/types/es6/RowDragging.d.ts +15 -14
  75. package/lib/types/es6/RowGrouping.d.ts +5 -0
  76. package/lib/versions.json +10 -10
  77. package/package.json +1 -1
package/lib/column-format-dialog/themes/elemental/dark/column-format-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- 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}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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 CHANGED
@@ -1,2 +1,2 @@
1
- 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}');
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}' }}))
2
2
 
package/lib/column-format-dialog/themes/elemental/light/column-format-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- 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}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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 CHANGED
@@ -1,2 +1,2 @@
1
- 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}');
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}' }}))
2
2
 
package/lib/column-format-dialog/themes/halo/dark/column-format-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- 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}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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 CHANGED
@@ -1,2 +1,2 @@
1
- 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}');
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}' }}))
2
2
 
package/lib/column-format-dialog/themes/halo/light/column-format-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- 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}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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/light/es5/all-elements.js CHANGED
@@ -1,2 +1,2 @@
1
- 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}');
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}' }}))
2
2
 
package/lib/column-format-dialog/themes/luna/default/column-format-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- 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}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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/luna/default/es5/all-elements.js CHANGED
@@ -1,2 +1,2 @@
1
- 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}');
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}' }}))
2
2
 
package/lib/column-format-dialog/themes/solar/charcoal/column-format-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- 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}#colorConditionDialog{width:374px;height:316px}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}#colorConditionDialog{width:374px;height:316px}' }}))
package/lib/column-format-dialog/themes/solar/charcoal/es5/all-elements.js CHANGED
@@ -1,2 +1,2 @@
1
- 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}#colorConditionDialog{width:374px;height:316px}');
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}#colorConditionDialog{width:374px;height:316px}' }}))
2
2
 
package/lib/column-format-dialog/themes/solar/pearl/column-format-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- 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}#colorConditionDialog{width:374px;height:316px}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}#colorConditionDialog{width:374px;height:316px}' }}))
package/lib/column-format-dialog/themes/solar/pearl/es5/all-elements.js CHANGED
@@ -1,2 +1,2 @@
1
- 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}#colorConditionDialog{width:374px;height:316px}');
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-format-dialog', styles: ':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}#colorConditionDialog{width:374px;height:316px}' }}))
2
2
 
package/lib/column-selection-dialog/lib/column-selection-dialog.d.ts CHANGED
@@ -22,7 +22,8 @@ declare namespace ColumnSelectionDialog {
22
22
  excludedLeftColumns?: number|null,
23
23
  excludedRightColumns?: number|null,
24
24
  unmovableColumns?: number|null,
25
- descriptionBox?: boolean|null
25
+ descriptionBox?: boolean|null,
26
+ middleSeparator?: string|null
26
27
  };
27
28
 
28
29
  }