@refinitiv-ui/efx-grid 6.0.18 → 6.0.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) 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/themes/elemental/dark/column-selection-dialog.js +1 -1
  16. package/lib/column-selection-dialog/themes/elemental/dark/es5/all-elements.js +1 -1
  17. package/lib/column-selection-dialog/themes/elemental/light/column-selection-dialog.js +1 -1
  18. package/lib/column-selection-dialog/themes/elemental/light/es5/all-elements.js +1 -1
  19. package/lib/column-selection-dialog/themes/halo/dark/column-selection-dialog.js +1 -1
  20. package/lib/column-selection-dialog/themes/halo/dark/es5/all-elements.js +1 -1
  21. package/lib/column-selection-dialog/themes/halo/light/column-selection-dialog.js +1 -1
  22. package/lib/column-selection-dialog/themes/halo/light/es5/all-elements.js +1 -1
  23. package/lib/column-selection-dialog/themes/solar/charcoal/column-selection-dialog.js +1 -1
  24. package/lib/column-selection-dialog/themes/solar/charcoal/es5/all-elements.js +1 -1
  25. package/lib/column-selection-dialog/themes/solar/pearl/column-selection-dialog.js +1 -1
  26. package/lib/column-selection-dialog/themes/solar/pearl/es5/all-elements.js +1 -1
  27. package/lib/core/dist/core.js +40 -23
  28. package/lib/core/dist/core.min.js +1 -1
  29. package/lib/core/es6/data/DataView.d.ts +4 -0
  30. package/lib/core/es6/data/DataView.js +19 -1
  31. package/lib/core/es6/data/SegmentCollection.js +20 -8
  32. package/lib/core/es6/grid/Core.js +1 -1
  33. package/lib/core/es6/grid/components/Cell.js +0 -13
  34. package/lib/filter-dialog/lib/filter-dialog.js +149 -131
  35. package/lib/filter-dialog/themes/elemental/dark/checkbox-list.js +1 -1
  36. package/lib/filter-dialog/themes/elemental/dark/es5/all-elements.js +2 -2
  37. package/lib/filter-dialog/themes/elemental/dark/filter-dialog.js +1 -1
  38. package/lib/filter-dialog/themes/elemental/light/checkbox-list.js +1 -1
  39. package/lib/filter-dialog/themes/elemental/light/es5/all-elements.js +2 -2
  40. package/lib/filter-dialog/themes/elemental/light/filter-dialog.js +1 -1
  41. package/lib/filter-dialog/themes/halo/dark/checkbox-list.js +1 -1
  42. package/lib/filter-dialog/themes/halo/dark/es5/all-elements.js +2 -2
  43. package/lib/filter-dialog/themes/halo/dark/filter-dialog.js +1 -1
  44. package/lib/filter-dialog/themes/halo/light/checkbox-list.js +1 -1
  45. package/lib/filter-dialog/themes/halo/light/es5/all-elements.js +2 -2
  46. package/lib/filter-dialog/themes/halo/light/filter-dialog.js +1 -1
  47. package/lib/filter-dialog/themes/solar/charcoal/checkbox-list.js +1 -1
  48. package/lib/filter-dialog/themes/solar/charcoal/es5/all-elements.js +2 -2
  49. package/lib/filter-dialog/themes/solar/charcoal/filter-dialog.js +1 -1
  50. package/lib/filter-dialog/themes/solar/pearl/checkbox-list.js +1 -1
  51. package/lib/filter-dialog/themes/solar/pearl/es5/all-elements.js +2 -2
  52. package/lib/filter-dialog/themes/solar/pearl/filter-dialog.js +1 -1
  53. package/lib/grid/index.js +1 -1
  54. package/lib/rt-grid/dist/rt-grid.js +22 -23
  55. package/lib/rt-grid/dist/rt-grid.min.js +1 -1
  56. package/lib/tr-grid-checkbox/es6/Checkbox.js +63 -12
  57. package/lib/tr-grid-column-grouping/es6/ColumnGrouping.js +70 -110
  58. package/lib/tr-grid-filter-input/es6/FilterInput.d.ts +1 -1
  59. package/lib/tr-grid-filter-input/es6/FilterInput.js +10 -9
  60. package/lib/tr-grid-pagination/es6/Pagination.d.ts +1 -0
  61. package/lib/tr-grid-pagination/es6/Pagination.js +35 -29
  62. package/lib/tr-grid-row-grouping/es6/RowGrouping.d.ts +5 -0
  63. package/lib/tr-grid-row-grouping/es6/RowGrouping.js +30 -0
  64. package/lib/tr-grid-util/es6/Popup.js +5 -1
  65. package/lib/types/es6/Core/data/DataView.d.ts +4 -0
  66. package/lib/types/es6/FilterInput.d.ts +1 -0
  67. package/lib/types/es6/Pagination.d.ts +1 -0
  68. package/lib/types/es6/RealtimeGrid/Grid.d.ts +1 -1
  69. package/lib/versions.json +8 -8
  70. 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/themes/elemental/dark/column-selection-dialog.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import "./imports/native-elements.js";
2
2
 
3
3
 
4
- elf.customStyles.define('column-selection-dialog', ':host{background:#535de8;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(184,189,199,.5)}:host ef-item[focused] ef-checkbox{color:#b7bcc6}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:501px;min-width:501px;height:auto}:host ef-tree{height:223px;width:100%}:host ef-tree-item{min-width:100%}:host .container{height:100%}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{height:100%;width:50%;max-width:50%;display:inline-block;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:251px}:host #allColumns{height:251px;overflow:hidden;border:1px solid #3e444f;display:flex;flex-direction:column}:host #visibleSide{display:flex;flex-direction:column}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #3e444f}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #orderChangePanel{text-align:center;margin-top:10px}:host #orderChangePanel>*+*{margin-left:10px}:host #descriptionContainer{margin-top:10px;height:60px;overflow-y:auto;border:1px solid #3e444f;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;justify-content:space-between}:host [slot=footer]>div{display:inline-flex;align-items:center;height:40px;padding-left:15px;padding-right:15px}:host [slot=footer]>div ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0}:host [slot=footer]>div ef-button+ef-button{margin-left:15px}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}');
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#535de8;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(184,189,199,.5)}:host ef-item[focused] ef-checkbox{color:#b7bcc6}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:501px;min-width:501px;height:auto}:host ef-tree{height:223px;width:100%}:host ef-tree-item{min-width:100%}:host .container{height:100%}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{height:100%;width:50%;max-width:50%;display:inline-block;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:251px}:host #allColumns{height:251px;overflow:hidden;border:1px solid #3e444f;display:flex;flex-direction:column}:host #visibleSide{display:flex;flex-direction:column}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #3e444f}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #orderChangePanel{text-align:center;margin-top:10px}:host #orderChangePanel>*+*{margin-left:10px}:host #descriptionContainer{margin-top:10px;height:60px;overflow-y:auto;border:1px solid #3e444f;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;justify-content:space-between}:host [slot=footer]>div{display:inline-flex;align-items:center;height:40px;padding-left:15px;padding-right:15px}:host [slot=footer]>div ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0}:host [slot=footer]>div ef-button+ef-button{margin-left:15px}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}))