@genexus/genexus-ide-ui 0.0.142 → 0.0.143
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-bpm-import-gxpm.cjs.entry.js +47 -3
- package/dist/cjs/gx-ide-bpm-import-gxpm.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/bpm/import-gxpm/gx-ide-assets/bpm-import-gxpm/langs/bpm-import-gxpm.lang.en.json +9 -2
- package/dist/collection/components/bpm/import-gxpm/import-gxpm.css +4 -0
- package/dist/collection/components/bpm/import-gxpm/import-gxpm.js +103 -2
- package/dist/collection/components/bpm/import-gxpm/import-gxpm.js.map +1 -1
- package/dist/components/gx-ide-bpm-import-gxpm.js +58 -28
- package/dist/components/gx-ide-bpm-import-gxpm.js.map +1 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-bpm-import-gxpm.entry.js +47 -3
- package/dist/esm/gx-ide-bpm-import-gxpm.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/bpm-import-gxpm/langs/bpm-import-gxpm.lang.en.json +9 -2
- package/dist/genexus-ide-ui/{p-049a370c.entry.js → p-58cb7bbb.entry.js} +78 -29
- package/dist/genexus-ide-ui/p-58cb7bbb.entry.js.map +1 -0
- package/dist/types/components/bpm/import-gxpm/import-gxpm.d.ts +30 -1
- package/dist/types/components.d.ts +22 -0
- package/package.json +1 -1
- package/dist/genexus-ide-ui/p-049a370c.entry.js.map +0 -1
|
@@ -1,25 +1,64 @@
|
|
|
1
|
-
import { r, c as e, h as
|
|
1
|
+
import { r as t, c as e, h as r, H as o, g as a } from "./p-48217969.js";
|
|
2
2
|
|
|
3
3
|
import { c as i } from "./p-9c1b4eb9.js";
|
|
4
4
|
|
|
5
|
-
import { L as
|
|
5
|
+
import { L as s } from "./p-74d59062.js";
|
|
6
6
|
|
|
7
|
-
const s = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.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(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);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:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0;font-size:var(--mer-font__size--xxs)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--mer-spacing--sm)}";
|
|
7
|
+
const l = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.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(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);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:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0;font-size:var(--mer-font__size--xxs)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--mer-spacing--sm)}.hidden-input{display:none}";
|
|
8
8
|
|
|
9
9
|
const n = class {
|
|
10
|
-
constructor(
|
|
11
|
-
|
|
10
|
+
constructor(r) {
|
|
11
|
+
t(this, r);
|
|
12
12
|
this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
|
|
13
13
|
this.renderedFirstTime = false;
|
|
14
14
|
// 7.LISTENERS //
|
|
15
15
|
// 8.PUBLIC METHODS API //
|
|
16
16
|
// 9.LOCAL METHODS //
|
|
17
|
-
this.
|
|
17
|
+
this.loadFileHandle = async () => {
|
|
18
|
+
this.fileInput.click();
|
|
19
|
+
};
|
|
20
|
+
this.handleFileInputChange = t => {
|
|
21
|
+
const e = t.target;
|
|
22
|
+
if (e.files && e.files.length > 0) {
|
|
23
|
+
const t = e.files[0];
|
|
24
|
+
this.selectedFile = t;
|
|
25
|
+
this.pathValue = this.selectedFile.name;
|
|
26
|
+
}
|
|
27
|
+
this.fileInput.value = null;
|
|
28
|
+
};
|
|
29
|
+
this.handlePathInputChange = t => {
|
|
30
|
+
this.selectedFile = null;
|
|
31
|
+
const e = t.target;
|
|
32
|
+
const r = e.value;
|
|
33
|
+
this.pathValue = r;
|
|
34
|
+
};
|
|
35
|
+
this.confirmCallbackHandle = async () => {
|
|
36
|
+
if (this.confirmCallback) {
|
|
37
|
+
const t = this.pathValue.replace(/^.*?([^\\\/]*)$/, "$1").toLowerCase().trim();
|
|
38
|
+
if (t === ".gxpm" || !t.endsWith(".gxpm")) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
const e = this.selectedFile ? this.selectedFile : new File([ this.pathValue ], t);
|
|
42
|
+
const r = {
|
|
43
|
+
automaticBackup: this.automaticBackupEl.value === "true",
|
|
44
|
+
file: e
|
|
45
|
+
};
|
|
46
|
+
await this.confirmCallback(r);
|
|
47
|
+
this.fileInput.value = null;
|
|
48
|
+
this.selectedFile = null;
|
|
49
|
+
this.pathValue = "";
|
|
50
|
+
this.automaticBackupEl.value = "false";
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
this.selectedFile = null;
|
|
54
|
+
this.pathValue = "";
|
|
18
55
|
this.displayTitle = false;
|
|
56
|
+
this.confirmCallback = undefined;
|
|
57
|
+
this.cancelCallback = undefined;
|
|
19
58
|
}
|
|
20
59
|
// 6.COMPONENT LIFECYCLE METHODS //
|
|
21
60
|
async componentWillLoad() {
|
|
22
|
-
this._componentLocale = await
|
|
61
|
+
this._componentLocale = await s.getComponentStrings(this.el);
|
|
23
62
|
}
|
|
24
63
|
componentDidRender() {
|
|
25
64
|
if (!this.renderedFirstTime) {
|
|
@@ -29,40 +68,50 @@ const n = class {
|
|
|
29
68
|
}
|
|
30
69
|
// 10.RENDER() FUNCTION //
|
|
31
70
|
render() {
|
|
32
|
-
return
|
|
71
|
+
return r(o, {
|
|
33
72
|
class: "gx-ide-component"
|
|
34
|
-
},
|
|
73
|
+
}, r("div", {
|
|
35
74
|
class: "gx-ide-main-wrapper"
|
|
36
|
-
},
|
|
75
|
+
}, r("gx-ide-container", {
|
|
37
76
|
containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
|
|
38
77
|
slimmerFooter: i.gxIdeContainer.slimmerFooter
|
|
39
|
-
},
|
|
78
|
+
}, r("div", {
|
|
40
79
|
class: "header"
|
|
41
|
-
},
|
|
80
|
+
}, r("label", {
|
|
42
81
|
htmlFor: "project-path"
|
|
43
|
-
},
|
|
82
|
+
}, this._componentLocale.main.projectPathInputLabel), r("input", {
|
|
44
83
|
type: "text",
|
|
45
84
|
class: "input-text",
|
|
46
|
-
id: "project-path"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
85
|
+
id: "project-path",
|
|
86
|
+
value: this.pathValue,
|
|
87
|
+
onChange: this.handlePathInputChange
|
|
88
|
+
}), r("input", {
|
|
89
|
+
type: "file",
|
|
90
|
+
id: "input_file",
|
|
91
|
+
accept: ".gxpm",
|
|
92
|
+
ref: t => this.fileInput = t,
|
|
93
|
+
onChange: this.handleFileInputChange,
|
|
94
|
+
class: "hidden-input"
|
|
95
|
+
}), r("button", {
|
|
96
|
+
onClick: this.loadFileHandle
|
|
97
|
+
}, this._componentLocale.main.addFilesButton)), r("div", {
|
|
51
98
|
class: "control-wrapper"
|
|
52
|
-
},
|
|
99
|
+
}, r("label", {
|
|
53
100
|
htmlFor: "automatic-backup"
|
|
54
|
-
},
|
|
101
|
+
}, this._componentLocale.main.automaticBackupCheckboxLabel), r("ch-checkbox", {
|
|
55
102
|
id: "automatic-backup",
|
|
56
|
-
accessibleName: "
|
|
103
|
+
accessibleName: "automatic-backup",
|
|
57
104
|
checkedValue: "true",
|
|
58
105
|
unCheckedValue: "false",
|
|
59
106
|
value: "checked",
|
|
60
|
-
|
|
61
|
-
})),
|
|
62
|
-
slot: "footer-end"
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
107
|
+
ref: t => this.automaticBackupEl = t
|
|
108
|
+
})), r("button", {
|
|
109
|
+
slot: "footer-end",
|
|
110
|
+
onClick: this.cancelCallback
|
|
111
|
+
}, this._componentLocale.footer.cancelButton), r("button", {
|
|
112
|
+
slot: "footer-end",
|
|
113
|
+
onClick: this.confirmCallbackHandle
|
|
114
|
+
}, this._componentLocale.footer.confirmButton))));
|
|
66
115
|
}
|
|
67
116
|
static get assetsDirs() {
|
|
68
117
|
return [ "gx-ide-assets/bpm-import-gxpm" ];
|
|
@@ -72,7 +121,7 @@ const n = class {
|
|
|
72
121
|
}
|
|
73
122
|
};
|
|
74
123
|
|
|
75
|
-
n.style =
|
|
124
|
+
n.style = l;
|
|
76
125
|
|
|
77
126
|
export { n as gx_ide_bpm_import_gxpm };
|
|
78
|
-
//# sourceMappingURL=p-
|
|
127
|
+
//# sourceMappingURL=p-58cb7bbb.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["importGxpmCss","GxIdeTemplate","this","renderedFirstTime","loadFileHandle","async","fileInput","click","handleFileInputChange","event","target","files","length","newFile","selectedFile","pathValue","name","value","handlePathInputChange","inputElement","newValue","confirmCallbackHandle","confirmCallback","fileName","replace","toLowerCase","trim","endsWith","fileData","File","data","automaticBackup","automaticBackupEl","file","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","main","projectPathInputLabel","type","id","onChange","accept","ref","onClick","addFilesButton","automaticBackupCheckboxLabel","accessibleName","checkedValue","unCheckedValue","slot","cancelCallback","footer","cancelButton","confirmButton"],"sources":["src/components/bpm/import-gxpm/import-gxpm.scss?tag=gx-ide-bpm-import-gxpm&encapsulation=shadow","src/components/bpm/import-gxpm/import-gxpm.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.header {\n display: grid;\n align-items: center;\n grid-template-columns: max-content 1fr min-content;\n gap: var(--mer-spacing--sm);\n}\n.hidden-input {\n display: none;\n}\n","/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n tag: \"gx-ide-bpm-import-gxpm\",\n styleUrl: \"import-gxpm.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-import-gxpm\"]\n})\nexport class GxIdeTemplate {\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeBpmImportGxpmElement;\n\n private fileInput: HTMLInputElement;\n private automaticBackupEl: HTMLChCheckboxElement;\n\n // 3.STATE() VARIABLES //\n\n /**\n * Contains the list of files\n */\n @State() selectedFile: File = null;\n\n /**\n * Contains the path input value\n */\n @State() pathValue: string = \"\";\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * If true it displays the component title on the header\n */\n @Prop() readonly displayTitle = false;\n /**\n * Callback function to be executed when OK button is pressed.\n * This callback is expected to handle the file or string input and return a Promise that resolves when is completed.\n *\n * @param {ImportData} data - The data to be processed. This can be a string or a File object.\n * @returns {Promise<void>} A Promise that resolves to void, indicating the completion of the operation.\n */\n @Prop() readonly confirmCallback: (data: ImportData) => Promise<void>;\n /**\n * Callback invoked when user press 'Cancel' button.\n */\n @Prop() readonly cancelCallback: () => Promise<void>;\n\n // 5.EVENTS (EMIT) //\n\n /**\n * @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private loadFileHandle = async () => {\n this.fileInput.click();\n };\n\n private handleFileInputChange = (event: Event) => {\n const fileInput = event.target as HTMLInputElement;\n\n if (fileInput.files && fileInput.files.length > 0) {\n const newFile: File = fileInput.files[0];\n this.selectedFile = newFile;\n this.pathValue = this.selectedFile.name;\n }\n\n this.fileInput.value = null;\n };\n\n private handlePathInputChange = (event: Event) => {\n this.selectedFile = null;\n const inputElement = event.target as HTMLInputElement;\n const newValue = inputElement.value;\n\n this.pathValue = newValue;\n };\n\n private confirmCallbackHandle = async () => {\n if (this.confirmCallback) {\n const fileName = this.pathValue\n .replace(/^.*?([^\\\\\\/]*)$/, \"$1\")\n .toLowerCase()\n .trim();\n if (fileName === \".gxpm\" || !fileName.endsWith(\".gxpm\")) {\n return;\n }\n const fileData = this.selectedFile\n ? this.selectedFile\n : new File([this.pathValue], fileName);\n\n const data: ImportData = {\n automaticBackup: this.automaticBackupEl.value === \"true\",\n file: fileData\n };\n\n await this.confirmCallback(data);\n\n this.fileInput.value = null;\n this.selectedFile = null;\n this.pathValue = \"\";\n this.automaticBackupEl.value = \"false\";\n }\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <div class=\"header\">\n <label htmlFor=\"project-path\">\n {this._componentLocale.main.projectPathInputLabel}\n </label>\n <input\n type=\"text\"\n class=\"input-text\"\n id=\"project-path\"\n value={this.pathValue}\n onChange={this.handlePathInputChange}\n />\n <input\n type=\"file\"\n id=\"input_file\"\n accept=\".gxpm\"\n ref={el => (this.fileInput = el as HTMLInputElement)}\n onChange={this.handleFileInputChange}\n class=\"hidden-input\"\n />\n <button onClick={this.loadFileHandle}>\n {this._componentLocale.main.addFilesButton}\n </button>\n </div>\n\n <div class=\"control-wrapper\">\n <label htmlFor=\"automatic-backup\">\n {this._componentLocale.main.automaticBackupCheckboxLabel}\n </label>\n\n <ch-checkbox\n id=\"automatic-backup\"\n accessibleName=\"automatic-backup\"\n checkedValue=\"true\"\n unCheckedValue=\"false\"\n value=\"checked\"\n ref={el =>\n (this.automaticBackupEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n </div>\n <button slot=\"footer-end\" onClick={this.cancelCallback}>\n {this._componentLocale.footer.cancelButton}\n </button>\n <button slot=\"footer-end\" onClick={this.confirmCallbackHandle}>\n {this._componentLocale.footer.confirmButton}\n </button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ImportData = {\n file: File;\n automaticBackup: boolean;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAgB;;MCuBTC,IAAa;;;;IAOhBC,KAAAC,oBAAoB;;;;QAoEpBD,KAAAE,iBAAiBC;MACvBH,KAAKI,UAAUC;AAAO;IAGhBL,KAAAM,wBAAyBC;MAC/B,MAAMH,IAAYG,EAAMC;MAExB,IAAIJ,EAAUK,SAASL,EAAUK,MAAMC,SAAS,GAAG;QACjD,MAAMC,IAAgBP,EAAUK,MAAM;QACtCT,KAAKY,eAAeD;QACpBX,KAAKa,YAAYb,KAAKY,aAAaE;;MAGrCd,KAAKI,UAAUW,QAAQ;AAAI;IAGrBf,KAAAgB,wBAAyBT;MAC/BP,KAAKY,eAAe;MACpB,MAAMK,IAAeV,EAAMC;MAC3B,MAAMU,IAAWD,EAAaF;MAE9Bf,KAAKa,YAAYK;AAAQ;IAGnBlB,KAAAmB,wBAAwBhB;MAC9B,IAAIH,KAAKoB,iBAAiB;QACxB,MAAMC,IAAWrB,KAAKa,UACnBS,QAAQ,mBAAmB,MAC3BC,cACAC;QACH,IAAIH,MAAa,YAAYA,EAASI,SAAS,UAAU;UACvD;;QAEF,MAAMC,IAAW1B,KAAKY,eAClBZ,KAAKY,eACL,IAAIe,KAAK,EAAC3B,KAAKa,aAAYQ;QAE/B,MAAMO,IAAmB;UACvBC,iBAAiB7B,KAAK8B,kBAAkBf,UAAU;UAClDgB,MAAML;;cAGF1B,KAAKoB,gBAAgBQ;QAE3B5B,KAAKI,UAAUW,QAAQ;QACvBf,KAAKY,eAAe;QACpBZ,KAAKa,YAAY;QACjBb,KAAK8B,kBAAkBf,QAAQ;;;wBArGL;qBAKD;wBAOG;;;;;EAuBhC,uBAAMiB;IACJhC,KAAKiC,yBAAyBC,EAAOC,oBAAoBnC,KAAKoC;;EAGhE,kBAAAC;IACE,KAAKrC,KAAKC,mBAAmB;MAC3BD,KAAKsC,4BAA4BC,KAC/BvC,KAAKiC,iBAAiBO;MAExBxC,KAAKC,oBAAoB;;;;EA+D7B,MAAAwC;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACE7C,KAAK8C,eAAe9C,KAAKiC,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAErCL,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZlD,KAAKiC,iBAAiBkB,KAAKC,wBAE9BV,EAAA;MACEW,MAAK;MACLT,OAAM;MACNU,IAAG;MACHvC,OAAOf,KAAKa;MACZ0C,UAAUvD,KAAKgB;QAEjB0B,EAAA;MACEW,MAAK;MACLC,IAAG;MACHE,QAAO;MACPC,KAAKrB,KAAOpC,KAAKI,YAAYgC;MAC7BmB,UAAUvD,KAAKM;MACfsC,OAAM;QAERF,EAAA;MAAQgB,SAAS1D,KAAKE;OACnBF,KAAKiC,iBAAiBkB,KAAKQ,kBAIhCjB,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZlD,KAAKiC,iBAAiBkB,KAAKS,+BAG9BlB,EAAA;MACEY,IAAG;MACHO,gBAAe;MACfC,cAAa;MACbC,gBAAe;MACfhD,OAAM;MACN0C,KAAKrB,KACFpC,KAAK8B,oBAAoBM;SAIhCM,EAAA;MAAQsB,MAAK;MAAaN,SAAS1D,KAAKiE;OACrCjE,KAAKiC,iBAAiBiC,OAAOC,eAEhCzB,EAAA;MAAQsB,MAAK;MAAaN,SAAS1D,KAAKmB;OACrCnB,KAAKiC,iBAAiBiC,OAAOE"}
|
|
@@ -6,16 +6,45 @@ export declare class GxIdeTemplate {
|
|
|
6
6
|
private _componentLocale;
|
|
7
7
|
private renderedFirstTime;
|
|
8
8
|
el: HTMLGxIdeBpmImportGxpmElement;
|
|
9
|
+
private fileInput;
|
|
10
|
+
private automaticBackupEl;
|
|
11
|
+
/**
|
|
12
|
+
* Contains the list of files
|
|
13
|
+
*/
|
|
14
|
+
selectedFile: File;
|
|
15
|
+
/**
|
|
16
|
+
* Contains the path input value
|
|
17
|
+
*/
|
|
18
|
+
pathValue: string;
|
|
9
19
|
/**
|
|
10
20
|
* If true it displays the component title on the header
|
|
11
21
|
*/
|
|
12
22
|
readonly displayTitle = false;
|
|
23
|
+
/**
|
|
24
|
+
* Callback function to be executed when OK button is pressed.
|
|
25
|
+
* This callback is expected to handle the file or string input and return a Promise that resolves when is completed.
|
|
26
|
+
*
|
|
27
|
+
* @param {ImportData} data - The data to be processed. This can be a string or a File object.
|
|
28
|
+
* @returns {Promise<void>} A Promise that resolves to void, indicating the completion of the operation.
|
|
29
|
+
*/
|
|
30
|
+
readonly confirmCallback: (data: ImportData) => Promise<void>;
|
|
31
|
+
/**
|
|
32
|
+
* Callback invoked when user press 'Cancel' button.
|
|
33
|
+
*/
|
|
34
|
+
readonly cancelCallback: () => Promise<void>;
|
|
13
35
|
/**
|
|
14
36
|
* @description Gets fired when the component has rendered for the first time.
|
|
15
37
|
*/
|
|
16
38
|
componentDidRenderFirstTime: EventEmitter<string>;
|
|
17
39
|
componentWillLoad(): Promise<void>;
|
|
18
40
|
componentDidRender(): void;
|
|
19
|
-
private
|
|
41
|
+
private loadFileHandle;
|
|
42
|
+
private handleFileInputChange;
|
|
43
|
+
private handlePathInputChange;
|
|
44
|
+
private confirmCallbackHandle;
|
|
20
45
|
render(): any;
|
|
21
46
|
}
|
|
47
|
+
export type ImportData = {
|
|
48
|
+
file: File;
|
|
49
|
+
automaticBackup: boolean;
|
|
50
|
+
};
|
|
@@ -13,6 +13,7 @@ import { CancelCallback as CancelCallback1, ConfirmCallback as ConfirmCallback1
|
|
|
13
13
|
import { CancelCallback as CancelCallback2, ExportCallback } from "./components/bpm/export-xpdl/export-xpdl";
|
|
14
14
|
import { ObjectData } from "./components/bpm/objects-selector/helpers";
|
|
15
15
|
import { ImportData } from "./components/bpm/import-files/import-files";
|
|
16
|
+
import { ImportData as ImportData1 } from "./components/bpm/import-gxpm/import-gxpm";
|
|
16
17
|
import { SelectionData } from "./components/bpm/objects-selector/objects-selector";
|
|
17
18
|
import { TimerDuration } from "./components/bpm/timer-duration/timer-duration";
|
|
18
19
|
import { GXServerConnectionData, GXServerConnectionDefault } from "./components/connect-gx-server/connect-gx-server";
|
|
@@ -63,6 +64,7 @@ export { CancelCallback as CancelCallback1, ConfirmCallback as ConfirmCallback1
|
|
|
63
64
|
export { CancelCallback as CancelCallback2, ExportCallback } from "./components/bpm/export-xpdl/export-xpdl";
|
|
64
65
|
export { ObjectData } from "./components/bpm/objects-selector/helpers";
|
|
65
66
|
export { ImportData } from "./components/bpm/import-files/import-files";
|
|
67
|
+
export { ImportData as ImportData1 } from "./components/bpm/import-gxpm/import-gxpm";
|
|
66
68
|
export { SelectionData } from "./components/bpm/objects-selector/objects-selector";
|
|
67
69
|
export { TimerDuration } from "./components/bpm/timer-duration/timer-duration";
|
|
68
70
|
export { GXServerConnectionData, GXServerConnectionDefault } from "./components/connect-gx-server/connect-gx-server";
|
|
@@ -268,6 +270,16 @@ export namespace Components {
|
|
|
268
270
|
"displayTitle": false;
|
|
269
271
|
}
|
|
270
272
|
interface GxIdeBpmImportGxpm {
|
|
273
|
+
/**
|
|
274
|
+
* Callback invoked when user press 'Cancel' button.
|
|
275
|
+
*/
|
|
276
|
+
"cancelCallback": () => Promise<void>;
|
|
277
|
+
/**
|
|
278
|
+
* Callback function to be executed when OK button is pressed. This callback is expected to handle the file or string input and return a Promise that resolves when is completed.
|
|
279
|
+
* @param data - The data to be processed. This can be a string or a File object.
|
|
280
|
+
* @returns A Promise that resolves to void, indicating the completion of the operation.
|
|
281
|
+
*/
|
|
282
|
+
"confirmCallback": (data: ImportData1) => Promise<void>;
|
|
271
283
|
/**
|
|
272
284
|
* If true it displays the component title on the header
|
|
273
285
|
*/
|
|
@@ -2959,6 +2971,16 @@ declare namespace LocalJSX {
|
|
|
2959
2971
|
"onSelectionChanged"?: (event: GxIdeBpmImportFilesCustomEvent<void>) => void;
|
|
2960
2972
|
}
|
|
2961
2973
|
interface GxIdeBpmImportGxpm {
|
|
2974
|
+
/**
|
|
2975
|
+
* Callback invoked when user press 'Cancel' button.
|
|
2976
|
+
*/
|
|
2977
|
+
"cancelCallback"?: () => Promise<void>;
|
|
2978
|
+
/**
|
|
2979
|
+
* Callback function to be executed when OK button is pressed. This callback is expected to handle the file or string input and return a Promise that resolves when is completed.
|
|
2980
|
+
* @param data - The data to be processed. This can be a string or a File object.
|
|
2981
|
+
* @returns A Promise that resolves to void, indicating the completion of the operation.
|
|
2982
|
+
*/
|
|
2983
|
+
"confirmCallback"?: (data: ImportData1) => Promise<void>;
|
|
2962
2984
|
/**
|
|
2963
2985
|
* If true it displays the component title on the header
|
|
2964
2986
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["importGxpmCss","GxIdeTemplate","this","renderedFirstTime","automaticBackupHandler","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","type","id","icon","accessibleName","checkedValue","unCheckedValue","value","onInput","slot"],"sources":["src/components/bpm/import-gxpm/import-gxpm.scss?tag=gx-ide-bpm-import-gxpm&encapsulation=shadow","src/components/bpm/import-gxpm/import-gxpm.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.header {\n display: grid;\n align-items: center;\n grid-template-columns: max-content 1fr min-content;\n gap: var(--mer-spacing--sm);\n}\n","/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n tag: \"gx-ide-bpm-import-gxpm\",\n styleUrl: \"import-gxpm.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-import-gxpm\"]\n})\nexport class GxIdeTemplate {\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeBpmImportGxpmElement;\n\n // 3.STATE() VARIABLES //\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * If true it displays the component title on the header\n */\n @Prop() readonly displayTitle = false;\n\n // 5.EVENTS (EMIT) //\n\n /**\n * @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private automaticBackupHandler = () => {};\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <div class=\"header\">\n <label htmlFor=\"project-path\">Project Path</label>\n <input type=\"text\" class=\"input-text\" id=\"project-path\" />\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/show-more-horizontal\"\n ></gxg-button>\n </div>\n\n <div class=\"control-wrapper\">\n <label htmlFor=\"automatic-backup\">Automatic Backup</label>\n <ch-checkbox\n id=\"automatic-backup\"\n accessibleName=\"el mismo que el label\"\n checkedValue=\"true\"\n unCheckedValue=\"false\"\n value=\"checked\"\n onInput={this.automaticBackupHandler}\n ></ch-checkbox>\n </div>\n <button slot=\"footer-end\">Cancel</button>\n <button slot=\"footer-end\">Ok</button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAgB;;MCqBTC,IAAa;;;;IAOhBC,KAAAC,oBAAoB;;;;QA2CpBD,KAAAE,yBAAyB;wBA9BD;;;EAWhC,uBAAMC;IACJH,KAAKI,yBAAyBC,EAAOC,oBAAoBN,KAAKO;;EAGhE,kBAAAC;IACE,KAAKR,KAAKC,mBAAmB;MAC3BD,KAAKS,4BAA4BC,KAC/BV,KAAKI,iBAAiBO;MAExBX,KAAKC,oBAAoB;;;;EAc7B,MAAAW;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACEhB,KAAKiB,eAAejB,KAAKI,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAErCL,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OAAc,iBAC7BR,EAAA;MAAOS,MAAK;MAAOP,OAAM;MAAaQ,IAAG;QACzCV,EAAA;MACES,MAAK;MACLE,MAAK;SAITX,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OAAkB,qBACjCR,EAAA;MACEU,IAAG;MACHE,gBAAe;MACfC,cAAa;MACbC,gBAAe;MACfC,OAAM;MACNC,SAAS7B,KAAKE;SAGlBW,EAAA;MAAQiB,MAAK;OAAY,WACzBjB,EAAA;MAAQiB,MAAK;OAAY"}
|