@genexus/genexus-ide-ui 0.0.79 → 0.0.80
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.
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-ai-assistant.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ai-message.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-bpm-app-declaration.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js +105 -0
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-references.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-template.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +2 -2
- package/dist/cjs/{gxg-card.cjs.entry.js → gxg-card_2.cjs.entry.js} +79 -0
- package/dist/cjs/gxg-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/{helpers-e25e57cb.js → helpers-8d026db9.js} +9 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/common/helpers.js +9 -1
- package/dist/collection/components/_starting-template/template.css +15 -0
- package/dist/collection/components/ai-assistant/ai-assistant.css +15 -0
- package/dist/collection/components/bpm-application-declaration/bpm-app-declaration.css +15 -0
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.css +15 -0
- package/dist/collection/components/dashboard-home/dashboard-home.css +300 -0
- package/dist/collection/components/dashboard-home/dashboard-home.js +299 -0
- package/dist/collection/components/dashboard-home/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.en.json +28 -0
- package/dist/collection/components/dashboard-home/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.ja.json +3 -0
- package/dist/collection/components/dashboard-home/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.zh.json +3 -0
- package/dist/collection/components/kb-manager-export/kb-manager-export.css +15 -0
- package/dist/collection/components/kb-manager-import/kb-manager-import.css +15 -0
- package/dist/collection/components/new-environment/new-environment.css +15 -0
- package/dist/collection/components/new-kb/new-kb.css +15 -0
- package/dist/collection/components/new-object/new-object.css +15 -0
- package/dist/collection/components/object-selector/object-selector.css +15 -0
- package/dist/collection/components/references/references.css +15 -0
- package/dist/collection/components/share-kb/share-kb.css +15 -0
- package/dist/collection/components/team-dev/commit/commit.css +15 -0
- package/dist/collection/components/team-dev/select-recent-comment/select-recent-comment.css +15 -0
- package/dist/collection/components/team-dev/update/update.css +15 -0
- package/dist/collection/components/team-dev/update-partial-selection/update-partial-selection.css +15 -0
- package/dist/collection/components/team-dev/update-to-revision/update-to-revision.css +15 -0
- package/dist/collection/components/ww-images/ww-images.css +15 -0
- package/dist/{esm/gxg-card.entry.js → components/card.js} +60 -8
- package/dist/components/gx-ide-ai-assistant.js +1 -1
- package/dist/components/gx-ide-bpm-app-declaration.js +1 -1
- package/dist/components/gx-ide-create-kb-from-server.js +1 -1
- package/dist/components/gx-ide-dashboard-home.d.ts +11 -0
- package/dist/components/gx-ide-dashboard-home.js +191 -0
- package/dist/components/gx-ide-kb-manager-export.js +1 -1
- package/dist/components/gx-ide-kb-manager-import.js +1 -1
- package/dist/components/gx-ide-new-environment.js +1 -1
- package/dist/components/gx-ide-new-kb.js +1 -1
- package/dist/components/gx-ide-new-object.js +1 -1
- package/dist/components/gx-ide-object-selector.js +1 -1
- package/dist/components/gx-ide-references.js +1 -1
- package/dist/components/gx-ide-share-kb.js +1 -1
- package/dist/components/gx-ide-team-dev-commit.js +1 -1
- package/dist/components/gx-ide-team-dev-select-recent-comment.js +1 -1
- package/dist/components/gx-ide-team-dev-update-partial-selection.js +1 -1
- package/dist/components/gx-ide-team-dev-update-to-revision.js +1 -1
- package/dist/components/gx-ide-team-dev-update.js +1 -1
- package/dist/components/gx-ide-template.js +1 -1
- package/dist/components/gx-ide-ww-images.js +1 -1
- package/dist/components/gxg-card.js +1 -132
- package/dist/components/gxg-color-picker.js +2 -2
- package/dist/components/gxg-pill.js +1 -114
- package/dist/components/helpers2.js +9 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/{esm/gxg-pill.entry.js → components/pill.js} +44 -10
- package/dist/esm/ch-suggest_4.entry.js +1 -1
- package/dist/esm/{form-397b839e.js → form-1e8f483d.js} +1 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-ai-assistant.entry.js +1 -1
- package/dist/esm/gx-ide-ai-message.entry.js +1 -1
- package/dist/esm/gx-ide-bpm-app-declaration.entry.js +1 -1
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +1 -1
- package/dist/esm/gx-ide-dashboard-home.entry.js +101 -0
- package/dist/esm/gx-ide-kb-manager-export.entry.js +1 -1
- package/dist/esm/gx-ide-kb-manager-import.entry.js +2 -2
- package/dist/esm/gx-ide-new-environment.entry.js +2 -2
- package/dist/esm/gx-ide-new-kb.entry.js +1 -1
- package/dist/esm/gx-ide-new-object.entry.js +1 -1
- package/dist/esm/gx-ide-object-selector.entry.js +2 -2
- package/dist/esm/gx-ide-references.entry.js +1 -1
- package/dist/esm/gx-ide-share-kb.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-commit.entry.js +2 -2
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update.entry.js +2 -2
- package/dist/esm/gx-ide-template.entry.js +1 -1
- package/dist/esm/gx-ide-ww-images.entry.js +2 -2
- package/dist/esm/gxg-card_2.entry.js +160 -0
- package/dist/esm/gxg-color-picker.entry.js +2 -2
- package/dist/esm/gxg-combo-box_2.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox-group.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +1 -1
- package/dist/esm/gxg-form-radio-group.entry.js +1 -1
- package/dist/esm/gxg-form-text.entry.js +1 -1
- package/dist/esm/gxg-form-textarea.entry.js +1 -1
- package/dist/esm/gxg-list-box_2.entry.js +1 -1
- package/dist/esm/gxg-select.entry.js +1 -1
- package/dist/esm/gxg-title-editable.entry.js +1 -1
- package/dist/esm/{helpers-a11a19fb.js → helpers-2607df78.js} +9 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.en.json +28 -0
- package/dist/genexus-ide-ui/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/{p-b5fb3c0b.entry.js → p-16532b36.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-626bf7ad.entry.js → p-26c275b5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a5bbf490.entry.js → p-2aa2b066.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-db7d339f.entry.js → p-2c384ea8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6c59cca0.entry.js → p-2e599385.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-bc9446a0.entry.js → p-31a0baf1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e4e7e070.entry.js → p-34e9cfb6.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fcb44a8c.entry.js → p-382a461c.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-399217ed.entry.js +1 -0
- package/dist/genexus-ide-ui/p-3e713453.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-7aabd69b.entry.js → p-40cba1ef.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7a4ff1fe.entry.js → p-4d074686.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b456e3aa.entry.js → p-5a0a2882.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-6e51ea87.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-4e2db053.entry.js → p-6e9cc16b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b141f6e4.entry.js → p-7e3f439e.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-99bdb8f7.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-56627675.entry.js → p-a2a856d8.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-a479705e.entry.js +3 -0
- package/dist/genexus-ide-ui/p-a69aaabc.entry.js +1 -0
- package/dist/genexus-ide-ui/p-acea5e0c.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b600039f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-a2469a76.js → p-b9fca59c.js} +1 -1
- package/dist/genexus-ide-ui/{p-9596d186.entry.js → p-bb842602.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e452e69d.entry.js → p-c414f031.entry.js} +1 -1
- package/dist/{cjs/gxg-pill.cjs.entry.js → genexus-ide-ui/p-ca28bfdf.entry.js} +1 -86
- package/dist/genexus-ide-ui/{p-0967fafc.entry.js → p-cc0e7136.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-ce98ad84.entry.js +1 -0
- package/dist/genexus-ide-ui/p-cf72f115.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d410aa15.js +1 -0
- package/dist/genexus-ide-ui/p-d98beed6.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-96e00630.entry.js → p-e43f7f5f.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-f13a18fb.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-4165015f.entry.js → p-fb73f868.entry.js} +1 -1
- package/dist/types/common/helpers.d.ts +1 -1
- package/dist/types/components/dashboard-home/dashboard-home.d.ts +105 -0
- package/dist/types/components.d.ts +90 -0
- package/package.json +1 -1
- package/dist/collection/common/format-date.js +0 -11
- package/dist/genexus-ide-ui/p-2753da85.entry.js +0 -1
- package/dist/genexus-ide-ui/p-36d5d83b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-377d7066.entry.js +0 -1
- package/dist/genexus-ide-ui/p-4772d5ae.entry.js +0 -1
- package/dist/genexus-ide-ui/p-59b366c2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5bb2b052.entry.js +0 -1
- package/dist/genexus-ide-ui/p-64d3885f.js +0 -1
- package/dist/genexus-ide-ui/p-67869d00.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7e52f6fb.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ab4e48bc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cf341ae3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cf6646a4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d83dea7c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e34c90b6.entry.js +0 -1
- package/dist/types/common/format-date.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,a as e,h as o,H as r,g as s}from"./p-0906fb46.js";import{L as l}from"./p-26957490.js";import{c as a}from"./p-13ffa7c0.js";import{r as n}from"./p-551539eb.js";import{f as d}from"./p-64d3885f.js";import{g}from"./p-2fbab2a9.js";import{F as c}from"./p-6010dc9d.js";const h=class{constructor(r){i(this,r),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderedFirstTime=!1,this.shortcutsSrc=e("./gx-ide-assets/object-selector/shortcuts.json"),this.renderFilter=()=>{var i,t;return o("div",{part:"filters-container",class:{"filter-grid":!0,"filter-grid--no-title":!this.displayTitle},slot:"header"},o("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.pattern,ref:i=>this.filterPatternEl=i,value:this.patternValue,class:"pattern",part:"filter-pattern"}),o("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.type,value:this.defaultType,disabled:!this.types,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterTypeEl=i,class:"type",part:"filter-type"},n(null!==(i=this.types)&&void 0!==i?i:[])),o("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterCategoryEl=i,class:"category",part:"filter-category"},n(null!==(t=this.categories)&&void 0!==t?t:[])),o("gx-ide-entity-selector",{label:this._componentLocale.filter.module,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,class:"module-folder"}),o("div",{class:"modified-row"},o("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),o("div",{class:"modified-row__inner-wrapper"},o("gxg-combo-box",{class:{"gxi-hidden":!this.filterModified,"combo-modified":!0},"disable-filter":!0,value:this.filterAfterType,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},n([{id:c.NONE,label:this._componentLocale.filter.afterNone,value:c.NONE},{id:c.DATE_TIME,label:this._componentLocale.filter[c.DATE_TIME],value:c.DATE_TIME},{id:c.IMPORT,label:this._componentLocale.filter[c.IMPORT],value:c.IMPORT},{id:c.LAST_BUILD,label:this._componentLocale.filter[c.LAST_BUILD],value:c.LAST_BUILD}])),o("gxg-form-text",{class:{"gxi-hidden":!this.filterModified,user:!0},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),o("div",{class:{"date-time":!0,"gxi-hidden":!this.filterModified||this.filterAfterType!==c.DATE_TIME},part:"filter-datetime"},o("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),o("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i,class:"date-time"})))))},this.renderObjects=()=>o("gxg-grid",{"ellipsis-cell-wrapper":!0,noBorder:!0},o("ch-grid",{rowSelectionMode:this.multiSelection?"multiple":"single",ref:i=>this.chGridEl=i,onKeyDown:this.chGridKeyDownHandler,part:"ch-grid-objects"},o("ch-grid-columnset",null,o("ch-grid-column",{"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.name,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.type,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.module,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.description,"column-name-position":"text",settingable:!1,size:g.colSize.common}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.modifiedDate,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.importDate,"column-name-position":"text",settingable:!1,size:g.colSize.auto})),this.objects.sort(((i,t)=>{const e=i.name.toLowerCase(),o=t.name.toLowerCase();return e<o?-1:e>o?1:0})).map((i=>o("ch-grid-row",{rowid:i.id,onDblClick:this.openSelectionCallbackHandler},o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},o("gxg-icon",{type:i.icon,color:"auto"}))),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"}," ",i.name," ")),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},i.type)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},i.module)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},i.description)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},`${d(i.modifiedDate,"date-time")}`)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},`${d(i.importDate,"date-time")}`))))))),this.getObjects=()=>{var i,t,e,o,r,s,l,a;const n=this.filterModifiedEl.checked,d=this.filterAfterTypeEl.value,g=null===(t=null===(i=this.filterUserEl)||void 0===i?void 0:i.value)||void 0===t?void 0:t.trim(),h={pattern:null===(e=this.filterPatternEl)||void 0===e?void 0:e.value,type:null===(o=this.filterTypeEl)||void 0===o?void 0:o.value,category:null===(r=this.filterCategoryEl)||void 0===r?void 0:r.value,module:null===(l=null===(s=this.filterModuleEl)||void 0===s?void 0:s.value)||void 0===l?void 0:l.id,modifiedAfter:n&&d?d:null,modifiedBy:n&&g?g:null,modifiedDate:n&&d===c.DATE_TIME?null===(a=this.filterModifiedDateEl)||void 0===a?void 0:a.value:null};this.loadCallback(h).then((i=>{this.objects=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.openSelectionCallbackHandler=i=>{i.stopPropagation(),this.openSelectionCallback(this.selectedObjectsIds)},this.cancelCallbackHandle=()=>{this.cancelCallback()},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.newObjectCallbackHandler=()=>{this.newObjectCallback()},this.listenChanges=async()=>{this.filterPatternEl.addEventListener("input",(()=>{this.getObjects()})),this.filterTypeEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getObjects()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getObjects()})),this.filterUserEl.addEventListener("input",(()=>{this.getObjects()})),this.filterModifiedDateEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId}))},this.chGridKeyDownHandler=i=>{"Enter"===i.key&&this.openSelectionCallbackHandler(i)},this.hostKeyPressHandler=i=>{"Enter"===i.key&&i.stopPropagation()},this.evaluateObjectsCount=i=>"selected"===i&&0===this.selectedObjectsIds.length?this._componentLocale.objCount.selected.none:"selected"===i&&1===this.selectedObjectsIds.length?`1 ${this._componentLocale.objCount.selected.one}`:"selected"===i&&this.selectedObjectsIds.length>1?`${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected.many}`:"matching"===i&&0===this.objects.length?this._componentLocale.objCount.matching.none:"matching"===i&&1===this.objects.length?`1 ${this._componentLocale.objCount.matching.one}`:`${this.objects.length} ${this._componentLocale.objCount.matching.many}`,this.filterAfterType="",this.filterModified=!1,this.objects=[],this.selectedObjectsIds=[],this.displayTitle=!1,this.multiSelection=!0,this.patternValue=void 0,this.types=void 0,this.defaultType=void 0,this.categories=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.selectModuleCallback=void 0,this.cancelCallback=void 0,this.loadCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0}async componentWillLoad(){this._componentLocale=await l.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getObjects(),this.filterPatternEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}async validate(){return!0}render(){return o(r,{class:"gx-ide-component",onKeyPress:this.hostKeyPressHandler},o("div",{class:"gx-ide-main-wrapper"},o("gx-ide-container",{containerTitle:this.displayTitle?this._componentLocale.componentName:null,noContentPadding:!0,noAboveFooterPadding:!0,noHeadingPadding:!0,headingPaddingTop:!0,noHeadingBorder:!0,slimmerFooter:a.gxIdeContainer.slimmerFooter},this.renderFilter(),this.renderObjects(),o("div",{class:"objects-count",slot:"footer-above"},o("gxg-text",{class:"align-end",part:"objects-selected",textAlign:"center"},this.evaluateObjectsCount("selected")),o("gxg-text",{class:"align-end",part:"objects-matching",textAlign:"center"},this.evaluateObjectsCount("matching"))),o("gxg-button",{type:"outlined",onClick:this.cancelCallbackHandle,part:"gxg-button gxg-button--cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel),o("gxg-button",{type:"primary-text-only",onClick:this.openSelectionCallbackHandler,part:"gxg-button gxg-button--ok",slot:"footer-end"},this._componentLocale.footer.btnConfirm),o("gxg-button",{type:"primary-text-icon",icon:"menus/new-object",onClick:this.newObjectCallbackHandler,part:"gxg-button gxg-button--new",slot:"footer-start"},this._componentLocale.footer.btnNew),this.multiSelection?o("gxg-button",{type:"secondary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all",slot:"footer-start"},this._componentLocale.footer.btnSelectAll):null)),o("gxg-shortcuts",{src:this.shortcutsSrc}))}static get assetsDirs(){return["gx-ide-assets/object-selector"]}get el(){return s(this)}};h.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{display:grid;padding:var(--spacing-comp-03);row-gap:var(--gx-ide-grid-row-gap);column-gap:var(--gx-ide-grid-column-gap);border-block-start:1px solid var(--gx-ide-container-border-color);border-block-end:1px solid var(--gx-ide-container-border-color);grid-template-columns:1fr 1fr;grid-template-areas:"pattern type" "category module-folder" "modified-row modified-row"}.filter-grid .pattern{grid-area:pattern}.filter-grid .type{grid-area:type}.filter-grid .category{grid-area:category}.filter-grid .module-folder{grid-area:module-folder}.filter-grid .modified-row{grid-area:modified-row}.filter-grid--no-title{border-top:0}.modified-row{min-height:24px;display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper .date-time{display:flex;align-items:center}.modified-row .user{max-width:205px !important}.modified-row .date-time{flex:1}ch-grid-cell{--spacing-comp-02:var(--spacing-comp-03)}.objects-count{display:flex;justify-content:space-around}.objects-count>*{flex:1;padding:var(--spacing-comp-01)}.objects-count>:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}';export{h as gx_ide_object_selector}
|
|
1
|
+
import{r as i,c as t,a as e,h as o,H as r,g as s}from"./p-0906fb46.js";import{L as l}from"./p-26957490.js";import{c as a}from"./p-13ffa7c0.js";import{r as n}from"./p-551539eb.js";import{f as d}from"./p-d410aa15.js";import{g}from"./p-2fbab2a9.js";import{F as c}from"./p-6010dc9d.js";const h=class{constructor(r){i(this,r),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderedFirstTime=!1,this.shortcutsSrc=e("./gx-ide-assets/object-selector/shortcuts.json"),this.renderFilter=()=>{var i,t;return o("div",{part:"filters-container",class:{"filter-grid":!0,"filter-grid--no-title":!this.displayTitle},slot:"header"},o("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.pattern,ref:i=>this.filterPatternEl=i,value:this.patternValue,class:"pattern",part:"filter-pattern"}),o("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.type,value:this.defaultType,disabled:!this.types,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterTypeEl=i,class:"type",part:"filter-type"},n(null!==(i=this.types)&&void 0!==i?i:[])),o("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterCategoryEl=i,class:"category",part:"filter-category"},n(null!==(t=this.categories)&&void 0!==t?t:[])),o("gx-ide-entity-selector",{label:this._componentLocale.filter.module,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,class:"module-folder"}),o("div",{class:"modified-row"},o("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),o("div",{class:"modified-row__inner-wrapper"},o("gxg-combo-box",{class:{"gxi-hidden":!this.filterModified,"combo-modified":!0},"disable-filter":!0,value:this.filterAfterType,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},n([{id:c.NONE,label:this._componentLocale.filter.afterNone,value:c.NONE},{id:c.DATE_TIME,label:this._componentLocale.filter[c.DATE_TIME],value:c.DATE_TIME},{id:c.IMPORT,label:this._componentLocale.filter[c.IMPORT],value:c.IMPORT},{id:c.LAST_BUILD,label:this._componentLocale.filter[c.LAST_BUILD],value:c.LAST_BUILD}])),o("gxg-form-text",{class:{"gxi-hidden":!this.filterModified,user:!0},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),o("div",{class:{"date-time":!0,"gxi-hidden":!this.filterModified||this.filterAfterType!==c.DATE_TIME},part:"filter-datetime"},o("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),o("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i,class:"date-time"})))))},this.renderObjects=()=>o("gxg-grid",{"ellipsis-cell-wrapper":!0,noBorder:!0},o("ch-grid",{rowSelectionMode:this.multiSelection?"multiple":"single",ref:i=>this.chGridEl=i,onKeyDown:this.chGridKeyDownHandler,part:"ch-grid-objects"},o("ch-grid-columnset",null,o("ch-grid-column",{"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.name,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.type,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.module,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.description,"column-name-position":"text",settingable:!1,size:g.colSize.common}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.modifiedDate,"column-name-position":"text",settingable:!1,size:g.colSize.auto}),o("ch-grid-column",{"column-name":this._componentLocale.tableHead.importDate,"column-name-position":"text",settingable:!1,size:g.colSize.auto})),this.objects.sort(((i,t)=>{const e=i.name.toLowerCase(),o=t.name.toLowerCase();return e<o?-1:e>o?1:0})).map((i=>o("ch-grid-row",{rowid:i.id,onDblClick:this.openSelectionCallbackHandler},o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},o("gxg-icon",{type:i.icon,color:"auto"}))),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"}," ",i.name," ")),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},i.type)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},i.module)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},i.description)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},`${d(i.modifiedDate,"date-time")}`)),o("ch-grid-cell",null,o("span",{class:"cell-wrapper"},`${d(i.importDate,"date-time")}`))))))),this.getObjects=()=>{var i,t,e,o,r,s,l,a;const n=this.filterModifiedEl.checked,d=this.filterAfterTypeEl.value,g=null===(t=null===(i=this.filterUserEl)||void 0===i?void 0:i.value)||void 0===t?void 0:t.trim(),h={pattern:null===(e=this.filterPatternEl)||void 0===e?void 0:e.value,type:null===(o=this.filterTypeEl)||void 0===o?void 0:o.value,category:null===(r=this.filterCategoryEl)||void 0===r?void 0:r.value,module:null===(l=null===(s=this.filterModuleEl)||void 0===s?void 0:s.value)||void 0===l?void 0:l.id,modifiedAfter:n&&d?d:null,modifiedBy:n&&g?g:null,modifiedDate:n&&d===c.DATE_TIME?null===(a=this.filterModifiedDateEl)||void 0===a?void 0:a.value:null};this.loadCallback(h).then((i=>{this.objects=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.openSelectionCallbackHandler=i=>{i.stopPropagation(),this.openSelectionCallback(this.selectedObjectsIds)},this.cancelCallbackHandle=()=>{this.cancelCallback()},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.newObjectCallbackHandler=()=>{this.newObjectCallback()},this.listenChanges=async()=>{this.filterPatternEl.addEventListener("input",(()=>{this.getObjects()})),this.filterTypeEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getObjects()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getObjects()})),this.filterUserEl.addEventListener("input",(()=>{this.getObjects()})),this.filterModifiedDateEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId}))},this.chGridKeyDownHandler=i=>{"Enter"===i.key&&this.openSelectionCallbackHandler(i)},this.hostKeyPressHandler=i=>{"Enter"===i.key&&i.stopPropagation()},this.evaluateObjectsCount=i=>"selected"===i&&0===this.selectedObjectsIds.length?this._componentLocale.objCount.selected.none:"selected"===i&&1===this.selectedObjectsIds.length?`1 ${this._componentLocale.objCount.selected.one}`:"selected"===i&&this.selectedObjectsIds.length>1?`${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected.many}`:"matching"===i&&0===this.objects.length?this._componentLocale.objCount.matching.none:"matching"===i&&1===this.objects.length?`1 ${this._componentLocale.objCount.matching.one}`:`${this.objects.length} ${this._componentLocale.objCount.matching.many}`,this.filterAfterType="",this.filterModified=!1,this.objects=[],this.selectedObjectsIds=[],this.displayTitle=!1,this.multiSelection=!0,this.patternValue=void 0,this.types=void 0,this.defaultType=void 0,this.categories=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.selectModuleCallback=void 0,this.cancelCallback=void 0,this.loadCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0}async componentWillLoad(){this._componentLocale=await l.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getObjects(),this.filterPatternEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}async validate(){return!0}render(){return o(r,{class:"gx-ide-component",onKeyPress:this.hostKeyPressHandler},o("div",{class:"gx-ide-main-wrapper"},o("gx-ide-container",{containerTitle:this.displayTitle?this._componentLocale.componentName:null,noContentPadding:!0,noAboveFooterPadding:!0,noHeadingPadding:!0,headingPaddingTop:!0,noHeadingBorder:!0,slimmerFooter:a.gxIdeContainer.slimmerFooter},this.renderFilter(),this.renderObjects(),o("div",{class:"objects-count",slot:"footer-above"},o("gxg-text",{class:"align-end",part:"objects-selected",textAlign:"center"},this.evaluateObjectsCount("selected")),o("gxg-text",{class:"align-end",part:"objects-matching",textAlign:"center"},this.evaluateObjectsCount("matching"))),o("gxg-button",{type:"outlined",onClick:this.cancelCallbackHandle,part:"gxg-button gxg-button--cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel),o("gxg-button",{type:"primary-text-only",onClick:this.openSelectionCallbackHandler,part:"gxg-button gxg-button--ok",slot:"footer-end"},this._componentLocale.footer.btnConfirm),o("gxg-button",{type:"primary-text-icon",icon:"menus/new-object",onClick:this.newObjectCallbackHandler,part:"gxg-button gxg-button--new",slot:"footer-start"},this._componentLocale.footer.btnNew),this.multiSelection?o("gxg-button",{type:"secondary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all",slot:"footer-start"},this._componentLocale.footer.btnSelectAll):null)),o("gxg-shortcuts",{src:this.shortcutsSrc}))}static get assetsDirs(){return["gx-ide-assets/object-selector"]}get el(){return s(this)}};h.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{display:grid;padding:var(--spacing-comp-03);row-gap:var(--gx-ide-grid-row-gap);column-gap:var(--gx-ide-grid-column-gap);border-block-start:1px solid var(--gx-ide-container-border-color);border-block-end:1px solid var(--gx-ide-container-border-color);grid-template-columns:1fr 1fr;grid-template-areas:"pattern type" "category module-folder" "modified-row modified-row"}.filter-grid .pattern{grid-area:pattern}.filter-grid .type{grid-area:type}.filter-grid .category{grid-area:category}.filter-grid .module-folder{grid-area:module-folder}.filter-grid .modified-row{grid-area:modified-row}.filter-grid--no-title{border-top:0}.modified-row{min-height:24px;display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper .date-time{display:flex;align-items:center}.modified-row .user{max-width:205px !important}.modified-row .date-time{flex:1}ch-grid-cell{--spacing-comp-02:var(--spacing-comp-03)}.objects-count{display:flex;justify-content:space-around}.objects-count>*{flex:1;padding:var(--spacing-comp-01)}.objects-count>:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}';export{h as gx_ide_object_selector}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as o,H as a,g as e}from"./p-0906fb46.js";import{s as i}from"./p-a85038e2.js";import{b as s}from"./p-a2469a76.js";import{f as l,c as n}from"./p-e7e4f76c.js";const g="ArrowDown",c="ArrowUp",h=class{constructor(o){r(this,o),this.valueChanged=t(this,"valueChanged",7),this.selectionChanged=t(this,"selectionChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o||this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o||this.scrollListToTop()}},this.windowHidden=!0,this.debounce=300,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let a=o&&o[o.length-1];if(t===g)a=r.querySelector("ch-suggest-list-item");else{const t=r.querySelectorAll("ch-suggest-list-item");a=t&&t[t.length-1]}return a};if(!r)return;let a=t===g?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==a?void 0:a.nodeName))a=o(a);else if(!a){const e=r.parentElement,i=t===g?e.nextElementSibling:e.previousElementSibling,s="CH-SUGGEST-LIST"===e.nodeName;if(s&&i&&"CH-SUGGEST-LIST-ITEM"===i.nodeName)a=t===g?e.nextElementSibling:e.previousElementSibling;else if(s&&i&&"CH-SUGGEST-LIST"===i.nodeName){const r=t===g?e.nextElementSibling:e.previousElementSibling;let i;i=t===g?r.querySelector("ch-suggest-list-item"):o(r),a=i||null}}return a},this.handleInput=r=>{const t=r.target.value;this.value=t,this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===g&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,a=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",o-a+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const r=this.chWindow.shadowRoot.querySelector("[part='window']");r.scrollTop=r.scrollHeight},this.processInputEvent=r=>{this.valueChanged.emit(r),this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){r.stopPropagation(),this.value=r.detail.value,this.closeWindow(),this.selectionChanged.emit(r.detail)}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,a=this.getChSuggestListItems(),e=a.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:a,currentFocusedItemIndex:e,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0,this.slot.innerHTML=""}async selectInputText(){this.textInput.focus(),this.textInput.select()}render(){return o(a,null,o("div",{class:"main-wrapper",part:"main-wrapper"},o("div",{class:"label-input-wrapper",part:"label-input-wrapper"},this.showLabel&&this.label&&o("label",{id:"label",htmlFor:"input",part:"label"},this.label),o("input",{type:"text",id:"input",part:"input",class:"input",ref:r=>this.textInput=r,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.onFocusHandler,value:this.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n header:header, \n caption:title, \n close:close-button,\n window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty,ref:r=>this.slot=r}))))}static get delegatesFocus(){return!0}get el(){return e(this)}};h.style="*,::after,::before{box-sizing:border-box}:host{--window-max-height:none;--window-gap:50px}.main-wrapper{display:block}.label-input-wrapper{display:flex}.label-input-wrapper .input{flex:1}:host([label-position=start]) .label-input-wrapper{flex-direction:row}:host([label-position=above]) .label-input-wrapper{flex-direction:column}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}.ch-window-container{position:relative}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";const d=class{constructor(t){r(this,t)}render(){return o(a,null,this.label&&o("h2",{id:"heading",part:"title",class:"title"},this.label),o("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},o("slot",null)))}};d.style="*,::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";const p=class{constructor(o){r(this,o),this.itemSelected=t(this,"itemSelected",7),this.focusChangeAttempt=t(this,"focusChangeAttempt",7),this.getItemIndexes=()=>{const r=this.el.parentElement;if("CH-SUGGEST"===r.nodeName){let t=-1;const o=Array.from(r.querySelectorAll(":scope > ch-suggest-list-item"));for(let r=0;r<o.length;r++)if(o[r]===this.el){t=r;break}return{itemIndex:t,listIndex:void 0}}if("CH-SUGGEST-LIST"===r.nodeName){const t=r,o=Array.from(t.parentElement.querySelectorAll(":scope > ch-suggest-list")).findIndex((r=>r===t));if(-1!==o)return{itemIndex:Array.from(t.querySelectorAll("ch-suggest-list-item")).findIndex((r=>r===this.el)),listIndex:o}}},this.handleClick=()=>{const r=this.getItemIndexes();this.itemSelected.emit({value:this.value||this.el.innerText,description:this.el.innerText,icon:this.iconSrc,indexes:r})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code||(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(a,{role:"listitem",onKeyDown:this.handleKeyDown},o("button",{part:"button",onClick:this.handleClick},o("slot",{name:"icon"}),o("div",{class:"content-wrapper",part:"content-wrapper"},o("slot",null))))}static get delegatesFocus(){return!0}get el(){return e(this)}};p.style=":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";const u=class{constructor(t){r(this,t),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(a,{class:{large:i.large,[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,[n.DISABLED_CLASS]:this.disabled}},o("slot",null),s(this))}};u.style='@charset "UTF-8";: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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);cursor:initial;}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}ch-suggest::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(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;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background);width:100%}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);cursor:initial;}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin-block-start:var(--spacing-comp-02);font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color--hover)}';export{h as ch_suggest,d as ch_suggest_list,p as ch_suggest_list_item,u as gxg_suggest}
|
|
1
|
+
import{r,c as t,h as o,H as a,g as e}from"./p-0906fb46.js";import{s as i}from"./p-a85038e2.js";import{a as s}from"./p-b9fca59c.js";import{f as l,c as n}from"./p-e7e4f76c.js";const g="ArrowDown",c="ArrowUp",h=class{constructor(o){r(this,o),this.valueChanged=t(this,"valueChanged",7),this.selectionChanged=t(this,"selectionChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o||this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o||this.scrollListToTop()}},this.windowHidden=!0,this.debounce=300,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let a=o&&o[o.length-1];if(t===g)a=r.querySelector("ch-suggest-list-item");else{const t=r.querySelectorAll("ch-suggest-list-item");a=t&&t[t.length-1]}return a};if(!r)return;let a=t===g?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==a?void 0:a.nodeName))a=o(a);else if(!a){const e=r.parentElement,i=t===g?e.nextElementSibling:e.previousElementSibling,s="CH-SUGGEST-LIST"===e.nodeName;if(s&&i&&"CH-SUGGEST-LIST-ITEM"===i.nodeName)a=t===g?e.nextElementSibling:e.previousElementSibling;else if(s&&i&&"CH-SUGGEST-LIST"===i.nodeName){const r=t===g?e.nextElementSibling:e.previousElementSibling;let i;i=t===g?r.querySelector("ch-suggest-list-item"):o(r),a=i||null}}return a},this.handleInput=r=>{const t=r.target.value;this.value=t,this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===g&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,a=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",o-a+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const r=this.chWindow.shadowRoot.querySelector("[part='window']");r.scrollTop=r.scrollHeight},this.processInputEvent=r=>{this.valueChanged.emit(r),this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){r.stopPropagation(),this.value=r.detail.value,this.closeWindow(),this.selectionChanged.emit(r.detail)}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,a=this.getChSuggestListItems(),e=a.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:a,currentFocusedItemIndex:e,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0,this.slot.innerHTML=""}async selectInputText(){this.textInput.focus(),this.textInput.select()}render(){return o(a,null,o("div",{class:"main-wrapper",part:"main-wrapper"},o("div",{class:"label-input-wrapper",part:"label-input-wrapper"},this.showLabel&&this.label&&o("label",{id:"label",htmlFor:"input",part:"label"},this.label),o("input",{type:"text",id:"input",part:"input",class:"input",ref:r=>this.textInput=r,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.onFocusHandler,value:this.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n header:header, \n caption:title, \n close:close-button,\n window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty,ref:r=>this.slot=r}))))}static get delegatesFocus(){return!0}get el(){return e(this)}};h.style="*,::after,::before{box-sizing:border-box}:host{--window-max-height:none;--window-gap:50px}.main-wrapper{display:block}.label-input-wrapper{display:flex}.label-input-wrapper .input{flex:1}:host([label-position=start]) .label-input-wrapper{flex-direction:row}:host([label-position=above]) .label-input-wrapper{flex-direction:column}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}.ch-window-container{position:relative}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";const d=class{constructor(t){r(this,t)}render(){return o(a,null,this.label&&o("h2",{id:"heading",part:"title",class:"title"},this.label),o("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},o("slot",null)))}};d.style="*,::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";const p=class{constructor(o){r(this,o),this.itemSelected=t(this,"itemSelected",7),this.focusChangeAttempt=t(this,"focusChangeAttempt",7),this.getItemIndexes=()=>{const r=this.el.parentElement;if("CH-SUGGEST"===r.nodeName){let t=-1;const o=Array.from(r.querySelectorAll(":scope > ch-suggest-list-item"));for(let r=0;r<o.length;r++)if(o[r]===this.el){t=r;break}return{itemIndex:t,listIndex:void 0}}if("CH-SUGGEST-LIST"===r.nodeName){const t=r,o=Array.from(t.parentElement.querySelectorAll(":scope > ch-suggest-list")).findIndex((r=>r===t));if(-1!==o)return{itemIndex:Array.from(t.querySelectorAll("ch-suggest-list-item")).findIndex((r=>r===this.el)),listIndex:o}}},this.handleClick=()=>{const r=this.getItemIndexes();this.itemSelected.emit({value:this.value||this.el.innerText,description:this.el.innerText,icon:this.iconSrc,indexes:r})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code||(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(a,{role:"listitem",onKeyDown:this.handleKeyDown},o("button",{part:"button",onClick:this.handleClick},o("slot",{name:"icon"}),o("div",{class:"content-wrapper",part:"content-wrapper"},o("slot",null))))}static get delegatesFocus(){return!0}get el(){return e(this)}};p.style=":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";const u=class{constructor(t){r(this,t),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(a,{class:{large:i.large,[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,[n.DISABLED_CLASS]:this.disabled}},o("slot",null),s(this))}};u.style='@charset "UTF-8";: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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);cursor:initial;}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}ch-suggest::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(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;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background);width:100%}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);cursor:initial;}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin-block-start:var(--spacing-comp-02);font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color--hover)}';export{h as ch_suggest,d as ch_suggest_list,p as ch_suggest_list_item,u as gxg_suggest}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as o,h as t,H as e,g as a}from"./p-0906fb46.js";import{b as i}from"./p-a2469a76.js";import{f as n,c as l}from"./p-e7e4f76c.js";import{s}from"./p-a85038e2.js";import{e as c}from"./p-d8501cb4.js";const g=class{constructor(e){r(this,e),this.change=o(this,"change",7),this.parts={input:"input"},this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.label=void 0,this.iconName=void 0,this.alignTop=!1,this.required=!1,this.validationStatus="indeterminate",this.formMessageLogic=i,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),o=c(r,this.parts);o.length&&(this.exportparts=o)},this.handleGxgLabelClick=()=>{this.checkboxInput.click()},this.renderCheckbox=()=>[t("input",{ref:r=>this.checkboxInput=r,type:"checkbox",checked:this.checked,class:"input",id:this.checkboxId,name:this.name,value:this.value,disabled:this.disabled,onChange:this.changed.bind(this),onKeyUp:this.handlerOnKeyUp.bind(this),tabindex:"0",onClick:this.handleInputClick,part:this.parts.input}),t("span",{part:"box",class:{box:!0,"no-label":!this.label,"has-icon":!!this.iconName,"form-element":!0,indeterminate:this.indeterminate,checkbox:!0},role:"checkbox"}),this.icon()]}componentWillLoad(){this.attachExportParts()}compontentDidLoad(){this.checked&&this.disabled&&(this.checked=!1,this.checkboxInput.removeAttribute("checked"))}changed(){this.checked=this.checkboxInput.checked}checkedHandler(){this.change.emit({id:this.checkboxId,value:this.checked,disabled:this.disabled})}handlerOnKeyUp(r){"Space"==r.code&&(this.checked=!this.checked)}ariaChecked(){return this.checked?"true":"false"}handleInputClick(r){r.stopPropagation()}icon(){if(this.iconName)return t("gxg-icon",{type:this.iconName,color:"auto",size:"small"})}render(){return t(e,{role:"checkbox",value:this.value,"aria-checked":this.ariaChecked,"aria-label":this.label,class:{large:s.large,[n.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[n.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[n.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[n.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},t("div",{class:{"gxg-form-checkbox__wrapper":!0,"gxg-form-checkbox__wrapper--align-top":this.alignTop},onClick:this.handleGxgLabelClick},this.label?[this.renderCheckbox(),t("gxg-label",{class:"label",disabled:this.disabled,labelPosition:"end",noMargin:!0,tooltip:this.tooltip},this.label)]:t("div",{class:"wrapper"},this.renderCheckbox())),this.formMessageLogic(this))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{checked:["checkedHandler"]}}};g.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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{--box-border-color:var(--color-primary-active);display:block;line-height:0}:host .gxg-form-checkbox__wrapper{display:inline-flex;align-items:center}:host .gxg-form-checkbox__wrapper--align-top{align-items:flex-start}:host .gxg-form-checkbox__wrapper--align-top .checkbox{margin-top:var(--spacing-comp-00)}:host .label:last-child{margin-bottom:0}:host input:focus+.box{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host input[disabled]{cursor:not-allowed}:host input[disabled]+.box{border-color:var(--gxg-border-color--disabled) !important;pointer-events:none}:host input:checked[disabled]+.box:after{border-color:var(--gxg-border-color--disabled) !important}:host([inline]) .outer-wrapper{display:flex}:host([inline]) .label{margin-inline-end:var(--spacing-comp-04);margin-bottom:0}:host{}:host .label,:host .wrapper{display:flex;align-items:center;position:relative;cursor:default;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;align-items:center;cursor:default}:host .label__required{font-size:var(--font-size-xs);padding-left:var(--spacing-lay-xs)}:host input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .label input[on-focus]+.box{box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active) !important}:host .box:focus{box-shadow:none}:host .box{display:inline-block;position:relative;margin-inline-end:var(--spacing-comp-02);height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}:host .box.no-label{margin-inline-end:0}:host .box.has-icon{margin-inline-end:var(--spacing-comp-01)}:host .box.indeterminate:after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-active);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}:host .box:after{content:"";position:absolute;display:none}:host input~.box:after{display:block;border-color:transparent}:host input:checked~.box:after{display:block;border-color:var(--box-border-color);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .box:after{left:5px;top:2px;width:3px;height:7px;border:solid;border-color:var(--box-border-color);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}:host([indeterminate]) .label input:checked~.box:after{display:block;width:10px;height:2px;transform:rotate(0deg);border:0;background-color:var(--box-border-color);left:2px;top:6px}:host([disabled=true]) label{cursor:not-allowed}:host(.disabled){cursor:not-allowed}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) .label{font-size:var(--font-size-lg)}';export{g as gxg_form_checkbox}
|
|
1
|
+
import{r,c as o,h as t,H as e,g as a}from"./p-0906fb46.js";import{a as i}from"./p-b9fca59c.js";import{f as n,c as l}from"./p-e7e4f76c.js";import{s}from"./p-a85038e2.js";import{e as c}from"./p-d8501cb4.js";const g=class{constructor(e){r(this,e),this.change=o(this,"change",7),this.parts={input:"input"},this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.label=void 0,this.iconName=void 0,this.alignTop=!1,this.required=!1,this.validationStatus="indeterminate",this.formMessageLogic=i,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),o=c(r,this.parts);o.length&&(this.exportparts=o)},this.handleGxgLabelClick=()=>{this.checkboxInput.click()},this.renderCheckbox=()=>[t("input",{ref:r=>this.checkboxInput=r,type:"checkbox",checked:this.checked,class:"input",id:this.checkboxId,name:this.name,value:this.value,disabled:this.disabled,onChange:this.changed.bind(this),onKeyUp:this.handlerOnKeyUp.bind(this),tabindex:"0",onClick:this.handleInputClick,part:this.parts.input}),t("span",{part:"box",class:{box:!0,"no-label":!this.label,"has-icon":!!this.iconName,"form-element":!0,indeterminate:this.indeterminate,checkbox:!0},role:"checkbox"}),this.icon()]}componentWillLoad(){this.attachExportParts()}compontentDidLoad(){this.checked&&this.disabled&&(this.checked=!1,this.checkboxInput.removeAttribute("checked"))}changed(){this.checked=this.checkboxInput.checked}checkedHandler(){this.change.emit({id:this.checkboxId,value:this.checked,disabled:this.disabled})}handlerOnKeyUp(r){"Space"==r.code&&(this.checked=!this.checked)}ariaChecked(){return this.checked?"true":"false"}handleInputClick(r){r.stopPropagation()}icon(){if(this.iconName)return t("gxg-icon",{type:this.iconName,color:"auto",size:"small"})}render(){return t(e,{role:"checkbox",value:this.value,"aria-checked":this.ariaChecked,"aria-label":this.label,class:{large:s.large,[n.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[n.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[n.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[n.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},t("div",{class:{"gxg-form-checkbox__wrapper":!0,"gxg-form-checkbox__wrapper--align-top":this.alignTop},onClick:this.handleGxgLabelClick},this.label?[this.renderCheckbox(),t("gxg-label",{class:"label",disabled:this.disabled,labelPosition:"end",noMargin:!0,tooltip:this.tooltip},this.label)]:t("div",{class:"wrapper"},this.renderCheckbox())),this.formMessageLogic(this))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{checked:["checkedHandler"]}}};g.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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{--box-border-color:var(--color-primary-active);display:block;line-height:0}:host .gxg-form-checkbox__wrapper{display:inline-flex;align-items:center}:host .gxg-form-checkbox__wrapper--align-top{align-items:flex-start}:host .gxg-form-checkbox__wrapper--align-top .checkbox{margin-top:var(--spacing-comp-00)}:host .label:last-child{margin-bottom:0}:host input:focus+.box{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host input[disabled]{cursor:not-allowed}:host input[disabled]+.box{border-color:var(--gxg-border-color--disabled) !important;pointer-events:none}:host input:checked[disabled]+.box:after{border-color:var(--gxg-border-color--disabled) !important}:host([inline]) .outer-wrapper{display:flex}:host([inline]) .label{margin-inline-end:var(--spacing-comp-04);margin-bottom:0}:host{}:host .label,:host .wrapper{display:flex;align-items:center;position:relative;cursor:default;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;align-items:center;cursor:default}:host .label__required{font-size:var(--font-size-xs);padding-left:var(--spacing-lay-xs)}:host input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .label input[on-focus]+.box{box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active) !important}:host .box:focus{box-shadow:none}:host .box{display:inline-block;position:relative;margin-inline-end:var(--spacing-comp-02);height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}:host .box.no-label{margin-inline-end:0}:host .box.has-icon{margin-inline-end:var(--spacing-comp-01)}:host .box.indeterminate:after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-active);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}:host .box:after{content:"";position:absolute;display:none}:host input~.box:after{display:block;border-color:transparent}:host input:checked~.box:after{display:block;border-color:var(--box-border-color);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .box:after{left:5px;top:2px;width:3px;height:7px;border:solid;border-color:var(--box-border-color);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}:host([indeterminate]) .label input:checked~.box:after{display:block;width:10px;height:2px;transform:rotate(0deg);border:0;background-color:var(--box-border-color);left:2px;top:6px}:host([disabled=true]) label{cursor:not-allowed}:host(.disabled){cursor:not-allowed}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) .label{font-size:var(--font-size-lg)}';export{g as gxg_form_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as t,h as i,H as a,g as o}from"./p-0906fb46.js";import{L as e}from"./p-26957490.js";const s=class{constructor(a){r(this,a),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.setFocus=!0,this.scrollToBottomFlag=!0,this.evaluateAiInProgress=()=>{var r;this.aIInProgress=(null===(r=this.messages)||void 0===r?void 0:r.length)>0&&"assistant-in-progress"===this.messages[this.messages.length-1].type},this.evaluateAiStatus=()=>{var r;this.assistantStatus=0!==(null===(r=this.messages)||void 0===r?void 0:r.length)?"assistant-in-progress"===this.messages[this.messages.length-1].type||"user"===this.messages[this.messages.length-1].type?"indeterminate":"assistant-error"===this.messages[this.messages.length-1].type?"error":"success":"indeterminate"},this.renderMessage=(r,t)=>{if(r.text.length>0)return i("gx-ide-ai-message",{message:r.text,messageType:r.type,hidden:r.hidden,filterValue:this.filterValue,key:`${t.toString()}-${r.type}`,translations:this._componentLocale.aiMessage})},this.textAreaInputHandler=()=>{this.userHasTyped=!0,this.showFilter=!1,this.filterEl.value="",this.filterValue="",this.scrollToBottomFlag=!0},this.promptEnterHandler=async r=>{const t=r.detail.replace(/\s+/g," ");this.textAreaEl.value=t,setTimeout((()=>{this.lastUserMessageHeight=this.textAreaEl.offsetHeight}),0),this.textAreaEl.value="",this.addMessage({type:"user",text:t}),this.userMessageCallback&&!this.aIInProgress&&(this.aIInProgress=!0,this.userMessageCallback(t).then((()=>{this.aIInProgress=!1})))},this.filterMessagesHandler=r=>{this.scrollToBottomFlag=!1,this.filterValue=r.detail.toLowerCase();const t=[...this.messages];t.forEach((r=>{r.hidden=!r.text.toLowerCase().includes(this.filterValue)})),this.messages=t},this.clearMessages=()=>{this.messages=[],this.textAreaEl.focus()},this.attachShortcuts=()=>{var r;if((null===(r=this.focusShortcuts)||void 0===r?void 0:r.length)>0){const r=this.focusShortcuts.findIndex((r=>"ctrl"===r.toLocaleLowerCase())),t=this.focusShortcuts.findIndex((r=>"shift"===r.toLocaleLowerCase())),i=this.focusShortcuts.findIndex((r=>"cmd"===r.toLocaleLowerCase())),a=this.focusShortcuts.find((r=>"ctrl"!==r.toLocaleLowerCase()&&"shift"!==r.toLocaleLowerCase()&&"cmd"!==r.toLocaleLowerCase())).toLowerCase();document.addEventListener("keydown",(o=>{(o.key===a&&-1!==r&&o.ctrlKey||o.key===a&&-1!==t&&o.shiftKey||o.key===a&&-1!==i&&o.metaKey)&&(this.textAreaEl.focus(),this.userHasTyped=!0)}))}},this.promptArrowUpHandler=()=>{var r;this.userHasTyped=!0;const t=null===(r=this.messages)||void 0===r?void 0:r.find((r=>"user"===r.type));t&&(this.lastUserMessageHeight&&(this.textareaShadowPart.style.height=`${this.lastUserMessageHeight}px`),this.textAreaEl.value=t.text)},this.toggleFilterHandler=()=>{this.showFilter=!this.showFilter,this.showFilter&&this.filterEl.focus()},this.promptFocusHandler=()=>{this.promptHasFocus=!0},this.promptBlurHandler=()=>{this.promptHasFocus=!1},this.scrollToBottom=()=>{this.scrollToBottomFlag&&(this.messagesWrapperEl.scrollTo(0,this.messagesWrapperEl.scrollHeight),this.messagesWrapperEl.scrollTop=this.messagesWrapperEl.scrollHeight-this.messagesWrapperEl.clientHeight)},this.userHasTyped=!1,this.aIInProgress=!1,this.showFilter=!1,this.promptHasFocus=!1,this.filterValue=void 0,this.messages=[],this.promptMaxHeight="128px",this.assistantStatus="indeterminate",this.focusShortcuts=void 0,this.userMessageCallback=void 0,this.promptValue=void 0,this.filter=!0}watchAIInProgressHandler(r){r||(this.setFocus=!0)}watchMessagesHandler(){this.evaluateAiInProgress(),this.evaluateAiStatus()}async componentWillLoad(){this._componentLocale=await e.getComponentStrings(this.el),this.evaluateAiInProgress(),this.evaluateAiStatus(),this.attachShortcuts()}componentDidLoad(){this.textareaShadowPart=this.textAreaEl.shadowRoot.querySelector("textarea")}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0),this.setFocus&&setTimeout((()=>{this.textAreaEl.focus(),this.setFocus=!1}),0),setTimeout((()=>{this.scrollToBottom()}),200)}async clear(){this.messages=[]}async addMessage(r){var t;if((null===(t=r.text)||void 0===t?void 0:t.length)>0){const t=[...this.messages];(null==t?void 0:t.length)>0&&"assistant-in-progress"===t[t.length-1].type&&t.pop(),t.push(r),this.messages=t}}render(){var r,t;return i(a,{class:{[`assistant--${this.assistantStatus}`]:!0,"assistant--in-progress":this.aIInProgress}},i("div",{class:"gx-ide-main-wrapper"},i("header",{class:"header"},i("div",{class:"header__first-row"},i("gxg-title",{type:"title-02"},this._componentLocale.componentName),i("div",{class:"header__actions-wrapper"},this.filter?i("gxg-button",{class:"header__filter-button",type:"tertiary",icon:"menus/find",onClick:this.toggleFilterHandler,disabled:0===this.messages.length}):null,i("gxg-button",{class:"header__clear-button",type:"tertiary",icon:"bpm/delete",onClick:this.clearMessages,disabled:0===this.messages.length}))),this.filter?i("div",{class:{"header__second-row":!0,"header__second-row--visible":this.showFilter}},i("div",{class:"filter-inner-wrapper"},i("gxg-form-text",{class:"header__filter",onInput:this.filterMessagesHandler,ref:r=>this.filterEl=r}))):null),i("div",{class:{"messages-wrapper":!0},ref:r=>this.messagesWrapperEl=r},(null===(r=this.messages)||void 0===r?void 0:r.length)?i("ol",{class:{messages:!0}},this.messages.map(((r,t)=>this.renderMessage(r,t)))):null),i("div",{class:{prompt:!0}},i("gxg-form-textarea",{ai:!0,class:"prompt__textarea",value:this.promptValue,maxHeight:this.promptMaxHeight,placeholder:this.aIInProgress?this._componentLocale.processingQueryPlaceholder:this._componentLocale.promptPlaceholder,onInput:this.textAreaInputHandler,onEnter:this.promptEnterHandler,onArrowUpPressed:this.promptArrowUpHandler,onBlur:this.promptBlurHandler,onFocus:this.promptFocusHandler,disabled:this.aIInProgress,ref:r=>this.textAreaEl=r}),!this.userHasTyped&&!this.aIInProgress&&!this.promptHasFocus&&(null===(t=this.focusShortcuts)||void 0===t?void 0:t.length)>0?i("div",{class:{prompt__shortcuts:!0}},this.focusShortcuts.map(((r,t)=>t<=2?i("span",{class:"prompt__shortcut"},r):null))):null)))}static get assetsDirs(){return["gx-ide-assets/ai-assistant"]}get el(){return o(this)}static get watchers(){return{aIInProgress:["watchAIInProgressHandler"],messages:["watchMessagesHandler"]}}};s.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}: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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{--ai-dot-bg-color:var(--color-success-dark);display:block;height:100%;--assistant-bg-color:var(--gray-11);flex-basis:286px;flex-shrink:0;height:100%;overflow-y:auto}.gx-ide-main-wrapper{padding:106px 10px 52px 10px;background-color:var(--gray-10);height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:var(--spacing-comp-03)}.header{border-block-start:1px solid var(--gray-13);padding-block-start:var(--spacing-comp-03);display:flex;flex-direction:column}.header__actions-wrapper{display:flex;gap:var(--spacing-comp-02);margin-inline-start:auto}.header__first-row{display:flex;gap:var(--spacing-comp-02);align-items:center;justify-content:space-between}.header__filter{margin-block-start:var(--spacing-comp-02)}.header__second-row{transition:100ms grid-template-rows;display:grid;grid-template-rows:0fr}.header__second-row--visible{grid-template-rows:1fr}.header .filter-inner-wrapper{overflow:hidden}.messages-wrapper{position:relative;overflow:auto;display:flex;flex-direction:column;scroll-behavior:smooth;cursor:initial}.messages-wrapper::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.messages-wrapper::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.messages-wrapper::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.messages-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.messages{display:flex;flex-direction:column;list-style-type:none;padding:0;margin:0}.prompt{position:relative;margin-top:auto}.prompt__textarea::part(textarea-wrapper){border:none;background-color:var(--assistant-bg-color)}.prompt__shortcuts{position:absolute;display:flex;align-items:center;gap:var(--spacing-comp-01);padding-right:var(--spacing-comp-02);right:0;top:0;height:100%}.prompt__shortcut{padding:var(--spacing-comp-00) var(--spacing-comp-02);background-color:var(--gray-00);border-radius:var(--border-width-md)}";export{s as gx_ide_ai_assistant}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as o,H as e,g as a}from"./p-0906fb46.js";import{b as i,r as n}from"./p-a2469a76.js";import{f as l}from"./p-e7e4f76c.js";const s=class{constructor(o){t(this,o),this.change=r(this,"change",7),this.showValidationMessage=!1,this._componentDidLoad=!1,this.center=!1,this.disabled=!1,this.formMessageLogic=i,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 o;return r.length&&(o=r.find((r=>r.value===t))),o}}disabledHandler(t){!0===t?this.disableAllRadios():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,o=t.target;let e=null;const a=Array.from(this.el.querySelectorAll("gxg-form-radio:not([disabled])")),i=a.findIndex((t=>o===t));-1!==i&&("ArrowDown"===r||"ArrowRight"===r?i+1<a.length&&(e=a[i+1]):"ArrowUp"!==r&&"ArrowLeft"!==r||i-1<a.length&&(e=a[i-1]),e&&(e.focus(),e.checked=!0,this.value=e.value))}componentWillLoad(){this.disabled&&this.disableAllRadios(),this.setValue()}componentDidLoad(){this._componentDidLoad=!0}renderLabel(){if(this.label)return o("gxg-label",{class:"label"},this.label,n(this))}render(){return o(e,{class:{"gxg-form-radio-group":!0,"gxg-form-radio-group--row":this.row,"gxg-form-radio-group--center":this.center&&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(),o("div",{class:"radios-wrapper"},o("slot",null)),i(this))}get el(){return a(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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}: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(.gxg-form-radio-group--center) .radios-wrapper{justify-content:center}:host .required{padding-left:2px}";export{s as gxg_form_radio_group}
|
|
1
|
+
import{r as t,c as r,h as o,H as e,g as a}from"./p-0906fb46.js";import{a as i,r as n}from"./p-b9fca59c.js";import{f as l}from"./p-e7e4f76c.js";const s=class{constructor(o){t(this,o),this.change=r(this,"change",7),this.showValidationMessage=!1,this._componentDidLoad=!1,this.center=!1,this.disabled=!1,this.formMessageLogic=i,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 o;return r.length&&(o=r.find((r=>r.value===t))),o}}disabledHandler(t){!0===t?this.disableAllRadios():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,o=t.target;let e=null;const a=Array.from(this.el.querySelectorAll("gxg-form-radio:not([disabled])")),i=a.findIndex((t=>o===t));-1!==i&&("ArrowDown"===r||"ArrowRight"===r?i+1<a.length&&(e=a[i+1]):"ArrowUp"!==r&&"ArrowLeft"!==r||i-1<a.length&&(e=a[i-1]),e&&(e.focus(),e.checked=!0,this.value=e.value))}componentWillLoad(){this.disabled&&this.disableAllRadios(),this.setValue()}componentDidLoad(){this._componentDidLoad=!0}renderLabel(){if(this.label)return o("gxg-label",{class:"label"},this.label,n(this))}render(){return o(e,{class:{"gxg-form-radio-group":!0,"gxg-form-radio-group--row":this.row,"gxg-form-radio-group--center":this.center&&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(),o("div",{class:"radios-wrapper"},o("slot",null)),i(this))}get el(){return a(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{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}: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(.gxg-form-radio-group--center) .radios-wrapper{justify-content:center}:host .required{padding-left:2px}";export{s as gxg_form_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,a as o,h as a,H as e,g as r}from"./p-0906fb46.js";import{L as s}from"./p-26957490.js";import{c as
|
|
1
|
+
import{r as i,c as t,a as o,h as a,H as e,g as r}from"./p-0906fb46.js";import{L as s}from"./p-26957490.js";import{c as n}from"./p-13ffa7c0.js";import{r as l}from"./p-698d274a.js";import{r as d}from"./p-551539eb.js";import{g as c}from"./p-2fbab2a9.js";const g=class{constructor(e){i(this,e),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.shortcutsSrc=o("./gx-ide-assets/bpm-app-declaration/shortcuts.json"),this.listenApplicationSelected=async()=>{this.applicationSuggestEl.addEventListener("itemSelected",(i=>{this.getDataMappingCallbackHandler(i.detail.value)}))},this.applicationSuggestValueChangedHandler=async i=>{this.suggestApplicationsCallback(i.detail).then((i=>{this.suggestedApplications=(i=>{const t={suggestItems:null,suggestLists:[]};if(i.length){const o={label:"Applications",items:[]};i.forEach((i=>{o.items.push({value:i,description:null,icon:null})})),t.suggestLists.push(o)}return t})(i)})).catch((()=>{}))},this.getDataMappingCallbackHandler=async i=>{this.application=await this.getDataMappingCallback(i)},this.selectApplicationCallbackHandler=async()=>{const i=await this.selectApplicationCallback();i&&(this.application=i)},this.confirmCallbackHandler=async()=>{await this.confirmCallback(this.application)},this.cancelCallbackHandler=async()=>{await this.cancelCallback()},this.selectMappingCallbackHandler=i=>async()=>{if(this.selectMappingCallback){const t=await this.selectMappingCallback(i);if(t){const o=this.applicationState.mappings.findIndex((t=>t.parameter===i));-1!==o&&(this.applicationState.mappings[o].relevantDataOptions.find((i=>i===t))||this.applicationState.mappings[o].relevantDataOptions.push(t),this.applicationState.mappings[o].relevantData=t,this.application=Object.assign({},this.applicationState))}}},this.dataOptionsToComboItems=i=>{const t=[{id:this._componentLocale.dataMappings.emptyOption}];return i.forEach((i=>{t.push({id:i})})),t},this.clearApplicationHandler=()=>{this.application={application:void 0,mappings:[]}},this.renderDataMappingsGrid=()=>{var i;return a("gxg-grid",{"ellipsis-cell-wrapper":!0,noBorder:!0},a("ch-grid",{part:"ch-grid-data-mappings"},a("ch-grid-columnset",null,a("ch-grid-column",{columnName:"objects/transaction"===(null===(i=this.application.application)||void 0===i?void 0:i.typeIcon)?this._componentLocale.dataMappings.firstColName:this._componentLocale.dataMappings.firstColNameParameter,settingable:!1,size:c.colSize.common}),a("ch-grid-column",{columnName:this._componentLocale.dataMappings.secondColName,settingable:!1,sortable:!1,size:c.colSize.common}),a("ch-grid-column",{settingable:!1,sortable:!1,size:c.colSize.auto})),this.application.mappings.map(((i,t)=>{var o;return a("ch-grid-row",{rowId:t+i.parameter},a("ch-grid-cell",null,a("span",{class:"cell-wrapper"},`${i.access}: ${i.parameter}`)),a("ch-grid-cell",null,a("span",{class:"cell-wrapper"},a("gxg-combo-box",{disableFilter:!0,value:i.relevantData},d(null!==(o=this.dataOptionsToComboItems(i.relevantDataOptions))&&void 0!==o?o:[])))),a("ch-grid-cell",null,a("span",{class:"cell-wrapper"},a("gxg-button",{"data-index":t,type:"secondary-icon-only",icon:"gemini-tools/add",onClick:this.selectMappingCallbackHandler(i.parameter),class:"select-mapping-callback-button"}))))}))))},this.suggestedApplications=void 0,this.displayTitle=!1,this.application=void 0,this.suggestApplicationsCallback=void 0,this.selectApplicationCallback=void 0,this.selectMappingCallback=void 0,this.confirmCallback=void 0,this.cancelCallback=void 0,this.getDataMappingCallback=void 0}watchApplicationHandler(i){this.applicationState=i}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.applicationState=this.application}async componentDidLoad(){this.listenApplicationSelected(),this.applicationSuggestEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){var i;return a(e,{class:"gx-ide-component"},a("div",{class:"gx-ide-main-wrapper"},a("gx-ide-container",{noContentPadding:!0,footerSubtleShadow:!0,slimmerFooter:n.gxIdeContainer.slimmerFooter,containerTitle:this.displayTitle?this._componentLocale.componentName:null},a("header",{slot:"header",class:"header"},a("div",{class:"header__first-row"},a("gxg-suggest",{class:"application-suggest"},a("ch-suggest",{value:(null===(i=this.application.application)||void 0===i?void 0:i.name)||null,onValueChanged:this.applicationSuggestValueChangedHandler,ref:i=>this.applicationSuggestEl=i,part:"application-suggest"},l(this.suggestedApplications))),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/show-more-horizontal",onClick:this.selectApplicationCallbackHandler,class:"selector-dialog-button",part:"open-selector-dialog-button"}),a("gxg-button",{type:"outlined",part:"clear-application-button",onClick:this.clearApplicationHandler},"Clear")),a("div",{class:"header__second-row"},a("gx-ide-title",{type:"secondary"},this._componentLocale.dataMappings.title))),a("div",{class:"data-mappings"},this.renderDataMappingsGrid()),a("gxg-button",{type:"secondary-text-only",slot:"footer-end",onClick:this.cancelCallbackHandler,part:"cancel-button"},this._componentLocale.buttons.cancelButton),a("gxg-button",{type:"primary-text-only",slot:"footer-end",icon:"general/datastore",onClick:this.confirmCallbackHandler,part:"confirm-button"},this._componentLocale.buttons.confirmButton))),a("gxg-shortcuts",{src:this.shortcutsSrc}))}static get assetsDirs(){return["gx-ide-assets/bpm-app-declaration"]}get el(){return r(this)}static get watchers(){return{application:["watchApplicationHandler"]}}};g.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;}:host .header{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}:host .header__first-row{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}:host .header__first-row .application-suggest{flex:1}:host .data-mappings{display:flex;flex-direction:column}:host .row-button{display:flex;align-items:center}";export{g as gx_ide_bpm_app_declaration}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,a as o,h as e,H as r,g as a}from"./p-0906fb46.js";import{L as s}from"./p-26957490.js";import{c as n}from"./p-13ffa7c0.js";const d=class{constructor(e){i(this,e),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.shortcutsSrc=o("./gx-ide-assets/team-dev-update-to-revision/shortcuts.json"),this.setInitialCheckedRadio=()=>{void 0===this.currentRevision?this.updateToLatestEl.checked=!0:this.updateToRevisionEl.checked=!0},this.confirm=()=>{let i;this.updateToRevisionEl.checked&&(i=this.revisionNumberEl.value),this.confirmCallback(i)},this.cancel=()=>{this.cancelCallback()},this.updateToRevisionOnFocusHandler=()=>{this.updateToRevisionEl.checked=!0},this.displayTitle=!1,this.cancelCallback=void 0,this.confirmCallback=void 0,this.currentRevision=void 0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el)}componentDidLoad(){this.componentDidLoadEvent.emit(!0),this.setInitialCheckedRadio(),this.revisionNumberEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}async validate(){return!0}render(){return e(r,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper"},e("gx-ide-container",{slimmerFooter:n.gxIdeContainer.slimmerFooter,containerTitle:this.displayTitle?this._componentLocale.componentName:null},e("gxg-form-radio-group",null,e("gxg-form-radio",{label:this._componentLocale.options.updateToLatest,value:"updateToLatest",ref:i=>this.updateToLatestEl=i,part:"radio-to-latest"}),e("div",{class:"revision-number"},e("gxg-form-radio",{label:this._componentLocale.options.updateToRevision,value:"updateToRevision",ref:i=>this.updateToRevisionEl=i,part:"radio-to-revision"}),e("gxg-form-text",{ref:i=>this.revisionNumberEl=i,onFocus:this.updateToRevisionOnFocusHandler,value:this.currentRevision,part:"revision-number"}))),e("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancel,part:"cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel),e("gxg-button",{id:"button-ok",type:"primary-text-only",onClick:this.confirm,part:"update",slot:"footer-end"},this._componentLocale.footer.btnUpdate))),e("gxg-shortcuts",{src:this.shortcutsSrc}))}static get assetsDirs(){return["gx-ide-assets/team-dev-update-to-revision"]}get el(){return a(this)}};d.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";export{d as gx_ide_team_dev_update_to_revision}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,H as s,g as r}from"./p-0906fb46.js";import{L as a}from"./p-26957490.js";import{c as l}from"./p-13ffa7c0.js";import{r as o}from"./p-a52333fe.js";import{F as n}from"./p-6010dc9d.js";import{a as d,h,f as g}from"./p-64d3885f.js";import{g as c}from"./p-2fbab2a9.js";const p=class{constructor(s){i(this,s),this.componentDidLoadEvent=e(this,"componentDidLoadEvent",7),this.componentDidRenderFirstTime=e(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.attachDetectClickOutsideFilter=()=>{document.addEventListener("click",this.detectClickOutsideFilter)},this.removeDetectClickOutsideFilter=()=>{document.removeEventListener("click",this.detectClickOutsideFilter)},this.detectClickOutsideFilter=i=>{const e=d(i,this.filterEl);this.filtersHidden=!!e},this.saveInitialFilterData=()=>{this.filterInitialData={name:this.filterNameEl.value,module:this.filterModuleEl.value,searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modified:this.filterModifiedEl.checked,dateTime:this.filterModifiedDateEl.value,after:this.filterAfterTypeEl.value,user:this.filterUserEl.value,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value}},this.renderFilter=()=>{var i,e,s,r,a;return t("div",{class:"filter filter--padding",ref:i=>this.filterEl=i},t("div",{class:"filter__first-row"},t("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.name,ref:i=>this.filterNameEl=i,part:"filter-name",class:"name"}),t("div",{class:"second-column"},t("gx-ide-entity-selector",{label:this._componentLocale.filter.moduleFolder,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,class:"module-folder",part:"filter-module-folder"}),t("gxg-button",{onClick:this.resetFilterHandler,part:"gxg-button-reset-filter",type:"secondary-icon-only",icon:"gemini-tools/reset",class:"reset-filter-btn"}),t("gxg-button",{onClick:this.toggleFiltersHandler,part:"gxg-button gxg-button--more-less",type:"secondary-icon-only",icon:"window-tools/filter-conditions",class:"filter-btn"}))),t("div",{class:{"filters-outer-wrapper":!0,"filters-outer-wrapper--hidden":this.filtersHidden}},t("div",{class:{filter:!0,"filter--gap":!0,"filters-inner-wrapper":!0}},t("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.search,ref:i=>this.filterSearchContentsEl=i,class:{"search-contents":!0},part:"filter-search"}),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,ref:i=>this.filterCategoryEl=i,class:"category",part:"filter-category"},o("gxg-combo-box-item",null!==(i=this.categories)&&void 0!==i?i:[])),t("div",{class:"options"},t("gxg-label",{labelPosition:"above",center:!1},"Options:"),t("div",{class:"checkboxes-wrapper"},t("gxg-form-checkbox",{label:this._componentLocale.filter.allDescendants,ref:i=>this.filterAllDescendantsEl=i,class:"all-descendants",part:"filter-all-descendants"}),t("gxg-form-checkbox",{label:this._componentLocale.filter.modified,ref:i=>this.filterModifiedEl=i,class:"modified",part:"filter-modified"}))),t("div",{class:{hide:!this.filterModified||this.filterAfterType!==n.DATE_TIME,"date-time":!0},part:"filter-datetime"},t("div",{class:"date-time-wrapper"},t("gxg-label",{"label-position":"above"},this._componentLocale.filter.dateTime),t("gxg-date-picker",{disabled:!this.filterModified,ref:i=>this.filterModifiedDateEl=i}))),t("gxg-combo-box",{class:"after-date-time",disabled:!this.filterModified,label:this._componentLocale.filter.afterLabel,"disable-filter":!0,value:this.filterAfterType,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},o("gxg-combo-box-item",[{id:n.NONE,label:this._componentLocale.filter.afterNone,value:n.NONE},{id:n.DATE_TIME,label:this._componentLocale.filter[n.DATE_TIME],value:n.DATE_TIME},{id:n.IMPORT,label:this._componentLocale.filter[n.IMPORT],value:n.IMPORT},{id:n.LAST_BUILD,label:this._componentLocale.filter[n.LAST_BUILD],value:n.LAST_BUILD}])),t("gxg-form-text",{disabled:!this.filterModified,labelPosition:"above",label:this._componentLocale.filter.user,ref:i=>this.filterUserEl=i,value:"hey",centerLabel:!1,class:"user",part:"filter-user"}),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.style,disabled:!this.styles,ref:i=>this.filterStyleEl=i,class:"style",part:"filter-style"},o("gxg-combo-box-item",null!==(e=this.styles)&&void 0!==e?e:[])),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.language,disabled:!this.languages,ref:i=>this.filterLanguageEl=i,class:"language",part:"filter-language"},o("gxg-combo-box-item",null!==(s=this.languages)&&void 0!==s?s:[])),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.density,disabled:!this.densities,ref:i=>this.filterDensityEl=i,class:"density",part:"filter-density"},o("gxg-combo-box-item",null!==(r=this.densities)&&void 0!==r?r:[])),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.layer,disabled:!this.layers,ref:i=>this.filterLayerEl=i,class:"layer",part:"filter-layer"},o("gxg-combo-box-item",null!==(a=this.layers)&&void 0!==a?a:[])))))},this.renderImagesData=()=>t("gx-ide-container",{contentBorderEnd:!0,noContentPadding:!0,titleType:"secondary",containerTitle:this.secondaryFilter?null:this._componentLocale.imagesDataTitle,class:{"images-information":!0,"overflow-auto":!0},part:"grid-container"},this.secondaryFilter?t("header",{class:"images-information__header",slot:"header"},t("gx-ide-title",{type:"secondary",class:"images-information__header-title"},this._componentLocale.imagesDataTitle),t("gxg-form-text",{icon:"gemini-tools/search","icon-position":"start",placeholder:"Search by any field",onInput:this.filterInputHandler})):null,t("gxg-grid",{part:"images-table","ellipsis-cell-wrapper":!0,noBorder:!0},t("ch-grid",{"row-selection-mode":"multiple",ref:i=>this.chGridEl=i,part:"ch-grid-images",rowSelectionMode:"single"},t("ch-grid-columnset",null,t("ch-grid-column",{columnName:"",columnNameHidden:!1,settingable:!1,size:c.colSize.auto}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.name,columnNameHidden:!1,settingable:!1,size:c.colSize.common}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.module,columnNameHidden:!1,settingable:!1,size:c.colSize.common}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.description,columnNameHidden:!1,settingable:!1,size:c.colSize.common}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.modifiedDate,columnNameHidden:!1,settingable:!1,size:c.colSize.auto}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.lastUser,columnNameHidden:!1,settingable:!1,size:c.colSize.auto}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.importDate,columnNameHidden:!1,settingable:!1,size:c.colSize.auto})),this.filteredImages.map((i=>t("ch-grid-row",{rowid:i.id},t("ch-grid-cell",null,t("span",{class:"cell-wrapper"}),t("gxg-icon",{type:i.icon,color:"auto"})),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.name,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.module,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.description,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(`${g(i.modifiedDate)}`,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.lastUser,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(`${g(i.importDate)}`,this.filterImagesInputValue))))))))),this.renderImages=()=>t("gx-ide-container",{containerTitle:this._componentLocale.imagesTitle,noContentPadding:!0,titleType:"secondary",class:"overflow-auto",titleHeightAsInput:this.secondaryFilter?this._componentLocale.imagesDataTitle:null,part:"image-data-container"},t("div",{class:"images-container"},this.imagesSelectedItems.map((i=>t("div",{class:"image-item"},t("div",{class:"image-item__container"},t("div",{class:"img"},t("img",{src:i.url,alt:i.id}))),t("span",{class:"image-item__name"},i.name)))))),this.getImages=()=>{let i={name:this.filterNameEl.value,parent:this.filterModuleEl.value?this.filterModuleEl.value.id:null};const e=this.filterModifiedEl.checked,t=this.filterAfterTypeEl.value;i=Object.assign(Object.assign({},i),{searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modifiedAfter:e?t:null,modifiedBy:e?this.filterUserEl.value:null,modifiedDate:e&&t===n.DATE_TIME?this.filterModifiedDateEl.value:null,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value}),this.loadCallback(i).then((i=>{this.images=i,this.selectedObjectsIds=[],this.deselectAll(),this.filterImagesInformationHandler()}))},this.newObjectCallbackHandler=()=>{this.newObjectCallback()},this.openSelectionCallBackHandler=()=>{this.openSelectionCallback(this.selectedObjectsIds)},this.deleteSelectionCallbackHandler=()=>{this.deleteSelectionCallback(this.selectedObjectsIds)},this.resetFilterHandler=()=>{this.filterInitialData&&(this.filterNameEl.value=this.filterInitialData.name,this.filterModuleEl.value=this.filterInitialData.module,this.filterSearchContentsEl.value=this.filterInitialData.searchContents,this.filterCategoryEl.value=this.filterInitialData.category,this.filterAllDescendantsEl.checked=this.filterInitialData.allDescendants,this.filterModifiedEl.checked=this.filterInitialData.modified,this.filterModifiedDateEl.value=this.filterInitialData.dateTime,this.filterAfterTypeEl.value=this.filterInitialData.after,this.filterUserEl.value=this.filterInitialData.user,this.filterStyleEl.value=this.filterInitialData.style,this.filterLanguageEl.value=this.filterInitialData.language,this.filterDensityEl.value=this.filterInitialData.density,this.filterLayerEl.value=this.filterInitialData.layer)},this.toggleFiltersHandler=()=>{this.filtersHidden=!this.filtersHidden},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.listenChanges=()=>{this.filterNameEl.addEventListener("change",(()=>{this.getImages()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterSearchContentsEl.addEventListener("change",(()=>{this.getImages()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAllDescendantsEl.addEventListener("change",(()=>{this.getImages()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getImages()})),this.filterModifiedDateEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getImages()})),this.filterUserEl.addEventListener("change",(()=>{this.getImages()})),this.filterStyleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterLanguageEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterDensityEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterLayerEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.loadImageItemsCallback(i.detail.rowId).then((i=>{this.imagesSelectedItems=i}))})),this.chGridEl.addEventListener("rowDoubleClicked",(()=>{this.openSelectionCallBackHandler()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId,this.selectionObjectChangedCallback(this.selectedObjectsIds)})),this.chGridEl.addEventListener("rowContextMenu",(i=>{i.preventDefault(),i.stopPropagation(),this.contextMenuCallback({selection:i.detail.selectedRowsId,clientX:i.detail.clientX,clientY:i.detail.clientY})}))},this.filterInputHandler=i=>{this.filterImagesInputValue=i.detail,this.filterImagesInformationHandler()},this.filterImagesInformationHandler=()=>{const i=this.filterImagesInputValue.toLocaleLowerCase();this.filteredImages=this.images.filter((e=>{const t=e.name.toLocaleLowerCase().includes(i),s=e.module.toLocaleLowerCase().includes(i),r=e.description.toLocaleLowerCase().includes(i),a=e.modifiedDate.toString().includes(i),l=e.lastUser.toLocaleLowerCase().includes(i),o=e.importDate&&e.importDate.toString().includes(i);return t||s||r||a||l||o}))},this.filtersHidden=!0,this.filterAfterType="",this.filterModified=!1,this.images=[],this.filteredImages=[],this.imagesSelectedItems=[],this.selectedObjectsIds=[],this.filterImagesInputValue="",this.displayTitle=!1,this.secondaryFilter=!1,this.categories=void 0,this.densities=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.defaultType=void 0,this.filterModules=void 0,this.languages=void 0,this.layers=void 0,this.contextMenuCallback=void 0,this.deleteSelectionCallback=void 0,this.loadCallback=void 0,this.loadImageItemsCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0,this.selectModuleCallback=void 0,this.selectionObjectChangedCallback=void 0,this.shadow=!1,this.styles=void 0,this.types=void 0}filtersHiddenHandler(i){i?this.removeDetectClickOutsideFilter():this.attachDetectClickOutsideFilter()}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getImages(),this.saveInitialFilterData(),this.filterNameEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}keyDownHandler(i){if(document.activeElement===this.el)switch(i.key){case"Enter":this.openSelectionCallBackHandler();break;case"Delete":this.deleteSelectionCallbackHandler()}}async validate(){return!0}async reload(){this.deleteSelectionCallbackHandler(),this.getImages()}render(){return t(s,{class:"gx-ide-component"},t("div",{class:"gx-ide-main-wrapper"},t("gx-ide-container",{noContentPadding:!0,noContentGap:!0,containerTitle:this.displayTitle?this._componentLocale.componentName:null,slimmerFooter:l.gxIdeContainer.slimmerFooter},t("div",{class:"master-wrapper"},this.renderFilter(),t("div",{class:"grid-images-container"},this.renderImagesData(),this.renderImages())),t("gxg-button",{id:"button-select-all",type:"outlined",onClick:this.selectAll,part:"gxg-button gxg-button--select-all",slot:"footer-end"},this._componentLocale.footer.btnSelectAll),t("gxg-button",{id:"button-new-file",type:"primary-text-icon",icon:"objects/image",onClick:this.newObjectCallbackHandler,part:"gxg-button gxg-button--new-file",slot:"footer-end"},this._componentLocale.footer.btnNew),t("gxg-text",{class:"align-end",part:"objects-matching",slot:"footer-start"},`${this.filteredImages.length} ${this._componentLocale.objCount.matching}`))))}static get assetsDirs(){return["gx-ide-assets/ww-images"]}get el(){return r(this)}static get watchers(){return{filtersHidden:["filtersHiddenHandler"]}}};p.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.filter--padding{padding:var(--gxg-container--padding)}.filter--gap{gap:var(--gx-ide-grid-row-gap)}.filter{display:flex;flex-direction:column}.filter__first-row{display:flex;gap:var(--gx-ide-grid-column-gap)}.filter__first-row .name,.filter__first-row .module-folder{flex:1}.filter__first-row .filter-btn{flex:none}.filter__first-row .second-column{display:flex;flex-direction:row;align-items:end;gap:var(--gx-ide-grid-column-gap)}.filter__first-row>*{flex:1}.filter .checkboxes-label-wrapper{display:flex;flex-direction:column;gap:0}.filter .checkboxes-wrapper{display:flex;gap:var(--gx-ide-grid-column-gap);border:1px solid var(--gray-02);border-radius:var(--border-radius-sm);height:var(--gxg-form-text-height);box-sizing:border-box;align-items:center;padding-inline-start:var(--spacing-comp-01)}.filter .user{max-width:100% !important}.filters-outer-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows 200ms}.filters-outer-wrapper--hidden{grid-template-rows:0fr}.filters-inner-wrapper{padding-top:var(--gxg-container--padding);overflow:hidden;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(3, 1fr)}.filters-inner-wrapper .search-contents{grid-area:1/1/2/5}.filters-inner-wrapper .category{grid-area:1/5/2/9}.filters-inner-wrapper .options{grid-area:1/9/2/13}.filters-inner-wrapper .date-time{grid-area:2/1/3/5}.filters-inner-wrapper .after-date-time{grid-area:2/5/3/9}.filters-inner-wrapper .user{grid-area:2/9/3/13}.filters-inner-wrapper .style{grid-area:3/1/4/4}.filters-inner-wrapper .language{grid-area:3/4/4/7}.filters-inner-wrapper .density{grid-area:3/7/4/10}.filters-inner-wrapper .layer{grid-area:3/10/4/13}.master-wrapper{height:100%;display:grid;grid-template-rows:auto 1fr}.grid-images-container{border-top:1px solid var(--gx-ide-container-border-color);display:grid;grid-template-columns:1fr 220px;grid-column-gap:0;grid-row-gap:0;overflow:auto}.images-information__header{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.images-information__header-title{flex:none}.images-grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-container .image-item{display:inline-block;width:50%;height:110px;}.images-container .image-item__container{padding:var(--gxg-container--padding)}.images-container .image-item__container img{width:100%;height:100%;object-fit:scale-down}.images-container .image-item__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;display:block;font-size:10px;padding:4px 8px;box-sizing:border-box;background-color:var(--gray-00)}.images-container .image-item:nth-child(odd) .image-item__name{border-inline-end:1px solid var(--gray-02)}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.hiChar{color:var(--gx-ide-hi-char-color);font-weight:600}";export{p as gx_ide_ww_images}
|
|
1
|
+
import{r as i,c as e,h as t,H as s,g as r}from"./p-0906fb46.js";import{L as a}from"./p-26957490.js";import{c as l}from"./p-13ffa7c0.js";import{r as o}from"./p-a52333fe.js";import{F as n}from"./p-6010dc9d.js";import{a as d,h,f as g}from"./p-d410aa15.js";import{g as c}from"./p-2fbab2a9.js";const p=class{constructor(s){i(this,s),this.componentDidLoadEvent=e(this,"componentDidLoadEvent",7),this.componentDidRenderFirstTime=e(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.attachDetectClickOutsideFilter=()=>{document.addEventListener("click",this.detectClickOutsideFilter)},this.removeDetectClickOutsideFilter=()=>{document.removeEventListener("click",this.detectClickOutsideFilter)},this.detectClickOutsideFilter=i=>{const e=d(i,this.filterEl);this.filtersHidden=!!e},this.saveInitialFilterData=()=>{this.filterInitialData={name:this.filterNameEl.value,module:this.filterModuleEl.value,searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modified:this.filterModifiedEl.checked,dateTime:this.filterModifiedDateEl.value,after:this.filterAfterTypeEl.value,user:this.filterUserEl.value,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value}},this.renderFilter=()=>{var i,e,s,r,a;return t("div",{class:"filter filter--padding",ref:i=>this.filterEl=i},t("div",{class:"filter__first-row"},t("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.name,ref:i=>this.filterNameEl=i,part:"filter-name",class:"name"}),t("div",{class:"second-column"},t("gx-ide-entity-selector",{label:this._componentLocale.filter.moduleFolder,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,class:"module-folder",part:"filter-module-folder"}),t("gxg-button",{onClick:this.resetFilterHandler,part:"gxg-button-reset-filter",type:"secondary-icon-only",icon:"gemini-tools/reset",class:"reset-filter-btn"}),t("gxg-button",{onClick:this.toggleFiltersHandler,part:"gxg-button gxg-button--more-less",type:"secondary-icon-only",icon:"window-tools/filter-conditions",class:"filter-btn"}))),t("div",{class:{"filters-outer-wrapper":!0,"filters-outer-wrapper--hidden":this.filtersHidden}},t("div",{class:{filter:!0,"filter--gap":!0,"filters-inner-wrapper":!0}},t("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.search,ref:i=>this.filterSearchContentsEl=i,class:{"search-contents":!0},part:"filter-search"}),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,ref:i=>this.filterCategoryEl=i,class:"category",part:"filter-category"},o("gxg-combo-box-item",null!==(i=this.categories)&&void 0!==i?i:[])),t("div",{class:"options"},t("gxg-label",{labelPosition:"above",center:!1},"Options:"),t("div",{class:"checkboxes-wrapper"},t("gxg-form-checkbox",{label:this._componentLocale.filter.allDescendants,ref:i=>this.filterAllDescendantsEl=i,class:"all-descendants",part:"filter-all-descendants"}),t("gxg-form-checkbox",{label:this._componentLocale.filter.modified,ref:i=>this.filterModifiedEl=i,class:"modified",part:"filter-modified"}))),t("div",{class:{hide:!this.filterModified||this.filterAfterType!==n.DATE_TIME,"date-time":!0},part:"filter-datetime"},t("div",{class:"date-time-wrapper"},t("gxg-label",{"label-position":"above"},this._componentLocale.filter.dateTime),t("gxg-date-picker",{disabled:!this.filterModified,ref:i=>this.filterModifiedDateEl=i}))),t("gxg-combo-box",{class:"after-date-time",disabled:!this.filterModified,label:this._componentLocale.filter.afterLabel,"disable-filter":!0,value:this.filterAfterType,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},o("gxg-combo-box-item",[{id:n.NONE,label:this._componentLocale.filter.afterNone,value:n.NONE},{id:n.DATE_TIME,label:this._componentLocale.filter[n.DATE_TIME],value:n.DATE_TIME},{id:n.IMPORT,label:this._componentLocale.filter[n.IMPORT],value:n.IMPORT},{id:n.LAST_BUILD,label:this._componentLocale.filter[n.LAST_BUILD],value:n.LAST_BUILD}])),t("gxg-form-text",{disabled:!this.filterModified,labelPosition:"above",label:this._componentLocale.filter.user,ref:i=>this.filterUserEl=i,value:"hey",centerLabel:!1,class:"user",part:"filter-user"}),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.style,disabled:!this.styles,ref:i=>this.filterStyleEl=i,class:"style",part:"filter-style"},o("gxg-combo-box-item",null!==(e=this.styles)&&void 0!==e?e:[])),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.language,disabled:!this.languages,ref:i=>this.filterLanguageEl=i,class:"language",part:"filter-language"},o("gxg-combo-box-item",null!==(s=this.languages)&&void 0!==s?s:[])),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.density,disabled:!this.densities,ref:i=>this.filterDensityEl=i,class:"density",part:"filter-density"},o("gxg-combo-box-item",null!==(r=this.densities)&&void 0!==r?r:[])),t("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.layer,disabled:!this.layers,ref:i=>this.filterLayerEl=i,class:"layer",part:"filter-layer"},o("gxg-combo-box-item",null!==(a=this.layers)&&void 0!==a?a:[])))))},this.renderImagesData=()=>t("gx-ide-container",{contentBorderEnd:!0,noContentPadding:!0,titleType:"secondary",containerTitle:this.secondaryFilter?null:this._componentLocale.imagesDataTitle,class:{"images-information":!0,"overflow-auto":!0},part:"grid-container"},this.secondaryFilter?t("header",{class:"images-information__header",slot:"header"},t("gx-ide-title",{type:"secondary",class:"images-information__header-title"},this._componentLocale.imagesDataTitle),t("gxg-form-text",{icon:"gemini-tools/search","icon-position":"start",placeholder:"Search by any field",onInput:this.filterInputHandler})):null,t("gxg-grid",{part:"images-table","ellipsis-cell-wrapper":!0,noBorder:!0},t("ch-grid",{"row-selection-mode":"multiple",ref:i=>this.chGridEl=i,part:"ch-grid-images",rowSelectionMode:"single"},t("ch-grid-columnset",null,t("ch-grid-column",{columnName:"",columnNameHidden:!1,settingable:!1,size:c.colSize.auto}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.name,columnNameHidden:!1,settingable:!1,size:c.colSize.common}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.module,columnNameHidden:!1,settingable:!1,size:c.colSize.common}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.description,columnNameHidden:!1,settingable:!1,size:c.colSize.common}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.modifiedDate,columnNameHidden:!1,settingable:!1,size:c.colSize.auto}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.lastUser,columnNameHidden:!1,settingable:!1,size:c.colSize.auto}),t("ch-grid-column",{columnName:this._componentLocale.tableHead.importDate,columnNameHidden:!1,settingable:!1,size:c.colSize.auto})),this.filteredImages.map((i=>t("ch-grid-row",{rowid:i.id},t("ch-grid-cell",null,t("span",{class:"cell-wrapper"}),t("gxg-icon",{type:i.icon,color:"auto"})),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.name,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.module,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.description,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(`${g(i.modifiedDate)}`,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(i.lastUser,this.filterImagesInputValue))),t("ch-grid-cell",null,t("span",{class:"cell-wrapper"},h(`${g(i.importDate)}`,this.filterImagesInputValue))))))))),this.renderImages=()=>t("gx-ide-container",{containerTitle:this._componentLocale.imagesTitle,noContentPadding:!0,titleType:"secondary",class:"overflow-auto",titleHeightAsInput:this.secondaryFilter?this._componentLocale.imagesDataTitle:null,part:"image-data-container"},t("div",{class:"images-container"},this.imagesSelectedItems.map((i=>t("div",{class:"image-item"},t("div",{class:"image-item__container"},t("div",{class:"img"},t("img",{src:i.url,alt:i.id}))),t("span",{class:"image-item__name"},i.name)))))),this.getImages=()=>{let i={name:this.filterNameEl.value,parent:this.filterModuleEl.value?this.filterModuleEl.value.id:null};const e=this.filterModifiedEl.checked,t=this.filterAfterTypeEl.value;i=Object.assign(Object.assign({},i),{searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modifiedAfter:e?t:null,modifiedBy:e?this.filterUserEl.value:null,modifiedDate:e&&t===n.DATE_TIME?this.filterModifiedDateEl.value:null,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value}),this.loadCallback(i).then((i=>{this.images=i,this.selectedObjectsIds=[],this.deselectAll(),this.filterImagesInformationHandler()}))},this.newObjectCallbackHandler=()=>{this.newObjectCallback()},this.openSelectionCallBackHandler=()=>{this.openSelectionCallback(this.selectedObjectsIds)},this.deleteSelectionCallbackHandler=()=>{this.deleteSelectionCallback(this.selectedObjectsIds)},this.resetFilterHandler=()=>{this.filterInitialData&&(this.filterNameEl.value=this.filterInitialData.name,this.filterModuleEl.value=this.filterInitialData.module,this.filterSearchContentsEl.value=this.filterInitialData.searchContents,this.filterCategoryEl.value=this.filterInitialData.category,this.filterAllDescendantsEl.checked=this.filterInitialData.allDescendants,this.filterModifiedEl.checked=this.filterInitialData.modified,this.filterModifiedDateEl.value=this.filterInitialData.dateTime,this.filterAfterTypeEl.value=this.filterInitialData.after,this.filterUserEl.value=this.filterInitialData.user,this.filterStyleEl.value=this.filterInitialData.style,this.filterLanguageEl.value=this.filterInitialData.language,this.filterDensityEl.value=this.filterInitialData.density,this.filterLayerEl.value=this.filterInitialData.layer)},this.toggleFiltersHandler=()=>{this.filtersHidden=!this.filtersHidden},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.listenChanges=()=>{this.filterNameEl.addEventListener("change",(()=>{this.getImages()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterSearchContentsEl.addEventListener("change",(()=>{this.getImages()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAllDescendantsEl.addEventListener("change",(()=>{this.getImages()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getImages()})),this.filterModifiedDateEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getImages()})),this.filterUserEl.addEventListener("change",(()=>{this.getImages()})),this.filterStyleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterLanguageEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterDensityEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterLayerEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.loadImageItemsCallback(i.detail.rowId).then((i=>{this.imagesSelectedItems=i}))})),this.chGridEl.addEventListener("rowDoubleClicked",(()=>{this.openSelectionCallBackHandler()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId,this.selectionObjectChangedCallback(this.selectedObjectsIds)})),this.chGridEl.addEventListener("rowContextMenu",(i=>{i.preventDefault(),i.stopPropagation(),this.contextMenuCallback({selection:i.detail.selectedRowsId,clientX:i.detail.clientX,clientY:i.detail.clientY})}))},this.filterInputHandler=i=>{this.filterImagesInputValue=i.detail,this.filterImagesInformationHandler()},this.filterImagesInformationHandler=()=>{const i=this.filterImagesInputValue.toLocaleLowerCase();this.filteredImages=this.images.filter((e=>{const t=e.name.toLocaleLowerCase().includes(i),s=e.module.toLocaleLowerCase().includes(i),r=e.description.toLocaleLowerCase().includes(i),a=e.modifiedDate.toString().includes(i),l=e.lastUser.toLocaleLowerCase().includes(i),o=e.importDate&&e.importDate.toString().includes(i);return t||s||r||a||l||o}))},this.filtersHidden=!0,this.filterAfterType="",this.filterModified=!1,this.images=[],this.filteredImages=[],this.imagesSelectedItems=[],this.selectedObjectsIds=[],this.filterImagesInputValue="",this.displayTitle=!1,this.secondaryFilter=!1,this.categories=void 0,this.densities=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.defaultType=void 0,this.filterModules=void 0,this.languages=void 0,this.layers=void 0,this.contextMenuCallback=void 0,this.deleteSelectionCallback=void 0,this.loadCallback=void 0,this.loadImageItemsCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0,this.selectModuleCallback=void 0,this.selectionObjectChangedCallback=void 0,this.shadow=!1,this.styles=void 0,this.types=void 0}filtersHiddenHandler(i){i?this.removeDetectClickOutsideFilter():this.attachDetectClickOutsideFilter()}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getImages(),this.saveInitialFilterData(),this.filterNameEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}keyDownHandler(i){if(document.activeElement===this.el)switch(i.key){case"Enter":this.openSelectionCallBackHandler();break;case"Delete":this.deleteSelectionCallbackHandler()}}async validate(){return!0}async reload(){this.deleteSelectionCallbackHandler(),this.getImages()}render(){return t(s,{class:"gx-ide-component"},t("div",{class:"gx-ide-main-wrapper"},t("gx-ide-container",{noContentPadding:!0,noContentGap:!0,containerTitle:this.displayTitle?this._componentLocale.componentName:null,slimmerFooter:l.gxIdeContainer.slimmerFooter},t("div",{class:"master-wrapper"},this.renderFilter(),t("div",{class:"grid-images-container"},this.renderImagesData(),this.renderImages())),t("gxg-button",{id:"button-select-all",type:"outlined",onClick:this.selectAll,part:"gxg-button gxg-button--select-all",slot:"footer-end"},this._componentLocale.footer.btnSelectAll),t("gxg-button",{id:"button-new-file",type:"primary-text-icon",icon:"objects/image",onClick:this.newObjectCallbackHandler,part:"gxg-button gxg-button--new-file",slot:"footer-end"},this._componentLocale.footer.btnNew),t("gxg-text",{class:"align-end",part:"objects-matching",slot:"footer-start"},`${this.filteredImages.length} ${this._componentLocale.objCount.matching}`))))}static get assetsDirs(){return["gx-ide-assets/ww-images"]}get el(){return r(this)}static get watchers(){return{filtersHidden:["filtersHiddenHandler"]}}};p.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.filter--padding{padding:var(--gxg-container--padding)}.filter--gap{gap:var(--gx-ide-grid-row-gap)}.filter{display:flex;flex-direction:column}.filter__first-row{display:flex;gap:var(--gx-ide-grid-column-gap)}.filter__first-row .name,.filter__first-row .module-folder{flex:1}.filter__first-row .filter-btn{flex:none}.filter__first-row .second-column{display:flex;flex-direction:row;align-items:end;gap:var(--gx-ide-grid-column-gap)}.filter__first-row>*{flex:1}.filter .checkboxes-label-wrapper{display:flex;flex-direction:column;gap:0}.filter .checkboxes-wrapper{display:flex;gap:var(--gx-ide-grid-column-gap);border:1px solid var(--gray-02);border-radius:var(--border-radius-sm);height:var(--gxg-form-text-height);box-sizing:border-box;align-items:center;padding-inline-start:var(--spacing-comp-01)}.filter .user{max-width:100% !important}.filters-outer-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows 200ms}.filters-outer-wrapper--hidden{grid-template-rows:0fr}.filters-inner-wrapper{padding-top:var(--gxg-container--padding);overflow:hidden;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(3, 1fr)}.filters-inner-wrapper .search-contents{grid-area:1/1/2/5}.filters-inner-wrapper .category{grid-area:1/5/2/9}.filters-inner-wrapper .options{grid-area:1/9/2/13}.filters-inner-wrapper .date-time{grid-area:2/1/3/5}.filters-inner-wrapper .after-date-time{grid-area:2/5/3/9}.filters-inner-wrapper .user{grid-area:2/9/3/13}.filters-inner-wrapper .style{grid-area:3/1/4/4}.filters-inner-wrapper .language{grid-area:3/4/4/7}.filters-inner-wrapper .density{grid-area:3/7/4/10}.filters-inner-wrapper .layer{grid-area:3/10/4/13}.master-wrapper{height:100%;display:grid;grid-template-rows:auto 1fr}.grid-images-container{border-top:1px solid var(--gx-ide-container-border-color);display:grid;grid-template-columns:1fr 220px;grid-column-gap:0;grid-row-gap:0;overflow:auto}.images-information__header{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.images-information__header-title{flex:none}.images-grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-container .image-item{display:inline-block;width:50%;height:110px;}.images-container .image-item__container{padding:var(--gxg-container--padding)}.images-container .image-item__container img{width:100%;height:100%;object-fit:scale-down}.images-container .image-item__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;display:block;font-size:10px;padding:4px 8px;box-sizing:border-box;background-color:var(--gray-00)}.images-container .image-item:nth-child(odd) .image-item__name{border-inline-end:1px solid var(--gray-02)}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.hiChar{color:var(--gx-ide-hi-char-color);font-weight:600}";export{p as gx_ide_ww_images}
|