@genexus/genexus-ide-ui 0.0.22 → 0.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/dist/cjs/ch-action-group_2.cjs.entry.js +211 -0
  2. package/dist/cjs/ch-dropdown-item.cjs.entry.js +36 -5
  3. package/dist/cjs/ch-dropdown.cjs.entry.js +50 -52
  4. package/dist/cjs/{ch-grid_4.cjs.entry.js → ch-grid_8.cjs.entry.js} +143 -0
  5. package/dist/cjs/{ch-suggest_5.cjs.entry.js → ch-suggest_4.cjs.entry.js} +0 -65
  6. package/dist/cjs/ch-test-action-group.cjs.entry.js +79 -0
  7. package/dist/cjs/ch-test-dropdown.cjs.entry.js +54 -0
  8. package/dist/cjs/ch-window_2.cjs.entry.js +25 -6
  9. package/dist/cjs/format-date-f2c49d1a.js +28 -0
  10. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  11. package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +15 -35
  12. package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +5 -15
  13. package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +102 -0
  14. package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +53 -0
  15. package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +278 -0
  16. package/dist/cjs/gx-ide-top-bar.cjs.entry.js +37 -0
  17. package/dist/cjs/{gxg-combo-box_8.cjs.entry.js → gxg-combo-box_6.cjs.entry.js} +0 -132
  18. package/dist/cjs/gxg-form-checkbox-group_2.cjs.entry.js +140 -0
  19. package/dist/cjs/{gx-ide-top-bar_2.cjs.entry.js → gxg-form-radio-group.cjs.entry.js} +0 -31
  20. package/dist/cjs/gxg-text.cjs.entry.js +72 -0
  21. package/dist/cjs/loader.cjs.js +1 -1
  22. package/dist/collection/collection-manifest.json +7 -0
  23. package/dist/collection/common/format-date.js +11 -0
  24. package/dist/collection/components/team-dev-commit/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +1 -1
  25. package/dist/collection/components/team-dev-commit/team-dev-commit.js +35 -26
  26. package/dist/collection/components/team-dev-select-recent-comment/team-dev-select-recent-comment.js +6 -16
  27. package/dist/collection/components/team-dev-update/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.en.json +45 -0
  28. package/dist/collection/components/team-dev-update/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.ja.json +3 -0
  29. package/dist/collection/components/team-dev-update/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.zh.json +3 -0
  30. package/dist/collection/components/team-dev-update/team-dev-update.css +216 -0
  31. package/dist/collection/components/team-dev-update/team-dev-update.js +524 -0
  32. package/dist/collection/components/team-dev-update-partial-selection/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.en.json +15 -0
  33. package/dist/collection/components/team-dev-update-partial-selection/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.ja.json +3 -0
  34. package/dist/collection/components/team-dev-update-partial-selection/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.zh.json +3 -0
  35. package/dist/collection/components/team-dev-update-partial-selection/team-dev-update-partial-selection.css +149 -0
  36. package/dist/collection/components/team-dev-update-partial-selection/team-dev-update-partial-selection.js +238 -0
  37. package/dist/collection/components/team-dev-update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.en.json +11 -0
  38. package/dist/collection/components/team-dev-update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.ja.json +3 -0
  39. package/dist/collection/components/team-dev-update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.zh.json +3 -0
  40. package/dist/collection/components/team-dev-update-to-revision/team-dev-update-to-revision.css +147 -0
  41. package/dist/collection/components/team-dev-update-to-revision/team-dev-update-to-revision.js +136 -0
  42. package/dist/components/action-group-item.js +54 -0
  43. package/dist/components/action-group.js +214 -0
  44. package/dist/components/ch-action-group-item.js +6 -0
  45. package/dist/components/ch-action-group.js +6 -0
  46. package/dist/components/ch-dropdown-item-separator.js +1 -28
  47. package/dist/components/ch-dropdown-item.js +1 -53
  48. package/dist/components/ch-dropdown.js +1 -284
  49. package/dist/components/ch-grid-rowset-empty.js +1 -24
  50. package/dist/components/ch-grid-rowset-empty2.js +26 -0
  51. package/dist/components/ch-test-action-group.js +137 -0
  52. package/dist/components/ch-test-dropdown.js +104 -0
  53. package/dist/components/ch-window2.js +25 -6
  54. package/dist/components/dropdown-item-separator.js +30 -0
  55. package/dist/components/dropdown-item.js +109 -0
  56. package/dist/components/dropdown.js +294 -0
  57. package/dist/components/format-date.js +25 -0
  58. package/dist/components/gx-ide-team-dev-commit.js +16 -35
  59. package/dist/components/gx-ide-team-dev-select-recent-comment.js +5 -15
  60. package/dist/components/gx-ide-team-dev-update-partial-selection.d.ts +11 -0
  61. package/dist/components/gx-ide-team-dev-update-partial-selection.js +213 -0
  62. package/dist/components/gx-ide-team-dev-update-to-revision.d.ts +11 -0
  63. package/dist/components/gx-ide-team-dev-update-to-revision.js +131 -0
  64. package/dist/components/gx-ide-team-dev-update.d.ts +11 -0
  65. package/dist/components/gx-ide-team-dev-update.js +473 -0
  66. package/dist/components/index.d.ts +3 -0
  67. package/dist/components/index.js +7 -0
  68. package/dist/esm/ch-action-group_2.entry.js +206 -0
  69. package/dist/esm/ch-dropdown-item.entry.js +36 -5
  70. package/dist/esm/ch-dropdown.entry.js +50 -52
  71. package/dist/esm/{ch-grid_4.entry.js → ch-grid_8.entry.js} +140 -1
  72. package/dist/esm/{ch-suggest_5.entry.js → ch-suggest_4.entry.js} +1 -65
  73. package/dist/esm/ch-test-action-group.entry.js +75 -0
  74. package/dist/esm/ch-test-dropdown.entry.js +50 -0
  75. package/dist/esm/ch-window_2.entry.js +25 -6
  76. package/dist/esm/format-date-e9ca0786.js +25 -0
  77. package/dist/esm/genexus-ide-ui.js +1 -1
  78. package/dist/esm/gx-ide-team-dev-commit.entry.js +15 -35
  79. package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +5 -15
  80. package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +98 -0
  81. package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +49 -0
  82. package/dist/esm/gx-ide-team-dev-update.entry.js +274 -0
  83. package/dist/esm/gx-ide-top-bar.entry.js +33 -0
  84. package/dist/esm/{gxg-combo-box_8.entry.js → gxg-combo-box_6.entry.js} +2 -132
  85. package/dist/esm/gxg-form-checkbox-group_2.entry.js +135 -0
  86. package/dist/esm/{gx-ide-top-bar_2.entry.js → gxg-form-radio-group.entry.js} +2 -32
  87. package/dist/esm/gxg-text.entry.js +68 -0
  88. package/dist/esm/loader.js +1 -1
  89. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  90. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +1 -1
  91. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.en.json +45 -0
  92. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.ja.json +3 -0
  93. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.zh.json +3 -0
  94. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.en.json +15 -0
  95. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.ja.json +3 -0
  96. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.zh.json +3 -0
  97. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.en.json +11 -0
  98. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.ja.json +3 -0
  99. package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.zh.json +3 -0
  100. package/dist/genexus-ide-ui/p-097a3eeb.entry.js +1 -0
  101. package/dist/genexus-ide-ui/p-16bd5578.entry.js +1 -0
  102. package/dist/genexus-ide-ui/p-32b8abf6.entry.js +1 -0
  103. package/dist/genexus-ide-ui/p-3bdcb73b.entry.js +1 -0
  104. package/dist/genexus-ide-ui/p-4bbe1c18.entry.js +1 -0
  105. package/dist/genexus-ide-ui/p-53d36ef7.entry.js +1 -0
  106. package/dist/genexus-ide-ui/p-5884a014.entry.js +1 -0
  107. package/dist/genexus-ide-ui/p-5c64c57f.entry.js +1 -0
  108. package/dist/genexus-ide-ui/p-5ff04ebe.entry.js +1 -0
  109. package/dist/genexus-ide-ui/p-6e80380b.entry.js +1 -0
  110. package/dist/genexus-ide-ui/p-718759e7.entry.js +1 -0
  111. package/dist/genexus-ide-ui/p-72303355.js +1 -0
  112. package/dist/genexus-ide-ui/p-757f8567.entry.js +1 -0
  113. package/dist/genexus-ide-ui/p-9c82381c.entry.js +1 -0
  114. package/dist/genexus-ide-ui/p-a0e85c2a.entry.js +1 -0
  115. package/dist/genexus-ide-ui/p-afe9515e.entry.js +1 -0
  116. package/dist/genexus-ide-ui/p-dbebb1a0.entry.js +1 -0
  117. package/dist/genexus-ide-ui/p-f8561da6.entry.js +1 -0
  118. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/action-group/action-group.css +48 -0
  119. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/action-group-item/action-group-item.css +4 -0
  120. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown/dropdown.css +32 -88
  121. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown-item/dropdown-item.css +9 -22
  122. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-action-group/test-action-group.css +52 -0
  123. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-dropdown/test-dropdown.css +36 -0
  124. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/window/ch-window.css +3 -1
  125. package/dist/types/common/format-date.d.ts +1 -0
  126. package/dist/types/common/types.d.ts +1 -0
  127. package/dist/types/components/team-dev-commit/team-dev-commit.d.ts +13 -7
  128. package/dist/types/components/team-dev-select-recent-comment/team-dev-select-recent-comment.d.ts +1 -31
  129. package/dist/types/components/team-dev-update/team-dev-update.d.ts +173 -0
  130. package/dist/types/components/team-dev-update-partial-selection/team-dev-update-partial-selection.d.ts +61 -0
  131. package/dist/types/components/team-dev-update-to-revision/team-dev-update-to-revision.d.ts +41 -0
  132. package/dist/types/components.d.ts +216 -2
  133. package/package.json +3 -3
  134. package/dist/cjs/ch-grid-column-resize_4.cjs.entry.js +0 -150
  135. package/dist/esm/ch-grid-column-resize_4.entry.js +0 -143
  136. package/dist/genexus-ide-ui/p-04f094d1.entry.js +0 -1
  137. package/dist/genexus-ide-ui/p-192f1342.entry.js +0 -1
  138. package/dist/genexus-ide-ui/p-54cef7ae.entry.js +0 -1
  139. package/dist/genexus-ide-ui/p-554ed73a.entry.js +0 -1
  140. package/dist/genexus-ide-ui/p-6d378d61.entry.js +0 -1
  141. package/dist/genexus-ide-ui/p-b26b5d74.entry.js +0 -1
  142. package/dist/genexus-ide-ui/p-c10d5f34.entry.js +0 -1
  143. package/dist/genexus-ide-ui/p-d5c29251.entry.js +0 -1
  144. package/dist/genexus-ide-ui/p-f1a3397d.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as t,c as r,h as e,H as o,g as i}from"./p-976c3a09.js";import{a,r as n}from"./p-01406cbc.js";import{f as l}from"./p-e7e4f76c.js";const s=class{constructor(e){t(this,e),this.change=r(this,"change",7),this.showValidationMessage=!1,this._componentDidLoad=!1,this.disabled=!1,this.formMessageLogic=a,this.required=!1,this.validationStatus="indeterminate",this.uncheckAll=t=>{const r=this.getEnabledRadios();r.length&&r.forEach((r=>{t!==r&&r.checked&&(r.checked=!1)}))},this.setValue=()=>{const t=this.getEnabledRadios();let r;if(t.forEach((t=>{t.disabled||r||!r&&t.checked&&(r=t)})),this.value&&r)this.value!==r.value&&(this.value=r.value);else if(this.value&&!r){const r=t.find((t=>t.value===this.value));r?r.checked=!0:(this.value=t[0].value,t[0].checked=!0)}else!this.value&&r?this.value=r.value:(this.value=t[0].value,t[0].checked=!0)},this.disableAllRadios=()=>{this.disabled&&this.el.querySelectorAll("gxg-form-radio").forEach((t=>{t.disabled=!0}))},this.enableAllRadios=()=>{this.disabled||this.el.querySelectorAll("gxg-form-radio").forEach((t=>{t.disabled=!1,t.value===this.value&&(t.checked=!0)}))},this.getEnabledRadios=()=>{const t=this.el.querySelectorAll("gxg-form-radio"),r=[];return t.forEach((t=>{t.disabled||r.push(t)})),r},this.getCheckboxByValue=t=>{const r=this.getEnabledRadios();let e;return r.length&&(e=r.find((r=>r.value===t))),e}}disabledHandler(t){!0===t?(this.disableAllRadios(),this.valueBeforeDisabled=this.value,this.value=null):(this.value=this.valueBeforeDisabled,this.enableAllRadios())}watchValueHandler(t){const r=this.getCheckboxByValue(t);this.uncheckAll(r),this._componentDidLoad&&this.change.emit({id:r.radioId,value:this.value})}radioCheckedHandler(t){this.value=t.detail.value}keyPressedHandler(t){const r=t.detail,e=t.target;let o=null;const i=Array.from(this.el.querySelectorAll("gxg-form-radio:not([disabled])")),a=i.findIndex((t=>e===t));-1!==a&&("ArrowDown"===r||"ArrowRight"===r?a+1<i.length&&(o=i[a+1]):"ArrowUp"===r||"ArrowLeft"===r?a-1<i.length&&(o=i[a-1]):"Enter"===r&&(e.checked||(this.value=e.value)),o&&o.focus())}componentWillLoad(){this.disabled&&this.disableAllRadios(),this.setValue()}componentDidLoad(){this._componentDidLoad=!0}renderLabel(){if(this.label)return e("gxg-label",{class:"label"},this.label,n(this))}render(){return e(o,{class:{"gxg-form-radio-group":!0,"gxg-form-radio-group--row":this.row,[l.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[l.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[l.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[l.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus}},this.renderLabel(),e("div",{class:"radios-wrapper"},e("slot",null)),a(this))}get el(){return i(this)}static get watchers(){return{disabled:["disabledHandler"],value:["watchValueHandler"]}}};s.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block}:host .label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;margin-bottom:var(--spacing-lay-xs);display:inline-block;margin-bottom:var(--spacing-comp-02)}:host .radios-wrapper{display:flex;flex-direction:column;gap:var(--gxg-form-control-gap--vertical)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.gxg-form-radio-group--row) .radios-wrapper{flex-direction:row;gap:var(--gxg-form-control-gap--horizontal);align-items:center}:host .required{padding-left:2px}";export{s as gxg_form_radio_group}
@@ -0,0 +1 @@
1
+ import{r as i,c as t,h as e,H as o,g as a}from"./p-976c3a09.js";import{L as l}from"./p-26957490.js";import{f as s,r}from"./p-72303355.js";const n=class{constructor(o){i(this,o),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.loadDataCalledFirstTime=!1,this.markAllPendingCommitsRows=()=>{this.chGridPendingCommitsEl.markAllRows()},this.togglePendingCommitsCheckboxes=async i=>{if(this.chGridPendingCommitsEl){const t=i.itemsToCheck,e=i.itemsToUncheck;for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0);for(const i of e)await this.chGridPendingCommitsEl.markRow(i,!1)}},this.revertPendingCommitsCheckboxes=async(i,t)=>{if(this.chGridPendingCommitsEl){for(const t of i)await this.chGridPendingCommitsEl.markRow(t,!1);for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0)}},this.renderIconState=i=>{let t,o;switch(i){case"inserted":t="gx-server/new",o="success";break;case"modified":t="gx-server/changes-commit-pending",o="primary-active";break;case"deleted":t="gx-server/delete",o="error";break;case"conflicted":t="gx-server/conflict",o="warning"}return e("gxg-icon",{type:t,color:o})},this.pendingCommitsRowMarkingChangedHandler=async i=>{if(this.chGridPendingCommitsEl.removeEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.chGridPendingCommitsEl){const t=i.detail.addedRowsId,e=i.detail.removedRowsId,o=await this.pendingItemCheckedCallback({itemsChecked:t,itemsUnchecked:e});void 0===o?await this.revertPendingCommitsCheckboxes(t,e):await this.togglePendingCommitsCheckboxes(o),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler)}},this.gridOnContextMenuCallbackHandler=i=>async t=>{t.preventDefault(),t.stopPropagation(),this.gridContextMenuCallback&&await this.gridContextMenuCallback(i,t.detail)},this.gridOnSelectionChangedCallbackHandler=i=>async t=>{this.selectCallback&&await this.selectCallback(i,t.detail.rowsId)},this.renderPendingCommitsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",ref:i=>this.chGridPendingCommitsEl=i,part:"ch-grid-pending-commits",class:"no-border",onRowContextMenu:this.gridOnContextMenuCallbackHandler("commit"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("commit")},e("ch-grid-columnset",null,e("ch-grid-column",{columnType:"rich",richRowSelector:!0,richRowSelectorMode:"mark",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{columnName:"State",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Name",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Type",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Description",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Local State",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1,size:"150px"}),e("ch-grid-column",{sortable:!0,columnName:"User",settingable:!1,size:"auto"})),this.pendingCommits.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.renderIgnoredObjectsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",part:"ch-grid-pending-commits",onRowContextMenu:this.gridOnContextMenuCallbackHandler("ignored"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("ignored")},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",settingable:!1}),e("ch-grid-column",{columnName:"TypeIcon",settingable:!1}),e("ch-grid-column",{columnName:"Name",settingable:!1,sortable:!0}),e("ch-grid-column",{columnName:"Type",settingable:!1}),e("ch-grid-column",{columnName:"Description",settingable:!1}),e("ch-grid-column",{columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1}),e("ch-grid-column",{columnName:"Local State",settingable:!1}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1}),e("ch-grid-column",{columnName:"User",settingable:!1})),this.ignoredObjects.map((i=>e("ch-grid-row",{"row-id":i.id,selected:!0},e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.getRecentCommentHandler=async()=>{if(this.getRecentCommentCallback){const i=await this.getRecentCommentCallback();i&&(this.comment=i)}},this.commitCallbackHandler=async()=>{const i=this.commitComment.value;this.chGridPendingCommitsEl.getMarkedRows().then((async t=>{await this.commitCallback(t,i)}))},this.loadData=async()=>{const i={pattern:this.patternEl.value,changeSet:this.changeSetEl.value,folder:this.foldersEl.value,category:this.categoriesEl.value,type:this.typesEl.value};return await this.loadCallback(i).then((async({pending:i,ignored:t})=>{this.pendingCommits=i,this.ignoredObjects=t,this.loadDataCalledFirstTime||(this.loadDataCalledFirstTime=!0)}))},this.toggleFiltersHandler=()=>{this.filtersHidden=!this.filtersHidden},this.filtersHidden=!0,this.comment="",this.pendingCommits=[],this.ignoredObjects=[],this.changeSet=void 0,this.types=void 0,this.folders=void 0,this.categories=void 0,this.getRecentCommentCallback=void 0,this.loadCallback=void 0,this.commitCallback=void 0,this.selectCallback=void 0,this.pendingItemCheckedCallback=void 0,this.gridContextMenuCallback=void 0}async componentWillLoad(){this._componentLocale=await l.getComponentStrings(this.el)}async componentDidLoad(){await this.loadData(),this.componentDidLoadEvent.emit(!0)}async componentDidRender(){this.loadDataCalledFirstTime&&(await this.markAllPendingCommitsRows(),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.loadDataCalledFirstTime=!1)}async reload(){this.loadData()}render(){return e(o,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},e("gxg-container",null,e("header",{class:"header grid"},e("gxg-form-textarea",{id:"gxg-textarea",height:"100px",label:this._componentLocale.topMenu.commentLabel,value:this.comment,ref:i=>this.commitComment=i,placeholder:this._componentLocale.topMenu.commentPlaceholder}),e("gxg-button",{type:"outlined",part:"location",onClick:this.getRecentCommentHandler},this._componentLocale.topMenu.recentCommentsButton))),e("main",{class:"main"},e("gxg-container",{fieldset:!0,noContentPadding:!!this.filtersHidden},e("div",{class:"grid second-grid"},e("div",{class:"actions-row grid"},e("gxg-form-text",{class:this.filtersHidden?"hidden":null,"disable-filter":!0,label:this._componentLocale.filtersMenu.patternLabel,labelPosition:"start",value:"",ref:i=>this.patternEl=i,"display-validation-styles":!0,"display-validation-message":!0,part:"pattern",onInput:this.loadData}),e("div",{class:"action-buttons",slot:"tab-bar"},e("gxg-button",{onClick:this.toggleFiltersHandler,type:"secondary-icon-only",icon:"patterns/filters",part:"gxg-button gxg-button--show-filter"}),e("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",onClick:this.loadData,part:"gxg-button gxg-button--reload"}))),e("div",{class:"filters-grid grid "+(this.filtersHidden?"hidden":null)},e("div",{class:"first-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.changesetLabel,value:this.changeSet[0].id,ref:i=>this.changeSetEl=i,part:"change-set","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.changeSet)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.typeLabel,value:this.types[0].id,ref:i=>this.typesEl=i,part:"type",onValueChanged:this.loadData},r(this.types))),e("div",{class:"second-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.folderLabel,value:this.folders[0].id,ref:i=>this.foldersEl=i,part:"folder","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.folders)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.categoryLabel,value:this.categories[0].id,ref:i=>this.categoriesEl=i,part:"categories",onValueChanged:this.loadData},r(this.categories)))))),e("gxg-container",null,e("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},e("gxg-tab-bar",{slot:"tab-bar-container"},e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`,tab:"pending-commits","is-selected":!0}),e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`,tab:"ignored-objects"})),e("gxg-tab",{tab:"pending-commits","no-padding":!0},this.renderPendingCommitsGrid()),e("gxg-tab",{tab:"ignored-objects","no-padding":!0},this.renderIgnoredObjectsGrid())),e("gxg-button",{slot:"footer",type:"primary-text-only",onClick:this.commitCallbackHandler,part:"commit-button"},this._componentLocale.footer.commitButton)))))}static get assetsDirs(){return["gx-ide-assets/team-dev-commit"]}get el(){return a(this)}};n.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";export{n as gx_ide_team_dev_commit}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as e,g as o}from"./p-976c3a09.js";const a={OutsideStart:"outside-start",InsideStart:"inside-start",Center:"center",InsideEnd:"inside-end",OutsideEnd:"outside-end"},n="ch-dropdown-item",r=`:scope > ${n}`,h=class{constructor(s){t(this,s),this.expandedChange=i(this,"expandedChange",7),this.keyEventsDictionary={ArrowDown:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findNextDropDownItemSibling();i&&i.handleFocusElement()},ArrowUp:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findPreviousDropDownItemSibling();i&&i.handleFocusElement()},Escape:()=>{this.closeDropdown(),this.returnFocusToButton()}},this.showHeader=!1,this.showFooter=!1,this.expanded=!1,this.expandedWithHover=!1,this.buttonLabel="Show options",this.expandBehavior="ClickOrHover",this.nestedDropdown=!1,this.openOnFocus=!1,this.position="Center_OutsideEnd",this.closeDropdown=()=>{this.closeDropdownWithHover(),this.expanded=!1,this.expandedChange.emit(!1)},this.closeDropdownWithHover=()=>{this.expandedWithHover=!1,this.expanded||this.expandedChange.emit(!1)},this.closeDropdownWhenClickingOutside=t=>{void 0===t.composedPath().find((t=>t===this.el))&&this.closeDropdown()},this.handleKeyDownEvents=t=>{const i=this.keyEventsDictionary[t.code];i&&i(t)},this.handleKeyUpEvents=t=>{"Tab"===t.code&&(t.composedPath().includes(this.el)||this.closeDropdown())},this.handleMouseLeave=()=>{document.activeElement.closest("ch-dropdown")===this.el&&(this.expanded=!0),this.closeDropdownWithHover()},this.handleMouseEnter=()=>{this.expandedWithHover||(this.expandedWithHover=!0,this.expanded||this.expandedChange.emit(!0))},this.handleButtonClick=t=>{t.stopPropagation(),this.expandedChange.emit(!this.expanded),this.expanded=!this.expanded},this.handleButtonFocus=t=>{t.stopPropagation(),this.expanded||(this.expanded=!0,this.expandedWithHover||this.expandedChange.emit(!0))}}handleExpandedChange(t){t?(this.currentFocusedItem=void 0,document.body.addEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),this.nestedDropdown||document.body.addEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.addEventListener("keyup",this.handleKeyUpEvents,{capture:!0})):(document.body.removeEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),this.nestedDropdown||document.body.removeEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.removeEventListener("keyup",this.handleKeyUpEvents,{capture:!0}))}handleActionClick(){this.closeDropdown()}handleDropDownItemFocusChange(t){this.currentFocusedItem=t.target}focusFirstDropDownItem(){this.currentFocusedItem=this.el.querySelector(r),this.currentFocusedItem&&this.currentFocusedItem.handleFocusElement()}findNextDropDownItemSibling(){let t=this.currentFocusedItem.nextElementSibling;for(;t&&t.tagName.toLowerCase()!==n;)t=t.nextElementSibling;return t}findPreviousDropDownItemSibling(){let t=this.currentFocusedItem.previousElementSibling;for(;t&&t.tagName.toLowerCase()!==n;)t=t.previousElementSibling;return t}returnFocusToButton(){this.openOnFocus||this.nestedDropdown||this.expandableButton.focus()}componentWillLoad(){this.showHeader=!!this.el.querySelector(':scope > [slot="header"]'),this.showFooter=!!this.el.querySelector(':scope > [slot="footer"]')}render(){const t=this.position.split("_"),i=t[1],o="OutsideStart"===i||"OutsideEnd"===i,n=a[t[0]],r=a[i],h=this.expanded||this.expandedWithHover;return s(e,{onMouseLeave:"ClickOrHover"===this.expandBehavior?this.handleMouseLeave:void 0},s("button",{id:"expandable-button","aria-controls":"section","aria-expanded":this.expanded.toString(),"aria-haspopup":"true","aria-label":this.buttonLabel,class:"expandable-button",part:"expandable-button",type:"button",onClick:this.handleButtonClick,onFocus:this.openOnFocus?this.handleButtonFocus:void 0,onMouseEnter:"ClickOrHover"===this.expandBehavior?this.handleMouseEnter:void 0,ref:t=>this.expandableButton=t},s("slot",{name:"action"})),"ClickOrHover"===this.expandBehavior&&s("div",{"aria-hidden":"true",class:{separation:!0,[`separation--y separation--y-${r}`]:o,[`separation--x separation--x-${n}`]:!o},part:"separation"}),s("ch-window",{part:"window",exportparts:"window:section,mask,header,footer",container:this.el,closeOnEscape:!0,hidden:!h,modal:!1,showFooter:this.showFooter,showHeader:this.showHeader,xAlign:n,yAlign:r},this.showHeader&&s("slot",{name:"header",slot:"header"}),s("div",{role:"list",class:"list",part:"list"},s("slot",{name:"items"})),this.showFooter&&s("slot",{name:"footer",slot:"footer"})))}get el(){return o(this)}static get watchers(){return{expanded:["handleExpandedChange"]}}};h.style=":where(button){all:unset}*,::before,::after{box-sizing:border-box}:host{--separation:0px;--separation-x:var(--separation);--separation-y:var(--separation);display:flex;position:relative;width:100%;height:100%}.expandable-button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;cursor:pointer;z-index:108}.expandable-button:focus-within{transition:box-shadow 250ms}::slotted([slot=action]){pointer-events:none}.separation{display:flex;position:absolute;z-index:107}.separation--y{width:100%;height:var(--separation-y)}.separation--y-outside-start{inset-block-start:calc(var(--separation-y) * -1)}.separation--y-outside-start+ch-window{--ch-window-offset-y:calc(var(--separation-y) * -1)}.separation--y-outside-end{inset-block-end:calc(var(--separation-y) * -1)}.separation--y-outside-end+ch-window{--ch-window-offset-y:var(--separation-y)}.separation--x{width:var(--separation-x);height:100%}.separation--x-outside-start{inset-inline-start:calc(var(--separation-x) * -1)}.separation--x-outside-start+ch-window{--ch-window-offset-x:calc(var(--separation-x) * -1)}.separation--x-outside-end{inset-inline-end:calc(var(--separation-x) * -1)}.separation--x-outside-end+ch-window{--ch-window-offset-x:var(--separation-x)}.list{display:flex;flex-direction:column}";export{h as ch_dropdown}
@@ -0,0 +1,48 @@
1
+ *,
2
+ ::after,
3
+ ::before {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ :host {
8
+ display: grid;
9
+ position: relative;
10
+ width: 100%;
11
+ grid-template: "more-actions actions" 1fr/min-content 1fr;
12
+ overflow: hidden;
13
+ }
14
+
15
+ .more-actions {
16
+ grid-area: more-actions;
17
+ }
18
+ .more-actions::part(expandable-button) {
19
+ width: 1.375em;
20
+ height: 1.375em;
21
+ }
22
+ .more-actions::part(expandable-button)::before {
23
+ content: "";
24
+ width: 100%;
25
+ height: 100%;
26
+ background-color: currentColor;
27
+ -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg"><path d="M5.26837 10.5625C4.16837 10.5625 3.26837 11.4625 3.26837 12.5625C3.26837 13.6625 4.16837 14.5625 5.26837 14.5625C6.36837 14.5625 7.26837 13.6625 7.26837 12.5625C7.26837 11.4625 6.36837 10.5625 5.26837 10.5625ZM19.2684 10.5625C18.1684 10.5625 17.2684 11.4625 17.2684 12.5625C17.2684 13.6625 18.1684 14.5625 19.2684 14.5625C20.3684 14.5625 21.2684 13.6625 21.2684 12.5625C21.2684 11.4625 20.3684 10.5625 19.2684 10.5625ZM12.2684 10.5625C11.1684 10.5625 10.2684 11.4625 10.2684 12.5625C10.2684 13.6625 11.1684 14.5625 12.2684 14.5625C13.3684 14.5625 14.2684 13.6625 14.2684 12.5625C14.2684 11.4625 13.3684 10.5625 12.2684 10.5625Z"/></svg>') 50% 50%/1.25em 1.25em no-repeat;
28
+ }
29
+
30
+ .actions {
31
+ grid-area: actions;
32
+ display: grid;
33
+ grid-auto-flow: column;
34
+ grid-auto-columns: max-content;
35
+ width: 100%;
36
+ max-width: 100%;
37
+ }
38
+ .actions--responsive {
39
+ position: absolute;
40
+ inset: 0;
41
+ }
42
+ .actions--scroll {
43
+ overflow-x: auto;
44
+ }
45
+ .actions--multiline {
46
+ display: flex;
47
+ flex-wrap: wrap;
48
+ }
@@ -0,0 +1,4 @@
1
+ ch-action-group-item[floating] {
2
+ position: absolute;
3
+ visibility: hidden;
4
+ }
@@ -8,22 +8,10 @@
8
8
  box-sizing: border-box;
9
9
  }
10
10
 
11
- @media (prefers-color-scheme: light) {
12
- .section {
13
- background-color: #fbfbfb;
14
- color: #000;
15
- }
16
- }
17
- @media (prefers-color-scheme: dark) {
18
- .section {
19
- background-color: #242426;
20
- color: #e9e9e9;
21
- }
22
- }
23
11
  :host {
24
- --ch-dropdown-rtl-initial-X: 1;
25
- --ch-dropdown-translateX: 0;
26
- --ch-dropdown-translateY: 0;
12
+ --separation: 0px;
13
+ --separation-x: var(--separation);
14
+ --separation-y: var(--separation);
27
15
  display: flex;
28
16
  position: relative;
29
17
  width: 100%;
@@ -32,6 +20,8 @@
32
20
 
33
21
  .expandable-button {
34
22
  display: flex;
23
+ align-items: center;
24
+ justify-content: center;
35
25
  position: relative;
36
26
  width: 100%;
37
27
  height: 100%;
@@ -39,98 +29,52 @@
39
29
  z-index: 108;
40
30
  }
41
31
  .expandable-button:focus-within {
42
- box-shadow: 0px 0px 0 1px currentColor;
43
32
  transition: box-shadow 250ms;
44
33
  }
45
34
 
46
- .dummy-separation {
35
+ ::slotted([slot=action]) {
36
+ pointer-events: none;
37
+ }
38
+
39
+ .separation {
47
40
  display: flex;
48
41
  position: absolute;
49
42
  z-index: 107;
50
43
  }
51
- .dummy-separation--vertical {
44
+ .separation--y {
52
45
  width: 100%;
53
- height: var(--separation-between-button-size);
46
+ height: var(--separation-y);
47
+ }
48
+ .separation--y-outside-start {
49
+ inset-block-start: calc(var(--separation-y) * -1);
54
50
  }
55
- .dummy-separation--top {
56
- inset-block-start: var(--separation-between-button);
51
+ .separation--y-outside-start + ch-window {
52
+ --ch-window-offset-y: calc(var(--separation-y) * -1);
57
53
  }
58
- .dummy-separation--bottom {
59
- inset-block-end: var(--separation-between-button);
54
+ .separation--y-outside-end {
55
+ inset-block-end: calc(var(--separation-y) * -1);
60
56
  }
61
- .dummy-separation--horizontal {
62
- width: var(--separation-between-button-size);
57
+ .separation--y-outside-end + ch-window {
58
+ --ch-window-offset-y: var(--separation-y);
59
+ }
60
+ .separation--x {
61
+ width: var(--separation-x);
63
62
  height: 100%;
64
63
  }
65
- .dummy-separation--left {
66
- inset-inline-start: var(--separation-between-button);
64
+ .separation--x-outside-start {
65
+ inset-inline-start: calc(var(--separation-x) * -1);
67
66
  }
68
- .dummy-separation--right {
69
- inset-inline-end: var(--separation-between-button);
67
+ .separation--x-outside-start + ch-window {
68
+ --ch-window-offset-x: calc(var(--separation-x) * -1);
70
69
  }
71
-
72
- .section {
73
- position: absolute;
74
- border-radius: 5px;
75
- box-shadow: 0 3px 4px #80808024, 0 3px 3px -2px #8080801f, 0 1px 8px #80808030;
76
- width: max-content;
77
- max-width: 350px;
78
- z-index: 107;
70
+ .separation--x-outside-end {
71
+ inset-inline-end: calc(var(--separation-x) * -1);
79
72
  }
80
-
81
- .header + .list,
82
- .list + .footer {
83
- margin-block-start: 8px;
73
+ .separation--x-outside-end + ch-window {
74
+ --ch-window-offset-x: var(--separation-x);
84
75
  }
85
76
 
86
77
  .list {
87
78
  display: flex;
88
79
  flex-direction: column;
89
- gap: 4px;
90
- }
91
-
92
- .position--top {
93
- inset-block-start: var(--separation-between-button);
94
- transform: translate(var(--ch-dropdown-translateX), -100%);
95
- }
96
-
97
- .position--right {
98
- inset-inline-end: var(--separation-between-button);
99
- transform: translate(calc(100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY));
100
- }
101
-
102
- .position--bottom {
103
- inset-block-end: var(--separation-between-button);
104
- transform: translate(var(--ch-dropdown-translateX), 100%);
105
- }
106
-
107
- .position--left {
108
- inset-inline-start: var(--separation-between-button);
109
- transform: translate(calc(-100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY));
110
- }
111
-
112
- .align--left {
113
- inset-inline-start: 0;
114
- }
115
-
116
- .align--center {
117
- inset-inline-start: 50%;
118
- --ch-dropdown-translateX: calc(-50% * var(--ch-dropdown-rtl-initial-X));
119
- }
120
-
121
- .align--right {
122
- inset-inline-end: 0;
123
- }
124
-
125
- .valign--top {
126
- inset-block-start: 0;
127
- }
128
-
129
- .valign--middle {
130
- inset-block-start: 50%;
131
- --ch-dropdown-translateY: calc(-50% * var(--ch-dropdown-rtl-initial-X));
132
- }
133
-
134
- .valign--bottom {
135
- inset-block-end: 0;
136
80
  }
@@ -8,41 +8,24 @@
8
8
  box-sizing: border-box;
9
9
  }
10
10
 
11
- @media (prefers-color-scheme: light) {
12
- .action:focus, .action:hover {
13
- background-color: #ccc;
14
- }
15
- .action:active {
16
- background-color: #e9e9e9;
17
- }
18
- }
19
- @media (prefers-color-scheme: dark) {
20
- .action:focus, .action:hover {
21
- background-color: #3e3e40;
22
- }
23
- .action:active {
24
- background-color: #575965;
25
- }
26
- }
27
11
  :host {
28
12
  display: flex;
29
13
  width: 100%;
30
14
  height: 100%;
31
15
  }
32
16
 
17
+ :host([force-containing-block]) {
18
+ transform: translateX(0);
19
+ --ch-window-relative-position: true;
20
+ }
21
+
33
22
  .action {
34
23
  display: flex;
35
24
  align-items: center;
36
- column-gap: 8px;
37
25
  width: 100%;
38
26
  height: 100%;
39
27
  cursor: pointer;
40
- padding-block: 8px;
41
- padding-inline: 16px;
42
- font-size: 0.875em;
43
28
  text-align: start;
44
- transition-property: background-color, border-color, box-shadow, color, filter, opacity;
45
- transition-duration: 250ms;
46
29
  }
47
30
 
48
31
  .left-img,
@@ -55,4 +38,8 @@
55
38
 
56
39
  .content {
57
40
  width: 100%;
41
+ }
42
+
43
+ .dummy-wrapper {
44
+ display: contents;
58
45
  }
@@ -0,0 +1,52 @@
1
+ ch-test-action-group {
2
+ display: flex;
3
+ border: 2px dashed #00000080;
4
+ resize: both;
5
+ overflow: auto;
6
+ width: 500px;
7
+ }
8
+
9
+ .action-group {
10
+ padding: 20px;
11
+ margin: 20px;
12
+ background-color: #ffffff;
13
+ border: 1px solid;
14
+ }
15
+ .action-group::part(actions) {
16
+ gap: 12px;
17
+ }
18
+ .action-group::part(more-actions-button) {
19
+ border-radius: 50%;
20
+ width: fit-content;
21
+ height: fit-content;
22
+ color: #313aa1;
23
+ align-self: center;
24
+ margin-inline-end: 8px;
25
+ }
26
+
27
+ .dropdown-item::part(action) {
28
+ --separation: 8px;
29
+ background-color: #f3d0c3;
30
+ border-radius: 4px;
31
+ padding-inline: 16px;
32
+ padding-block: 8px;
33
+ }
34
+ .dropdown-item::part(action):focus-within {
35
+ outline: 1px solid;
36
+ }
37
+ .dropdown-item::part(action):hover {
38
+ background-color: #d3b1a4;
39
+ }
40
+
41
+ .action-group::part(more-actions-list),
42
+ .dropdown-item::part(list) {
43
+ row-gap: 8px;
44
+ margin-block: 8px;
45
+ }
46
+
47
+ .action-group::part(more-actions-section),
48
+ .dropdown-item::part(section) {
49
+ background-color: #edeaff;
50
+ padding: 8px;
51
+ box-shadow: 0 4px 8px 1px #22222220;
52
+ }
@@ -0,0 +1,36 @@
1
+ .dropdown::part(expandable-button) {
2
+ background-color: aliceblue;
3
+ border: 1px solid;
4
+ border-radius: 4px;
5
+ padding-block: 4px;
6
+ padding-inline: 16px;
7
+ }
8
+ .dropdown::part(expandable-button):focus {
9
+ box-shadow: 0 0 0 1px black;
10
+ }
11
+
12
+ .dropdown-item::part(action) {
13
+ --separation: 8px;
14
+ background-color: #f3d0c3;
15
+ border-radius: 4px;
16
+ padding-inline: 16px;
17
+ padding-block: 8px;
18
+ }
19
+ .dropdown-item::part(action):focus-within {
20
+ outline: 1px solid;
21
+ }
22
+ .dropdown-item::part(action):hover {
23
+ background-color: #d3b1a4;
24
+ }
25
+
26
+ .dropdown::part(section),
27
+ .dropdown-item::part(section) {
28
+ background-color: #edeaff;
29
+ padding: 8px;
30
+ box-shadow: 0 4px 8px 1px #22222220;
31
+ }
32
+ .dropdown::part(list),
33
+ .dropdown-item::part(list) {
34
+ row-gap: 8px;
35
+ margin-block: 8px;
36
+ }
@@ -1,6 +1,8 @@
1
1
  :host {
2
2
  --ch-window-offset-x: 0px;
3
3
  --ch-window-offset-y: 0px;
4
+ --ch-window-x-outside: 0px;
5
+ --ch-window-y-outside: 0px;
4
6
  }
5
7
 
6
8
  :host(:not([hidden])) {
@@ -45,7 +47,7 @@
45
47
  .window {
46
48
  display: flex;
47
49
  flex-direction: column;
48
- transform: translate(var(--ch-window-x-outside, 0px), var(--ch-window-y-outside, 0px)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px));
50
+ transform: translate(var(--ch-window-x-outside), var(--ch-window-y-outside)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px));
49
51
  }
50
52
  :host([x-align=outside-start]) .window {
51
53
  --ch-window-x-outside: -100%;
@@ -0,0 +1 @@
1
+ export declare const formatDate: (dateObject: Date) => string;
@@ -23,3 +23,4 @@ export type FormSubmitResult = {
23
23
  success: boolean;
24
24
  fieldErrors: FormElementValidation[];
25
25
  };
26
+ export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";
@@ -1,5 +1,6 @@
1
1
  import { EventEmitter } from "../../stencil-public-runtime";
2
- import { GxOption } from "../../common/types";
2
+ import { ChGridRowContextMenuEvent } from "@genexus/chameleon-controls-library/dist/types/components/grid/ch-grid-types";
3
+ import { GxOption, ObjectState } from "../../common/types";
3
4
  export declare class GxIdeTeamDevCommit {
4
5
  /**
5
6
  * The component hard-coded strings translations.
@@ -13,7 +14,7 @@ export declare class GxIdeTeamDevCommit {
13
14
  private foldersEl;
14
15
  private categoriesEl;
15
16
  private chGridPendingCommitsEl;
16
- private chIgnoredObjectsEl;
17
+ private commitComment;
17
18
  filtersHidden: boolean;
18
19
  comment: string;
19
20
  pendingCommits: ModifiedObjectData[];
@@ -46,6 +47,10 @@ export declare class GxIdeTeamDevCommit {
46
47
  * Callback invoked when user starts the commit process
47
48
  */
48
49
  readonly commitCallback: CommitCallback;
50
+ /**
51
+ * Callback that should be invoked when the user selects rows from the grids
52
+ */
53
+ readonly selectCallback: SelectCallback;
49
54
  /**
50
55
  * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
51
56
  */
@@ -69,9 +74,9 @@ export declare class GxIdeTeamDevCommit {
69
74
  private togglePendingCommitsCheckboxes;
70
75
  private revertPendingCommitsCheckboxes;
71
76
  private renderIconState;
72
- private formatDate;
73
77
  private pendingCommitsRowMarkingChangedHandler;
74
- private gridContextMenuCallbackHandler;
78
+ private gridOnContextMenuCallbackHandler;
79
+ private gridOnSelectionChangedCallbackHandler;
75
80
  private renderPendingCommitsGrid;
76
81
  private renderIgnoredObjectsGrid;
77
82
  private getRecentCommentHandler;
@@ -87,9 +92,11 @@ export type ObjetType = {
87
92
  };
88
93
  export type GetRecentComment = () => Promise<string | undefined>;
89
94
  export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
90
- export type CommitCallback = (selection: string[]) => Promise<boolean>;
95
+ export type CommitCallback = (selection: string[], commitComment: string) => Promise<boolean>;
96
+ export type SelectCallback = (grid: gridType, selectionIds: string[]) => Promise<void>;
91
97
  export type PendingItemCheckedCallback = (checkedItemIds: string[]) => Promise<PendingItemCheckedResult | undefined>;
92
- export type GridContextMenuCallback = (markedRowsIds: string[], grid: "commit" | "ignored") => Promise<void>;
98
+ export type GridContextMenuCallback = (grid: gridType, eventInfo: ChGridRowContextMenuEvent) => Promise<void>;
99
+ export type gridType = "commit" | "ignored";
93
100
  export type CommitData = {
94
101
  pending: ModifiedObjectData[];
95
102
  ignored: ModifiedObjectData[];
@@ -122,4 +129,3 @@ export type PendingItemsCheckedState = {
122
129
  itemsChecked: string[];
123
130
  itemsUnchecked: string[];
124
131
  };
125
- export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";
@@ -1,23 +1,11 @@
1
1
  import { EventEmitter } from "../../stencil-public-runtime";
2
2
  export declare class GxIdeTeamDevSelectRecentComment {
3
- /** ******************************
4
- * 1.OWN PROPERTIES
5
- ********************************/
6
3
  /**
7
4
  * The component hard-coded strings translations.
8
5
  */
9
6
  private _componentLocale;
10
7
  private selectedComment;
11
- /** *****************************
12
- * 2. REFERENCE TO ELEMENTS
13
- ********************************/
14
8
  el: HTMLGxIdeTeamDevSelectRecentCommentElement;
15
- /** *****************************
16
- * 3.STATE() VARIABLES
17
- ********************************/
18
- /** *****************************
19
- 4.PUBLIC PROPERTY API
20
- ********************************/
21
9
  /**
22
10
  * Recent comments list
23
11
  */
@@ -30,33 +18,15 @@ export declare class GxIdeTeamDevSelectRecentComment {
30
18
  * Callback invoked when user cancel selection
31
19
  */
32
20
  readonly cancelCallback: cancelCallback;
33
- /** *****************************
34
- * 5.EVENTS (EMMIT)
35
- ********************************/
36
21
  /**
37
- * This event is emmited once just after the component is fully loaded and the first render() occurs.
22
+ * This event is emitted once just after the component is fully loaded and the first render() occurs.
38
23
  */
39
24
  componentDidLoadEvent: EventEmitter<boolean>;
40
- /** *****************************
41
- * 6.COMPONENT LIFECYCLE EVENTS
42
- ********************************/
43
25
  componentWillLoad(): Promise<void>;
44
- /** *****************************
45
- * 7.LISTENERS
46
- ********************************/
47
- /** *****************************
48
- * 8.PUBLIC METHODS API
49
- ********************************/
50
- /** *****************************
51
- * 9.LOCAL METHODS
52
- ********************************/
53
26
  private renderObjectItems;
54
27
  private commentSelectedHandle;
55
28
  private confirmCallbackHandle;
56
29
  private cancelCallbackHandle;
57
- /** *****************************
58
- * 10.RENDER() FUNCTION
59
- ********************************/
60
30
  render(): any;
61
31
  }
62
32
  export type confirmCallback = (comment: string) => Promise<void>;