@genexus/genexus-ide-ui 3.2.1 → 3.2.3
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/gx-ide-start-page.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-start-page.cjs.entry.js.map +1 -1
- package/dist/collection/components/start-page/start-page.css +17 -3
- package/dist/collection/components/start-page/start-page.js +1 -1
- package/dist/collection/components/start-page/start-page.js.map +1 -1
- package/dist/components/gx-ide-start-page.js +2 -2
- package/dist/components/gx-ide-start-page.js.map +1 -1
- package/dist/esm/gx-ide-start-page.entry.js +2 -2
- package/dist/esm/gx-ide-start-page.entry.js.map +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/{p-98820155.entry.js → p-0680b762.entry.js} +17 -13
- package/dist/genexus-ide-ui/p-0680b762.entry.js.map +1 -0
- package/dist/types/components/start-page/start-page.d.ts +1 -0
- package/package.json +1 -1
- package/dist/genexus-ide-ui/p-98820155.entry.js.map +0 -1
|
@@ -2509,7 +2509,7 @@ const zhCN = {
|
|
|
2509
2509
|
},
|
|
2510
2510
|
};
|
|
2511
2511
|
|
|
2512
|
-
const startPageCss = "/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\nbutton.button-secondary {\n border-color: var(--color-border-neutral-default);\n}\n\n:host {\n --common-spacing: var(--spacing-padding-xxl);\n --spacing-body-block-start: var(--common-spacing);\n --spacing-body-block-end: var(--common-spacing);\n --spacing-body-inline-start: var(--common-spacing);\n --spacing-body-inline-end: 0;\n --spacing-body-inline-start: 0;\n display: grid;\n block-size: 100%;\n overflow: auto;\n}\n\n:host(.spacing-body) .section-secondary,\n:host(.spacing-body) .section-create-new-kb__header,\n:host(.spacing-body) .section-create-new-kb__actions,\n:host(.spacing-body-inline) .section-secondary,\n:host(.spacing-body-inline) .section-create-new-kb__header,\n:host(.spacing-body-inline) .section-create-new-kb__actions {\n padding-inline-start: var(--common-spacing);\n padding-inline-end: var(--common-spacing);\n}\n\n:host(.spacing-body-inline-start) .section-secondary,\n:host(.spacing-body-inline-start) .section-create-new-kb__actions {\n padding-inline-start: var(--common-spacing);\n}\n\n:host(.spacing-body-inline-end) .section-secondary,\n:host(.spacing-body-inline-end) .section-create-new-kb__actions {\n padding-inline-end: var(--common-spacing);\n}\n\n.main {\n animation: fadeIn var(--timing-fast) forwards;\n display: grid;\n block-size: 100%;\n overflow: auto;\n opacity: 0;\n grid-template-rows: max-content 1fr;\n gap: var(--spacing-gap-xxl);\n}\n\n@keyframes bounce {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(calc(-1 * 32px));\n }\n}\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.section-create-new-kb__actions,\n.section-secondary__actions {\n display: grid;\n grid-auto-flow: column;\n gap: var(--spacing-gap-xl);\n overflow-x: auto;\n padding-block-end: var(--spacing-padding-m);\n}\n\n.card-filled,\n.card-outlined {\n display: grid;\n gap: var(--spacing-gap-xl);\n align-content: space-between;\n border-radius: 8px;\n}\n\n.card-filled {\n background-color: var(--color-accent-surface-elevation-1);\n padding: var(--spacing-padding-xl);\n}\n\n.card-outlined {\n border: 1px solid var(--color-border-surface-on-surface);\n grid-template-columns: max-content 1fr;\n align-items: center;\n padding: var(--spacing-padding-xl) var(--spacing-padding-xl) var(--spacing-padding-m) var(--spacing-padding-xl);\n}\n\n.icon-capsule {\n pointer-events: none;\n display: inline-flex;\n block-size: 40px;\n inline-size: 40px;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n border: 1px dashed var(--color-border-surface-on-elevation-2);\n}\n\n.card__header {\n display: grid;\n gap: var(--spacing-gap-l);\n justify-items: self-start;\n}\n\n.card__header-description {\n display: grid;\n gap: var(--spacing-gap-m);\n}\n\n.section-create-new-kb {\n display: grid;\n grid-auto-rows: max-content;\n gap: var(--spacing-gap-xxl);\n}\n.section-create-new-kb__header {\n display: grid;\n gap: var(--spacing-gap-m);\n}\n.section-create-new-kb__title {\n color: var(--color-text-neutral-default);\n}\n.section-create-new-kb__actions {\n display: grid;\n gap: var(--spacing-gap-xl);\n overflow-x: auto;\n grid-auto-flow: column;\n grid-auto-columns: 330px;\n}\n\n.samples-buttons-container {\n flex-wrap: wrap;\n}\n\n.section-secondary {\n display: grid;\n block-size: 100%;\n position: relative;\n overflow: auto;\n}\n.section-secondary__title {\n display: grid;\n grid-template-columns: 1fr max-content 1fr;\n gap: var(--spacing-gap-xl);\n align-items: center;\n}\n.section-secondary__title::before, .section-secondary__title::after {\n content: \"\";\n block-size: 1px;\n background-color: var(--color-border-surface-on-elevation-1);\n}\n.section-secondary__actions {\n display: grid;\n}\n.section-secondary__actions--two-cards {\n grid-template-columns: repeat(2, minmax(430px, 1fr));\n}\n.section-secondary__actions--multiple-cards {\n grid-auto-columns: 670px;\n}\n\n.section-no-kbs {\n display: grid;\n block-size: 100%;\n position: relative;\n overflow: auto;\n grid-template-rows: max-content max-content;\n gap: var(--spacing-gap-xl);\n}\n\n.section-kbs {\n background-color: var(--color-accent-surface-elevation-1);\n border-radius: 4px;\n padding: var(--spacing-padding-l);\n display: grid;\n container-type: inline-size;\n grid-template-rows: auto 1fr;\n overflow: hidden;\n}\n.section-kbs__header {\n display: grid;\n grid-template-columns: max-content 230px;\n align-items: center;\n gap: var(--spacing-gap-xxxl);\n border-block-end: 1px solid var(--color-border-surface-on-elevation-1);\n padding-block-end: var(--spacing-padding-l);\n}\n.section-kbs__header--no-border {\n border-block-end-color: transparent !important;\n}\n.section-kbs__title {\n align-items: center;\n display: flex;\n min-block-size: calc(32px - 1px);\n}\n.section-kbs__filter--hidden {\n opacity: 0;\n}\n.section-kbs__list {\n display: grid;\n grid-auto-rows: max-content;\n grid-template-columns: 1fr 1fr;\n row-gap: var(--spacing-gap-m);\n column-gap: var(--spacing-gap-xl);\n overflow: auto;\n position: relative;\n padding-block-start: var(--spacing-padding-l);\n}\n.section-kbs__list--empty {\n grid-template-columns: 1fr;\n grid-auto-rows: 1fr;\n overflow: hidden;\n}\n@container (max-width: 768px) {\n .section-kbs__list {\n grid-template-columns: 1fr;\n }\n}\n\n.kb__item {\n background-color: var(--color-accent-surface-elevation-2);\n padding: var(--spacing-padding-l);\n display: grid;\n grid-template-columns:
|
|
2512
|
+
const startPageCss = "/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\nbutton.button-secondary {\n border-color: var(--color-border-neutral-default);\n}\n\n:host {\n --common-spacing: var(--spacing-padding-xxl);\n --spacing-body-block-start: var(--common-spacing);\n --spacing-body-block-end: var(--common-spacing);\n --spacing-body-inline-start: var(--common-spacing);\n --spacing-body-inline-end: 0;\n --spacing-body-inline-start: 0;\n display: grid;\n block-size: 100%;\n overflow: auto;\n}\n\n:host(.spacing-body) .section-secondary,\n:host(.spacing-body) .section-create-new-kb__header,\n:host(.spacing-body) .section-create-new-kb__actions,\n:host(.spacing-body-inline) .section-secondary,\n:host(.spacing-body-inline) .section-create-new-kb__header,\n:host(.spacing-body-inline) .section-create-new-kb__actions {\n padding-inline-start: var(--common-spacing);\n padding-inline-end: var(--common-spacing);\n}\n\n:host(.spacing-body-inline-start) .section-secondary,\n:host(.spacing-body-inline-start) .section-create-new-kb__actions {\n padding-inline-start: var(--common-spacing);\n}\n\n:host(.spacing-body-inline-end) .section-secondary,\n:host(.spacing-body-inline-end) .section-create-new-kb__actions {\n padding-inline-end: var(--common-spacing);\n}\n\n.main {\n animation: fadeIn var(--timing-fast) forwards;\n display: grid;\n block-size: 100%;\n overflow: auto;\n opacity: 0;\n grid-template-rows: max-content 1fr;\n gap: var(--spacing-gap-xxl);\n}\n\n@keyframes bounce {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(calc(-1 * 32px));\n }\n}\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.section-create-new-kb__actions,\n.section-secondary__actions {\n display: grid;\n grid-auto-flow: column;\n gap: var(--spacing-gap-xl);\n overflow-x: auto;\n padding-block-end: var(--spacing-padding-m);\n}\n\n.card-filled,\n.card-outlined {\n display: grid;\n gap: var(--spacing-gap-xl);\n align-content: space-between;\n border-radius: 8px;\n}\n\n.card-filled {\n background-color: var(--color-accent-surface-elevation-1);\n padding: var(--spacing-padding-xl);\n}\n\n.card-outlined {\n border: 1px solid var(--color-border-surface-on-surface);\n grid-template-columns: max-content 1fr;\n align-items: center;\n padding: var(--spacing-padding-xl) var(--spacing-padding-xl) var(--spacing-padding-m) var(--spacing-padding-xl);\n}\n\n.icon-capsule {\n pointer-events: none;\n display: inline-flex;\n block-size: 40px;\n inline-size: 40px;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n border: 1px dashed var(--color-border-surface-on-elevation-2);\n}\n\n.card__header {\n display: grid;\n gap: var(--spacing-gap-l);\n justify-items: self-start;\n}\n\n.card__header-description {\n display: grid;\n gap: var(--spacing-gap-m);\n}\n\n.section-create-new-kb {\n display: grid;\n grid-auto-rows: max-content;\n gap: var(--spacing-gap-xxl);\n}\n.section-create-new-kb__header {\n display: grid;\n gap: var(--spacing-gap-m);\n}\n.section-create-new-kb__title {\n color: var(--color-text-neutral-default);\n}\n.section-create-new-kb__actions {\n display: grid;\n gap: var(--spacing-gap-xl);\n overflow-x: auto;\n grid-auto-flow: column;\n grid-auto-columns: 330px;\n}\n\n.samples-buttons-container {\n flex-wrap: wrap;\n}\n\n.section-secondary {\n display: grid;\n block-size: 100%;\n position: relative;\n overflow: auto;\n}\n.section-secondary__title {\n display: grid;\n grid-template-columns: 1fr max-content 1fr;\n gap: var(--spacing-gap-xl);\n align-items: center;\n}\n.section-secondary__title::before, .section-secondary__title::after {\n content: \"\";\n block-size: 1px;\n background-color: var(--color-border-surface-on-elevation-1);\n}\n.section-secondary__actions {\n display: grid;\n}\n.section-secondary__actions--two-cards {\n grid-template-columns: repeat(2, minmax(430px, 1fr));\n}\n.section-secondary__actions--multiple-cards {\n grid-auto-columns: 670px;\n}\n\n.section-no-kbs {\n display: grid;\n block-size: 100%;\n position: relative;\n overflow: auto;\n grid-template-rows: max-content max-content;\n gap: var(--spacing-gap-xl);\n}\n\n.section-kbs {\n background-color: var(--color-accent-surface-elevation-1);\n border-radius: 4px;\n padding: var(--spacing-padding-l);\n display: grid;\n container-type: inline-size;\n grid-template-rows: auto 1fr;\n overflow: hidden;\n}\n.section-kbs__header {\n display: grid;\n grid-template-columns: max-content 230px;\n align-items: center;\n gap: var(--spacing-gap-xxxl);\n border-block-end: 1px solid var(--color-border-surface-on-elevation-1);\n padding-block-end: var(--spacing-padding-l);\n}\n.section-kbs__header--no-border {\n border-block-end-color: transparent !important;\n}\n.section-kbs__title {\n align-items: center;\n display: flex;\n min-block-size: calc(32px - 1px);\n}\n.section-kbs__filter--hidden {\n opacity: 0;\n}\n.section-kbs__list {\n display: grid;\n grid-auto-rows: max-content;\n grid-template-columns: 1fr 1fr;\n row-gap: var(--spacing-gap-m);\n column-gap: var(--spacing-gap-xl);\n overflow: auto;\n position: relative;\n padding-block-start: var(--spacing-padding-l);\n}\n.section-kbs__list--empty {\n grid-template-columns: 1fr;\n grid-auto-rows: 1fr;\n overflow: hidden;\n}\n@container (max-width: 768px) {\n .section-kbs__list {\n grid-template-columns: 1fr;\n }\n}\n\n.kb__item {\n background-color: var(--color-accent-surface-elevation-2);\n padding: var(--spacing-padding-l);\n display: grid;\n grid-template-columns: minmax(0, 1fr) max-content;\n align-items: center;\n column-gap: 48px;\n}\n.kb__details {\n display: grid;\n grid-template-columns: max-content minmax(0, 1fr);\n align-items: center;\n gap: var(--spacing-gap-l);\n overflow: hidden;\n}\n.kb__info {\n display: grid;\n gap: var(--spacing-gap-xs);\n overflow: hidden;\n}\n.kb__name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.kb__name:hover {\n color: var(--color-text-neutral-default);\n}\n.kb__modified {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: end;\n font-variant-numeric: tabular-nums;\n color: var(--color-text-neutral-disabled);\n}\n.kb__path {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--color-text-neutral-disabled);\n}\n\n.hiChar {\n color: var(--color-text-primary-default);\n filter: brightness(1.3);\n}\n\n.loader {\n border: 1px solid var(--color-border-surface-on-surface);\n}\n\n.heading-2,\n.heading-3 {\n margin: 0;\n color: #ffffff !important;\n}\n\n.card-filled .heading-3 {\n color: var(--color-text-neutral-strawberry) !important;\n}\n\n.card__header-title {\n color: var(--color-text-neutral-default);\n}\n\n.button-tertiary-no-padding-inline-start.button-tertiary {\n padding-inline-start: 0;\n}";
|
|
2513
2513
|
|
|
2514
2514
|
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
2515
2515
|
if (kind === "a" && !f)
|
|
@@ -2631,7 +2631,7 @@ const GxIdeStartPage = class {
|
|
|
2631
2631
|
let dateFormated = helpers.formatDate(dateAsDate, "date-time-short");
|
|
2632
2632
|
// icon
|
|
2633
2633
|
const kbIcon = (_a = kb.icon) !== null && _a !== void 0 ? _a : KB_DEFAULT_ICON;
|
|
2634
|
-
return (index.h("article", { class: "kb__item", key: index$1 }, index.h("div", { class: "kb__details" }, index.h("ch-image", { class: "icon-m", src: kbIcon }), index.h("button", { class: "body-regular-m kb__name", onClick: __classPrivateFieldGet(this, _GxIdeStartPage_openKbClickHandler, "f").call(this, kb.id) }, kb.name)), relativeDate && (index.h("p", { class: "body-regular-
|
|
2634
|
+
return (index.h("article", { class: "kb__item", key: index$1 }, index.h("div", { class: "kb__details" }, index.h("ch-image", { class: "icon-m", src: kbIcon }), index.h("div", { class: "kb__info" }, index.h("button", { class: "body-regular-m kb__name", onClick: __classPrivateFieldGet(this, _GxIdeStartPage_openKbClickHandler, "f").call(this, kb.id) }, kb.name), kb.path && index.h("p", { class: "body-regular-xs kb__path" }, kb.path))), relativeDate && (index.h("p", { class: "body-regular-s kb__modified" }, `${__classPrivateFieldGet(this, _GxIdeStartPage_componentLocale, "f").recentKBs.opened}`, " ", index.h("time", { dateTime: dateFormated }, dateFormated)))));
|
|
2635
2635
|
});
|
|
2636
2636
|
});
|
|
2637
2637
|
_GxIdeStartPage_renderSecondarySection.set(this, () => {
|