@genexus/genexus-ide-ui 0.0.11 → 0.0.13
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/ch-grid-action-refresh_6.cjs.entry.js +359 -0
- package/dist/cjs/ch-grid-rowset-legend_2.cjs.entry.js +51 -0
- package/dist/cjs/{ch-grid_9.cjs.entry.js → ch-grid_7.cjs.entry.js} +130 -332
- package/dist/cjs/ch-suggest-list-item.cjs.entry.js +11 -16
- package/dist/cjs/ch-suggest-list.cjs.entry.js +10 -10
- package/dist/cjs/ch-suggest.cjs.entry.js +51 -47
- package/dist/cjs/form-validation-87e3749d.js +68 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/{gxg-combo-box_8.cjs.entry.js → gx-ide-container_10.cjs.entry.js} +334 -231
- package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +118 -0
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +42 -93
- package/dist/cjs/gx-ide-template.cjs.entry.js +11 -12
- package/dist/cjs/gxg-breadcrumb.cjs.entry.js +0 -1
- package/dist/cjs/gxg-button-group.cjs.entry.js +1 -1
- package/dist/cjs/gxg-button.cjs.entry.js +2 -2
- package/dist/cjs/gxg-container.cjs.entry.js +215 -0
- package/dist/cjs/gxg-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +3 -1
- package/dist/cjs/gxg-form-radio-group.cjs.entry.js +76 -36
- package/dist/cjs/gxg-form-text.cjs.entry.js +17 -5
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gxg-list-box.cjs.entry.js +3 -2
- package/dist/cjs/gxg-menu-item.cjs.entry.js +59 -12
- package/dist/cjs/gxg-menu-list.cjs.entry.js +28 -0
- package/dist/cjs/gxg-menu.cjs.entry.js +228 -12
- package/dist/cjs/gxg-option.cjs.entry.js +1 -1
- package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-select.cjs.entry.js +1 -1
- package/dist/cjs/gxg-suggest.cjs.entry.js +26 -3
- package/dist/cjs/gxg-test.cjs.entry.js +36 -10
- package/dist/cjs/gxg-text.cjs.entry.js +23 -11
- package/dist/cjs/gxg-title.cjs.entry.js +11 -7
- package/dist/cjs/gxg-tree-item.cjs.entry.js +30 -43
- package/dist/cjs/gxg-tree.cjs.entry.js +0 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{repositionScroll-e3ae1947.js → reposition-scroll-accee84c.js} +3 -15
- package/dist/cjs/types-e04c9098.js +12 -0
- package/dist/collection/collection-manifest.json +6 -1
- package/dist/collection/common/common.js +6 -6
- package/dist/collection/common/form-validation.js +17 -0
- package/dist/collection/common/interfaces.js +3 -1
- package/dist/collection/components/_template/gx-ide-assets/template/langs/template.lang.en.json +1 -1
- package/dist/collection/components/_template/template.css +90 -6
- package/dist/collection/components/_template/template.js +26 -23
- package/dist/{node_modules/@genexus/gemini/dist/collection/components/suggest/gxg-suggest.css → collection/components/container/container.css} +118 -120
- package/dist/collection/components/container/container.js +535 -0
- package/dist/collection/components/entity-selector/entity-selector.css +1 -1
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
- package/dist/collection/components/new-environment/new-environment.css +219 -0
- package/dist/collection/components/new-environment/new-environment.js +355 -0
- package/dist/collection/components/new-kb/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
- package/dist/collection/components/new-kb/new-kb.css +100 -8
- package/dist/collection/components/new-kb/new-kb.js +96 -92
- package/dist/collection/components/top-bar/top-bar.css +17 -0
- package/dist/collection/components/top-bar/top-bar.js +62 -0
- package/dist/collection/pages/assets/common.js +28 -8
- package/dist/components/button-group.js +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/ch-grid-rowset-legend.js +1 -32
- package/dist/components/ch-grid-rowset-legend2.js +34 -0
- package/dist/components/ch-grid2.js +1 -1
- package/dist/components/ch-suggest-list-item.js +15 -18
- package/dist/components/ch-suggest-list.js +10 -10
- package/dist/components/ch-suggest.js +58 -48
- package/dist/components/combo-box-item.js +6 -1
- package/dist/components/combo-box.js +72 -11
- package/dist/components/container.js +83 -156
- package/dist/components/form-checkbox.js +4 -2
- package/dist/components/form-radio-group.js +244 -0
- package/dist/components/form-radio.js +13 -22
- package/dist/components/form-text.js +20 -6
- package/dist/components/form-validation.js +64 -0
- package/dist/components/gx-ide-container.d.ts +11 -0
- package/dist/components/gx-ide-container.js +6 -0
- package/dist/components/gx-ide-entity-selector.js +1 -1
- package/dist/components/gx-ide-new-environment.d.ts +11 -0
- package/dist/components/gx-ide-new-environment.js +258 -0
- package/dist/components/gx-ide-new-kb.js +63 -101
- package/dist/components/gx-ide-template.js +67 -14
- package/dist/components/gx-ide-top-bar.d.ts +11 -0
- package/dist/components/gx-ide-top-bar.js +6 -0
- package/dist/components/gxg-breadcrumb.js +0 -1
- package/dist/components/gxg-container.js +251 -1
- package/dist/components/gxg-date-picker.js +1 -1
- package/dist/components/gxg-drop-down.js +1 -1
- package/dist/components/gxg-form-checkbox-group.js +6 -0
- package/dist/components/gxg-form-checkbox-group2.js +109 -0
- package/dist/components/gxg-form-radio-group.js +1 -202
- package/dist/components/gxg-form-textarea.js +1 -1
- package/dist/components/gxg-grid.js +1 -44
- package/dist/components/gxg-grid2.js +46 -0
- package/dist/components/gxg-list-box.js +2 -2
- package/dist/components/gxg-menu-item.js +64 -15
- package/dist/components/gxg-menu-list.js +50 -0
- package/dist/components/gxg-menu.js +233 -14
- package/dist/components/gxg-option.js +1 -1
- package/dist/components/gxg-paginator.js +1 -1
- package/dist/components/gxg-select.js +1 -1
- package/dist/components/gxg-suggest.js +32 -4
- package/dist/components/gxg-test.js +110 -16
- package/dist/components/gxg-text.js +27 -12
- package/dist/components/gxg-tree-item2.js +31 -43
- package/dist/components/gxg-tree2.js +0 -4
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +5 -0
- package/dist/{esm/repositionScroll-9d3ee138.js → components/reposition-scroll.js} +2 -13
- package/dist/components/tab-button.js +1 -1
- package/dist/components/tab.js +17 -2
- package/dist/components/title.js +13 -8
- package/dist/components/top-bar.js +74 -0
- package/dist/components/types.js +10 -0
- package/dist/esm/ch-grid-action-refresh_6.entry.js +350 -0
- package/dist/esm/ch-grid-rowset-legend_2.entry.js +46 -0
- package/dist/esm/{ch-grid_9.entry.js → ch-grid_7.entry.js} +125 -325
- package/dist/esm/ch-suggest-list-item.entry.js +11 -16
- package/dist/esm/ch-suggest-list.entry.js +10 -10
- package/dist/esm/ch-suggest.entry.js +51 -47
- package/dist/esm/form-validation-a6686ca1.js +64 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/{gxg-combo-box_8.entry.js → gx-ide-container_10.entry.js} +325 -224
- package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +114 -0
- package/dist/esm/gx-ide-new-kb.entry.js +42 -93
- package/dist/esm/gx-ide-template.entry.js +11 -12
- package/dist/esm/gxg-breadcrumb.entry.js +0 -1
- package/dist/esm/gxg-button-group.entry.js +1 -1
- package/dist/esm/gxg-button.entry.js +2 -2
- package/dist/esm/gxg-container.entry.js +211 -0
- package/dist/esm/gxg-date-picker.entry.js +1 -1
- package/dist/esm/gxg-drop-down.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +4 -2
- package/dist/esm/gxg-form-radio-group.entry.js +77 -37
- package/dist/esm/gxg-form-text.entry.js +17 -5
- package/dist/esm/gxg-form-textarea.entry.js +1 -1
- package/dist/esm/gxg-list-box.entry.js +3 -2
- package/dist/esm/gxg-menu-item.entry.js +60 -13
- package/dist/esm/gxg-menu-list.entry.js +24 -0
- package/dist/esm/gxg-menu.entry.js +228 -12
- package/dist/esm/gxg-option.entry.js +1 -1
- package/dist/esm/gxg-paginator.entry.js +1 -1
- package/dist/esm/gxg-select.entry.js +1 -1
- package/dist/esm/gxg-suggest.entry.js +26 -3
- package/dist/esm/gxg-test.entry.js +36 -10
- package/dist/esm/gxg-text.entry.js +23 -11
- package/dist/esm/gxg-title.entry.js +11 -7
- package/dist/esm/gxg-tree-item.entry.js +30 -43
- package/dist/esm/gxg-tree.entry.js +0 -4
- package/dist/esm/loader.js +1 -1
- package/dist/{components/repositionScroll.js → esm/reposition-scroll-3478b46f.js} +2 -13
- package/dist/esm/types-02481dff.js +10 -0
- package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
- package/dist/genexus-ide-ui/gx-ide-assets/template/langs/template.lang.en.json +1 -1
- package/dist/genexus-ide-ui/{p-7e7af90d.entry.js → p-01e9d3aa.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-05ad8cad.js +1 -0
- package/dist/genexus-ide-ui/p-0a8bd33f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-0a954e0f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9292edf8.entry.js → p-18936375.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-203ea363.entry.js +1 -0
- package/dist/genexus-ide-ui/p-20a45778.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-fed1d2ba.entry.js → p-23d4b295.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-408bdfc6.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4198315e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-944e787a.entry.js → p-41e8442b.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-4d572963.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4e78d56d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5463844e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-6a84b339.js +1 -0
- package/dist/genexus-ide-ui/p-6bee904e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-1cedf0b2.entry.js → p-7137b4cf.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-75961324.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7a5e0988.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7c2068c2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-c0360787.entry.js → p-7fa78be9.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-89d0ef14.entry.js +1 -0
- package/dist/genexus-ide-ui/p-925cb9fe.js +1 -0
- package/dist/genexus-ide-ui/p-9e32e006.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-8eb472e6.entry.js → p-a985b448.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-ad9fe469.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ae1871e4.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-8ae0846e.entry.js → p-af0ac52d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b3727324.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b4e4fc69.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c670dcba.entry.js +1 -0
- package/dist/genexus-ide-ui/p-e377e5be.entry.js +1 -0
- package/dist/genexus-ide-ui/p-eb8e9655.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ecedca13.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f5aa333b.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-01795e05.entry.js → p-f6536bbc.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f739d5dc.entry.js → p-ff877c22.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.css +28 -6
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.css +6 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.css +13 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +14 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +336 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +2 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +2 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +344 -10
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu.css +31 -23
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-item/menu-item.css +35 -11
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-list/menu-list.css +340 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/paginator/gxg-paginator.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +617 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +10 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +35 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +27 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +1 -1
- package/dist/types/common/common.d.ts +4 -4
- package/dist/types/common/form-validation.d.ts +2 -0
- package/dist/types/common/interfaces.d.ts +0 -3
- package/dist/types/common/types.d.ts +10 -18
- package/dist/types/components/_template/template.d.ts +5 -5
- package/dist/types/components/container/container.d.ts +117 -0
- package/dist/types/components/new-environment/new-environment.d.ts +91 -0
- package/dist/types/components/new-kb/new-kb.d.ts +43 -38
- package/dist/types/components/top-bar/top-bar.d.ts +14 -0
- package/dist/types/components.d.ts +357 -43
- package/package.json +5 -2
- package/dist/cjs/ch-grid-column-resize_2.cjs.entry.js +0 -94
- package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +0 -23
- package/dist/cjs/ch-grid-settings_2.cjs.entry.js +0 -62
- package/dist/cjs/gxg-grid.cjs.entry.js +0 -34
- package/dist/cjs/helpers-00cb4402.js +0 -12
- package/dist/esm/ch-grid-column-resize_2.entry.js +0 -89
- package/dist/esm/ch-grid-rowset-legend.entry.js +0 -19
- package/dist/esm/ch-grid-settings_2.entry.js +0 -57
- package/dist/esm/gxg-grid.entry.js +0 -30
- package/dist/esm/helpers-78ca0d8a.js +0 -10
- package/dist/genexus-ide-ui/p-161b5c92.entry.js +0 -1
- package/dist/genexus-ide-ui/p-18c86754.entry.js +0 -1
- package/dist/genexus-ide-ui/p-215a6957.entry.js +0 -1
- package/dist/genexus-ide-ui/p-26000a72.entry.js +0 -1
- package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3182ba74.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3c6099ff.entry.js +0 -1
- package/dist/genexus-ide-ui/p-421bd2fb.entry.js +0 -1
- package/dist/genexus-ide-ui/p-783b8e55.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7b79281c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7dead490.entry.js +0 -1
- package/dist/genexus-ide-ui/p-847aca21.entry.js +0 -1
- package/dist/genexus-ide-ui/p-84a47196.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8f89e354.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a04ce551.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ad1b71a0.js +0 -1
- package/dist/genexus-ide-ui/p-b7a03c38.js +0 -1
- package/dist/genexus-ide-ui/p-b7c204b2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c3c9f7a2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c714cf27.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d5cf33f2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-da94ba10.entry.js +0 -1
- package/dist/genexus-ide-ui/p-de120e4b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e82e2182.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e9d84bbe.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,H as r,g as i}from"./p-f9f51980.js";import{c as a}from"./p-e7e4f76c.js";import{K as n}from"./p-6a84b339.js";const l=class{constructor(o){t(this,o),this.keyboardNavigation=e(this,"keyboardNavigation",7),this.itemSelected=e(this,"itemSelected",7),this.active=!1,this.ellipsis=!1,this.disabled=!1,this.iconTypeColor=()=>this.disabled?"ondisabled":this.active?"negative":"disabled",this.buttonClickedHandler=()=>{this.active=!0,this.itemSelected.emit({id:this.itemId,ref:this.el,label:this.label,iconType:this.iconType})},this.buttonKeyDownHandler=t=>{t.key!==n.ARROW_DOWN&&t.key!==n.ARROW_UP||this.keyboardNavigation.emit({ref:this.el,key:t.key})}}renderIcon(){return this.iconType?o("gxg-icon",{slot:"iconType",type:this.iconType,size:"small",color:this.iconTypeColor(),part:"icon"}):null}render(){return o(r,{class:{[a.DISABLED_CLASS]:this.disabled}},o("li",{class:{"menu-item":!0,"menu-item--shorter":void 0!==this.iconType,"menu-item--ellipsis":this.ellipsis,[a.DISABLED_CLASS]:this.disabled},ref:t=>this.listItem=t,part:"item"},o("button",{class:"menu-item__button form-element",onClick:this.buttonClickedHandler,onKeyDown:this.buttonKeyDownHandler,part:"button"},this.renderIcon(),o("span",{class:"menu-item__label",part:"label"},this.label))))}static get delegatesFocus(){return!0}get el(){return i(this)}};l.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}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host .menu-item{position:relative}:host .menu-item:before{content:"";display:block;height:100%;width:2px;background-color:transparent;position:absolute}:host .menu-item--ellipsis .menu-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host .menu-item__button{all:unset;color:var(--color-on-background);padding:0 var(--spacing-comp-01);min-height:var(--gxg-list-item-height);width:100%;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-comp-02);border-radius:var(--border-width-md);overflow:hidden}:host .menu-item__button:hover{background-color:var(--gxg-background-color-item-hover)}:host .menu-item__button:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host :menu-item--tab{font-weight:var(--font-weight-semibold)}:host([active]) .menu-item__button{color:var(--gxg-color-selected);background-color:var(--gxg-background-color-item-selected)}';export{l as gxg_menu_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e,r as t,g as l}from"./p-f9f51980.js";const i=(t,l=!0)=>{if(null==t?void 0:t.length)return l?t.map((e=>r(e))):e("gxg-tree",{slot:"tree"},t.map((e=>r(e))))},r=t=>{var l;const r=t.items?t.items.length:0;return e("gxg-tree-item",{checkbox:t.checkbox,checked:t.checked,description:t.description,disabled:t.disabled,icon:t.icon,indeterminate:t.indeterminate,id:t.id,key:`tree-item-${t.id}`,label:t.label,leaf:!(0!==r&&!t.leaf||t.lazy),numberOfChildren:r,opened:t.opened,selected:t.selected},[t.label,(null===(l=t.items)||void 0===l?void 0:l.length)&&i(t.items,!1)])},o=class{constructor(l){t(this,l),this.buttonTestExportParts=!1,this.showGrid=!1,this.showGridData=!1,this.closeTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!1)},this.openTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!0)},this.toggleTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"])},this.getSelectedItemsHandler=()=>{(async()=>{const e=await this.tree.getSelectedItems();console.log(e)})()},this.getCheckedItemsHandler=()=>{(async()=>{const e=await this.tree.getCheckedItems();console.log(e)})()},this.deleteNodeHandler=()=>{this.treeItemsModel=[]},this.getIconState=t=>{let l=e("gxg-icon",{type:"gx-server/private"});switch(t){case"inserted":l=e("gxg-icon",{type:"gx-server/new",color:"success"});break;case"modified":l=e("gxg-icon",{type:"gx-server/changes-commit-pending",color:"primary-active"});break;case"deleted":l=e("gxg-icon",{type:"gx-server/delete",color:"error"});break;case"conflicted":l=e("gxg-icon",{type:"gx-server/conflict",color:"warning"})}return l}}toggleIconClickedHandler(e){if(console.log("hola"),this.lazyLoadTreeItemsCallback&&e.detail.lazy){const t=this.lazyLoadTreeItemsCallback(e.detail.id);setTimeout((()=>{t.then((e=>{this.treeItemsModel=e}))}),1e3)}}render(){return this.buttonTestExportParts?e("gxg-button",{part:"exterior-part"},"Export parts tests"):this.treeItemsModel?[e("gxg-tree",{checkbox:!0,checked:!0},i(this.treeItemsModel)),e("div",{class:"tree-buttons"},e("gxg-button",{type:"outlined",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.openTreeNodeHandler},"Open 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.getSelectedItemsHandler},"Get Selected Items"),e("gxg-button",{type:"outlined",onClick:this.getCheckedItemsHandler},"Get Checked Items"),e("gxg-button",{type:"outlined",onClick:this.deleteNodeHandler},"Delete Tree"))]:this.showGrid?e("gxg-grid",null,e("ch-grid",{"row-selection-mode":"none",part:"ch-grid-pending-for-updates",class:"no-border"},e("ch-grid-columnset",null,e("ch-grid-column",{settingable:!1,sortable:!1,"column-type":"rich","rich-row-selector":!0,"rich-row-selector-mode":"mark"}),e("ch-grid-column",{"column-name":"name","column-name-position":"text",settingable:!1}),e("ch-grid-column",{"column-name":"productos","column-name-position":"text",settingable:!1})),this.showGridData&&[e("ch-grid-row",{rowid:"123"},e("ch-grid-cell",null),e("ch-grid-cell",null,"Nombre"),e("ch-grid-cell",null,"Productos")),e("ch-grid-rowset",null,e("ch-grid-rowset-legend",null,"Identidad"),e("ch-grid-row",null,e("ch-grid-cell",null),e("ch-grid-cell",null,"Nombre"),e("ch-grid-cell",null,"Productos")),e("ch-grid-row",null,e("ch-grid-cell",null),e("ch-grid-cell",null,"English"),e("ch-grid-cell",null,"Products")),e("ch-grid-row",null,e("ch-grid-cell",null),e("ch-grid-cell",null,"Português"),e("ch-grid-cell",null,"Produtos")))])):e("slot",null)}get el(){return l(this)}};o.style=".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";export{o as gxg_test}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as o,g as e}from"./p-f9f51980.js";const a=class{constructor(r){t(this,r),this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.masterTree=!1,this.evaluateIsMasterTree=()=>{var t;const r=null===(t=this.el.parentElement)||void 0===t?void 0:t.parentElement;void 0!==r&&"GXG-TREE"===r.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const t=this.el.parentElement;if("GXG-TREE-ITEM"===(null==t?void 0:t.tagName)){const r=t;this.checkbox=void 0!==r.checkbox?r.checkbox:this.checkbox,this.checked=void 0!==r.checked?r.checked:this.checked,this.opened=void 0!==r.opened?r.opened:this.opened,this.toggleCheckboxes=void 0!==r.toggleCheckboxes?r.toggleCheckboxes:this.toggleCheckboxes}},this.getNumberOfParentTrees=()=>{}}componentWillLoad(){this.initialConfig(),this.getNumberOfParentTrees(),this.evaluateIsMasterTree()}selectionChangedHandler(t){if(this.masterTree&&!this.multiSelection||this.masterTree&&this.multiSelection&&!t.detail.ctrlKey){const t=this.el.querySelectorAll("gxg-tree-item");(null==t?void 0:t.length)&&Array.from(t).forEach((t=>{t.selected=!1}))}}async getCheckedItems(t){const r=Array.from(this.el.querySelectorAll("gxg-tree-item")),o=[];return(null==t?void 0:t.length)?t.forEach((t=>{const e=r.find((r=>t===r.id));e&&o.push({id:e.id,label:e.label,checked:e.checked,selected:e.selected})})):r.forEach((t=>{t.checked&&o.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),o}async getSelectedItems(){const t=[],r=this.el.querySelectorAll("gxg-tree-item");return(null==r?void 0:r.length)&&Array.from(r).forEach((r=>{console.log(r),r.selected&&t.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})),t}async toggleItems(t,r){if(!(null==t?void 0:t.length))return[];const o=Array.from(this.el.querySelectorAll("gxg-tree-item")),e=[];return t.forEach((t=>{const a=o.find((r=>t===r.id));a&&void 0===r?a.opened=!a.opened:a&&r&&!a.opened?a.opened=!0:a&&!r&&a.opened&&(a.opened=!1),a&&e.push({id:a.id,opened:a.opened})})),e}render(){return r(o,null,r("div",{class:{tree:!0}},r("ul",{ref:t=>this.ulTree=t},r("slot",null))))}get el(){return e(this)}};a.style=":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}:host{display:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host ul{margin:0;padding-left:0;width:100%}";export{a as gxg_tree}
|
|
1
|
+
import{r as t,c as r,h as e,H as o,g as i}from"./p-f9f51980.js";import{f as a,r as n}from"./p-cc7d6bdf.js";import{f as l}from"./p-e7e4f76c.js";const s=class{constructor(e){t(this,e),this.change=r(this,"change",7),this.showValidationMessage=!1,this._componentDidLoad=!1,this.disabled=!1,this.formMessageLogic=a,this.required=!1,this.validationStatus="indeterminate",this.uncheckAll=t=>{const r=this.getEnabledRadios();r.length&&r.forEach((r=>{t!==r&&r.checked&&(r.checked=!1)}))},this.setValue=()=>{const t=this.getEnabledRadios();let r;if(t.forEach((t=>{t.disabled||r||!r&&t.checked&&(r=t)})),this.value&&r)this.value!==r.value&&(this.value=r.value);else if(this.value&&!r){const r=t.find((t=>t.value===this.value));r?r.checked=!0:(this.value=t[0].value,t[0].checked=!0)}else!this.value&&r?this.value=r.value:(this.value=t[0].value,t[0].checked=!0)},this.disableAllRadios=()=>{this.disabled&&this.el.querySelectorAll("gxg-form-radio").forEach((t=>{t.disabled=!0}))},this.enableAllRadios=()=>{this.disabled||this.el.querySelectorAll("gxg-form-radio").forEach((t=>{t.disabled=!1,t.value===this.value&&(t.checked=!0)}))},this.getEnabledRadios=()=>{const t=this.el.querySelectorAll("gxg-form-radio"),r=[];return t.forEach((t=>{t.disabled||r.push(t)})),r},this.getCheckboxByValue=t=>{const r=this.getEnabledRadios();let e;return r.length&&(e=r.find((r=>r.value===t))),e}}disabledHandler(t){!0===t?(this.disableAllRadios(),this.valueBeforeDisabled=this.value,this.value=null):(this.value=this.valueBeforeDisabled,this.enableAllRadios())}watchValueHandler(t){const r=this.getCheckboxByValue(t);this.uncheckAll(r),this._componentDidLoad&&this.change.emit({id:r.radioId,value:this.value})}radioCheckedHandler(t){this.value=t.detail.value}keyPressedHandler(t){const r=t.detail,e=t.target;let o=null;const i=Array.from(this.el.querySelectorAll("gxg-form-radio:not([disabled])")),a=i.findIndex((t=>e===t));-1!==a&&("ArrowDown"===r||"ArrowRight"===r?a+1<i.length&&(o=i[a+1]):"ArrowUp"===r||"ArrowLeft"===r?a-1<i.length&&(o=i[a-1]):"Enter"===r&&(e.checked||(this.value=e.value)),o&&o.focus())}componentWillLoad(){this.disabled&&this.disableAllRadios(),this.setValue()}componentDidLoad(){this._componentDidLoad=!0}renderLabel(){if(this.label)return e("gxg-label",{class:"label"},this.label,n(this))}render(){return e(o,{class:{"gxg-form-radio-group":!0,"gxg-form-radio-group--row":this.row,[l.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[l.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[l.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[l.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus}},this.renderLabel(),e("div",{class:"radios-wrapper"},e("slot",null)),a(this))}get el(){return i(this)}static get watchers(){return{disabled:["disabledHandler"],value:["watchValueHandler"]}}};s.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{display:block}:host .label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;margin-bottom:var(--spacing-lay-xs);display:inline-block;margin-bottom:var(--spacing-comp-02)}:host .radios-wrapper{display:flex;flex-direction:column;gap:var(--gxg-form-control-gap--vertical)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.gxg-form-radio-group--row) .radios-wrapper{flex-direction:row;gap:var(--gxg-form-control-gap--horizontal);align-items:center}:host .required{padding-left:2px}";export{s as gxg_form_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r
|
|
1
|
+
import{r,h as t,H as o}from"./p-f9f51980.js";const a=class{constructor(t){r(this,t)}render(){return t(o,null,t("div",{class:"wrapper",part:"wrapper"},this.listTitle?t("span",{class:"title-wrapper",part:"title-wrapper"},t("gxg-title",{type:"title-05",part:"title"},this.listTitle)):null,t("ul",{part:"list"},t("slot",null))))}};a.style=":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}:host{display:block}.title-wrapper{display:block;padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box}ul{padding-left:0;list-style-type:none;display:block;box-sizing:border-box;margin:0;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}";export{a as gxg_menu_list}
|
|
@@ -1,18 +1,35 @@
|
|
|
1
|
+
*,
|
|
2
|
+
::after,
|
|
3
|
+
::before {
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
}
|
|
6
|
+
|
|
1
7
|
:host {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
8
|
--window-max-height: none;
|
|
5
9
|
--window-gap: 50px;
|
|
6
10
|
}
|
|
7
11
|
|
|
8
|
-
.
|
|
9
|
-
|
|
12
|
+
.main-wrapper {
|
|
13
|
+
display: block;
|
|
10
14
|
}
|
|
11
15
|
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
/*label*/
|
|
17
|
+
.label-input-wrapper {
|
|
18
|
+
display: flex;
|
|
19
|
+
}
|
|
20
|
+
.label-input-wrapper .input {
|
|
21
|
+
flex: 1;
|
|
14
22
|
}
|
|
15
23
|
|
|
24
|
+
:host([label-position=start]) .label-input-wrapper {
|
|
25
|
+
flex-direction: row;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
:host([label-position=above]) .label-input-wrapper {
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/*input*/
|
|
16
33
|
.input {
|
|
17
34
|
background-color: unset;
|
|
18
35
|
border: none;
|
|
@@ -23,6 +40,11 @@
|
|
|
23
40
|
outline: 0;
|
|
24
41
|
}
|
|
25
42
|
|
|
43
|
+
/*window*/
|
|
44
|
+
.ch-window-container {
|
|
45
|
+
position: relative;
|
|
46
|
+
}
|
|
47
|
+
|
|
26
48
|
ch-window::part(window) {
|
|
27
49
|
width: 100%;
|
|
28
50
|
max-height: calc(var(--window-max-height) - var(--window-gap));
|
|
@@ -702,7 +702,7 @@ FORM ELEMENTS
|
|
|
702
702
|
:host(.button) .button-native:focus:not([disabled]):not(.no-tab-index) {
|
|
703
703
|
background: var(--color-primary-enabled);
|
|
704
704
|
outline-style: solid;
|
|
705
|
-
outline-color: var(--color-primary-
|
|
705
|
+
outline-color: var(--color-primary-active);
|
|
706
706
|
outline-width: var(--border-width-md);
|
|
707
707
|
outline-offset: -2px;
|
|
708
708
|
}
|
package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css
CHANGED
|
@@ -692,7 +692,7 @@ FORM ELEMENTS
|
|
|
692
692
|
}
|
|
693
693
|
:host .select-container:focus {
|
|
694
694
|
outline-style: solid;
|
|
695
|
-
outline-color: var(--color-primary-
|
|
695
|
+
outline-color: var(--color-primary-active);
|
|
696
696
|
outline-width: var(--border-width-md);
|
|
697
697
|
outline-offset: -2px;
|
|
698
698
|
}
|
package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css
CHANGED
|
@@ -689,6 +689,15 @@ FORM ELEMENTS
|
|
|
689
689
|
--checkmark-border-color: var(--color-success-dark);
|
|
690
690
|
}
|
|
691
691
|
|
|
692
|
+
:host(.gxg--disabled) .form-element,
|
|
693
|
+
:host(.gxg--disabled.form-element) {
|
|
694
|
+
pointer-events: none;
|
|
695
|
+
background-color: var(--color-background-disabled) !important;
|
|
696
|
+
color: var(--color-on-background--disabled) !important;
|
|
697
|
+
border-color: var(--gxg-border-color--disabled) !important;
|
|
698
|
+
cursor: default !important;
|
|
699
|
+
}
|
|
700
|
+
|
|
692
701
|
:host {
|
|
693
702
|
--box-border-color: var(--color-primary-active);
|
|
694
703
|
display: block;
|
|
@@ -709,7 +718,7 @@ FORM ELEMENTS
|
|
|
709
718
|
}
|
|
710
719
|
:host input:focus + .box {
|
|
711
720
|
outline-style: solid;
|
|
712
|
-
outline-color: var(--color-primary-
|
|
721
|
+
outline-color: var(--color-primary-active);
|
|
713
722
|
outline-width: var(--border-width-md);
|
|
714
723
|
outline-offset: -2px;
|
|
715
724
|
}
|
|
@@ -853,6 +862,10 @@ FORM ELEMENTS
|
|
|
853
862
|
cursor: not-allowed;
|
|
854
863
|
}
|
|
855
864
|
|
|
865
|
+
:host(.disabled) {
|
|
866
|
+
cursor: not-allowed;
|
|
867
|
+
}
|
|
868
|
+
|
|
856
869
|
/*********************************************
|
|
857
870
|
VALIDATION
|
|
858
871
|
**********************************************/
|
|
@@ -0,0 +1,336 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ui-animaton-speed: 0.2s;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
/*ALIGNMENT*/
|
|
6
|
+
/*****************************************************
|
|
7
|
+
TYPOGRAPHY
|
|
8
|
+
*****************************************************/
|
|
9
|
+
/*Title 01 (Positive)*/
|
|
10
|
+
.gxg-title-01 {
|
|
11
|
+
font-family: var(--font-family-primary);
|
|
12
|
+
font-weight: var(--font-weight-bold);
|
|
13
|
+
font-size: var(--font-size-md);
|
|
14
|
+
letter-spacing: var(--letter-spacing-md);
|
|
15
|
+
color: var(--color-on-background);
|
|
16
|
+
text-align: start;
|
|
17
|
+
line-height: 1.455em;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/*Title 01 (Negative)*/
|
|
21
|
+
.gxg-title-01--negative {
|
|
22
|
+
font-family: var(--font-family-primary);
|
|
23
|
+
font-weight: var(--font-weight-bold);
|
|
24
|
+
font-size: var(--font-size-md);
|
|
25
|
+
letter-spacing: var(--letter-spacing-md);
|
|
26
|
+
color: var(--color-on-background);
|
|
27
|
+
text-align: start;
|
|
28
|
+
line-height: 1.455em;
|
|
29
|
+
color: var(--color-on-primary);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/*Title 02 (Positive)*/
|
|
33
|
+
.gxg-title-02 {
|
|
34
|
+
font-family: var(--font-family-primary);
|
|
35
|
+
font-weight: var(--font-weight-bold);
|
|
36
|
+
font-size: var(--font-size-sm);
|
|
37
|
+
letter-spacing: var(--letter-spacing-sm);
|
|
38
|
+
color: var(--color-on-background);
|
|
39
|
+
text-align: start;
|
|
40
|
+
text-transform: uppercase;
|
|
41
|
+
line-height: 1.556em;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.gxg-title-02--negative {
|
|
45
|
+
font-family: var(--font-family-primary);
|
|
46
|
+
font-weight: var(--font-weight-bold);
|
|
47
|
+
font-size: var(--font-size-sm);
|
|
48
|
+
letter-spacing: var(--letter-spacing-sm);
|
|
49
|
+
color: var(--color-on-background);
|
|
50
|
+
text-align: start;
|
|
51
|
+
text-transform: uppercase;
|
|
52
|
+
line-height: 1.556em;
|
|
53
|
+
color: var(--color-on-primary);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/*Title 03*/
|
|
57
|
+
.gxg-title-03 {
|
|
58
|
+
font-family: var(--font-family-primary);
|
|
59
|
+
font-weight: var(--font-weight-regular);
|
|
60
|
+
font-size: var(--font-size-xs);
|
|
61
|
+
letter-spacing: var(--letter-spacing-sm);
|
|
62
|
+
color: var(--color-on-background);
|
|
63
|
+
text-align: start;
|
|
64
|
+
text-transform: uppercase;
|
|
65
|
+
line-height: 1.556em;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.gxg-title-03--negative {
|
|
69
|
+
font-family: var(--font-family-primary);
|
|
70
|
+
font-weight: var(--font-weight-regular);
|
|
71
|
+
font-size: var(--font-size-xs);
|
|
72
|
+
letter-spacing: var(--letter-spacing-sm);
|
|
73
|
+
color: var(--color-on-background);
|
|
74
|
+
text-align: start;
|
|
75
|
+
text-transform: uppercase;
|
|
76
|
+
line-height: 1.556em;
|
|
77
|
+
color: var(--color-on-primary);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/*Title 04*/
|
|
81
|
+
.gxg-title-04 {
|
|
82
|
+
font-family: var(--font-family-primary);
|
|
83
|
+
font-weight: var(--font-weight-semibold);
|
|
84
|
+
font-size: var(--font-size-md);
|
|
85
|
+
letter-spacing: var(--letter-spacing-md);
|
|
86
|
+
color: var(--color-on-background);
|
|
87
|
+
text-align: start;
|
|
88
|
+
line-height: 1.455em;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.gxg-title-04--negative {
|
|
92
|
+
font-family: var(--font-family-primary);
|
|
93
|
+
font-weight: var(--font-weight-semibold);
|
|
94
|
+
font-size: var(--font-size-md);
|
|
95
|
+
letter-spacing: var(--letter-spacing-md);
|
|
96
|
+
color: var(--color-on-background);
|
|
97
|
+
text-align: start;
|
|
98
|
+
line-height: 1.455em;
|
|
99
|
+
color: var(--color-on-primary);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/*Title 05*/
|
|
103
|
+
.gxg-title-05 {
|
|
104
|
+
font-family: var(--font-family-primary);
|
|
105
|
+
font-weight: var(--font-weight-semibold);
|
|
106
|
+
font-size: var(--font-size-sm);
|
|
107
|
+
letter-spacing: var(--letter-spacing-sm);
|
|
108
|
+
color: var(--color-on-background);
|
|
109
|
+
text-align: start;
|
|
110
|
+
line-height: 1.556em;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.gxg-title-05--negative {
|
|
114
|
+
font-family: var(--font-family-primary);
|
|
115
|
+
font-weight: var(--font-weight-semibold);
|
|
116
|
+
font-size: var(--font-size-sm);
|
|
117
|
+
letter-spacing: var(--letter-spacing-sm);
|
|
118
|
+
color: var(--color-on-background);
|
|
119
|
+
text-align: start;
|
|
120
|
+
line-height: 1.556em;
|
|
121
|
+
color: var(--color-on-primary);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/*Text*/
|
|
125
|
+
.gxg-text {
|
|
126
|
+
font-family: var(--font-family-primary);
|
|
127
|
+
font-weight: var(--font-weight-regular);
|
|
128
|
+
font-size: var(--font-size-sm);
|
|
129
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
130
|
+
color: var(--color-on-background);
|
|
131
|
+
text-align: start;
|
|
132
|
+
line-height: 1.455em;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.gxg-text--negative {
|
|
136
|
+
font-family: var(--font-family-primary);
|
|
137
|
+
font-weight: var(--font-weight-regular);
|
|
138
|
+
font-size: var(--font-size-sm);
|
|
139
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
140
|
+
color: var(--color-on-background);
|
|
141
|
+
text-align: start;
|
|
142
|
+
line-height: 1.455em;
|
|
143
|
+
color: var(--color-on-primary);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.gxg-text--gray {
|
|
147
|
+
font-family: var(--font-family-primary);
|
|
148
|
+
font-weight: var(--font-weight-regular);
|
|
149
|
+
font-size: var(--font-size-sm);
|
|
150
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
151
|
+
color: var(--color-on-background);
|
|
152
|
+
text-align: start;
|
|
153
|
+
line-height: 1.455em;
|
|
154
|
+
color: var(--gray-05);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/*Quote*/
|
|
158
|
+
.gxg-quote {
|
|
159
|
+
font-family: var(--font-family-primary);
|
|
160
|
+
font-weight: var(--font-weight-regular);
|
|
161
|
+
font-size: var(--font-size-sm);
|
|
162
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
163
|
+
color: var(--color-on-background);
|
|
164
|
+
text-align: start;
|
|
165
|
+
line-height: 1.455em;
|
|
166
|
+
font-style: italic;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.gxg-quote--negative {
|
|
170
|
+
color: var(--color-on-primary);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/*Link*/
|
|
174
|
+
.gxg-link {
|
|
175
|
+
font-family: var(--font-family-primary);
|
|
176
|
+
font-weight: var(--font-weight-regular);
|
|
177
|
+
font-size: var(--font-size-sm);
|
|
178
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
179
|
+
color: var(--color-on-background);
|
|
180
|
+
text-align: start;
|
|
181
|
+
line-height: 1.455em;
|
|
182
|
+
color: var(--color-primary);
|
|
183
|
+
text-decoration: underline;
|
|
184
|
+
cursor: pointer;
|
|
185
|
+
display: inline-block;
|
|
186
|
+
}
|
|
187
|
+
.gxg-link:hover {
|
|
188
|
+
color: var(--color-primary-hover);
|
|
189
|
+
}
|
|
190
|
+
.gxg-link:active {
|
|
191
|
+
color: var(--color-primary-active);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.gxg-link-gray {
|
|
195
|
+
font-family: var(--font-family-primary);
|
|
196
|
+
font-weight: var(--font-weight-regular);
|
|
197
|
+
font-size: var(--font-size-sm);
|
|
198
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
199
|
+
color: var(--color-on-background);
|
|
200
|
+
text-align: start;
|
|
201
|
+
line-height: 1.455em;
|
|
202
|
+
color: var(--color-primary);
|
|
203
|
+
text-decoration: underline;
|
|
204
|
+
cursor: pointer;
|
|
205
|
+
display: inline-block;
|
|
206
|
+
color: var(--gray-04);
|
|
207
|
+
}
|
|
208
|
+
.gxg-link-gray:hover {
|
|
209
|
+
font-family: var(--font-family-primary);
|
|
210
|
+
font-weight: var(--font-weight-regular);
|
|
211
|
+
font-size: var(--font-size-sm);
|
|
212
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
213
|
+
color: var(--color-on-background);
|
|
214
|
+
text-align: start;
|
|
215
|
+
line-height: 1.455em;
|
|
216
|
+
color: var(--color-primary);
|
|
217
|
+
text-decoration: underline;
|
|
218
|
+
cursor: pointer;
|
|
219
|
+
display: inline-block;
|
|
220
|
+
color: var(--gray-04);
|
|
221
|
+
color: var(--gray-06);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
/*Alerts*/
|
|
225
|
+
.gxg-alert-error {
|
|
226
|
+
font-family: var(--font-family-primary);
|
|
227
|
+
font-weight: var(--font-weight-regular);
|
|
228
|
+
font-size: var(--font-size-sm);
|
|
229
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
230
|
+
color: var(--color-on-background);
|
|
231
|
+
text-align: start;
|
|
232
|
+
line-height: 1.455em;
|
|
233
|
+
color: var(--color-error-dark);
|
|
234
|
+
display: inline-block;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.gxg-alert-warning {
|
|
238
|
+
font-family: var(--font-family-primary);
|
|
239
|
+
font-weight: var(--font-weight-regular);
|
|
240
|
+
font-size: var(--font-size-sm);
|
|
241
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
242
|
+
color: var(--color-on-background);
|
|
243
|
+
text-align: start;
|
|
244
|
+
line-height: 1.455em;
|
|
245
|
+
color: var(--color-warning-dark);
|
|
246
|
+
display: inline-block;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.gxg-alert-success {
|
|
250
|
+
font-family: var(--font-family-primary);
|
|
251
|
+
font-weight: var(--font-weight-regular);
|
|
252
|
+
font-size: var(--font-size-sm);
|
|
253
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
254
|
+
color: var(--color-on-background);
|
|
255
|
+
text-align: start;
|
|
256
|
+
line-height: 1.455em;
|
|
257
|
+
color: var(--color-success-dark);
|
|
258
|
+
display: inline-block;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
/*Tab*/
|
|
262
|
+
.gxg-tab--disabled {
|
|
263
|
+
color: var(--color-primary-disabled);
|
|
264
|
+
pointer-events: none;
|
|
265
|
+
}
|
|
266
|
+
.gxg-tab--disabled[disabled] {
|
|
267
|
+
color: var(--color-primary-disabled);
|
|
268
|
+
pointer-events: none;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
/*Label*/
|
|
272
|
+
.gxg-label {
|
|
273
|
+
font-family: var(--font-family-primary) !important;
|
|
274
|
+
font-weight: var(--font-weight-semibold);
|
|
275
|
+
font-size: var(--font-size-sm) !important;
|
|
276
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
277
|
+
color: var(--color-primary-enabled);
|
|
278
|
+
text-align: center;
|
|
279
|
+
line-height: 1.455em;
|
|
280
|
+
}
|
|
281
|
+
.gxg-label:hover {
|
|
282
|
+
color: var(--color-primary-hover);
|
|
283
|
+
}
|
|
284
|
+
.gxg-label:focus {
|
|
285
|
+
color: var(--color-primary-active);
|
|
286
|
+
}
|
|
287
|
+
.gxg-label:active {
|
|
288
|
+
color: var(--color-primary-active);
|
|
289
|
+
}
|
|
290
|
+
.gxg-label[disabled] {
|
|
291
|
+
color: var(--color-primary-disabled);
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.gxg-label--negative {
|
|
295
|
+
color: var(--color-on-primary);
|
|
296
|
+
}
|
|
297
|
+
.gxg-label--negative[disabled] {
|
|
298
|
+
color: var(--color-on-disabled);
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
/*****************************************************
|
|
302
|
+
GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
|
|
303
|
+
*****************************************************/
|
|
304
|
+
.gxg-button-styles {
|
|
305
|
+
font-family: var(--font-family-primary) !important;
|
|
306
|
+
font-weight: var(--font-weight-semibold);
|
|
307
|
+
font-size: var(--font-size-sm) !important;
|
|
308
|
+
letter-spacing: var(--letter-spacing-xs);
|
|
309
|
+
color: var(--color-primary-enabled);
|
|
310
|
+
text-align: center;
|
|
311
|
+
line-height: 1.455em;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
/*****************************************************
|
|
315
|
+
FORM ELEMENTS
|
|
316
|
+
*****************************************************/
|
|
317
|
+
:host {
|
|
318
|
+
display: block;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.checkboxes-wrapper {
|
|
322
|
+
display: flex;
|
|
323
|
+
flex-direction: column;
|
|
324
|
+
gap: var(--gxg-form-control-gap--vertical);
|
|
325
|
+
}
|
|
326
|
+
.checkboxes-wrapper--row {
|
|
327
|
+
flex-direction: row;
|
|
328
|
+
gap: var(--gxg-form-control-gap--horizontal);
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.messages-wrapper {
|
|
332
|
+
margin-top: var(--spacing-comp-02);
|
|
333
|
+
display: flex;
|
|
334
|
+
gap: var(--spacing-comp-01);
|
|
335
|
+
flex-direction: column;
|
|
336
|
+
}
|
package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css
CHANGED
|
@@ -770,7 +770,7 @@ FORM ELEMENTS
|
|
|
770
770
|
transition-duration: var(--ui-animaton-speed);
|
|
771
771
|
transition-timing-function: ease;
|
|
772
772
|
}
|
|
773
|
-
:host .label input
|
|
773
|
+
:host .label input.checked ~ .radiobtn:after {
|
|
774
774
|
display: block;
|
|
775
775
|
transform: translateY(-50%) translateX(-50%);
|
|
776
776
|
width: 8px;
|
|
@@ -790,7 +790,7 @@ FORM ELEMENTS
|
|
|
790
790
|
pointer-events: none;
|
|
791
791
|
}
|
|
792
792
|
:host([disabled]) .radiobtn,
|
|
793
|
-
:host([disabled]) .label input
|
|
793
|
+
:host([disabled]) .label input.checked ~ .radiobtn {
|
|
794
794
|
border-color: var(--gxg-border-color--disabled);
|
|
795
795
|
}
|
|
796
796
|
:host([disabled]) .radiobtn:after {
|
|
@@ -672,7 +672,7 @@ FORM ELEMENTS
|
|
|
672
672
|
:host .radios-wrapper {
|
|
673
673
|
display: flex;
|
|
674
674
|
flex-direction: column;
|
|
675
|
-
gap: var(--
|
|
675
|
+
gap: var(--gxg-form-control-gap--vertical);
|
|
676
676
|
}
|
|
677
677
|
|
|
678
678
|
.messages-wrapper {
|
|
@@ -684,7 +684,7 @@ FORM ELEMENTS
|
|
|
684
684
|
|
|
685
685
|
:host(.gxg-form-radio-group--row) .radios-wrapper {
|
|
686
686
|
flex-direction: row;
|
|
687
|
-
gap: var(--
|
|
687
|
+
gap: var(--gxg-form-control-gap--horizontal);
|
|
688
688
|
align-items: center;
|
|
689
689
|
}
|
|
690
690
|
|