npm - @genexus/genexus-ide-ui - Versions diffs - 3.0.0 → 3.0.2 - Mend

@genexus/genexus-ide-ui 3.0.0 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/dist/collection/testing/locale.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"locale.e2e.js","sourceRoot":"","sources":["../../src/testing/locale.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,gBAAgB,GAAG,SAAS,CAAC;AACnC,MAAM,SAAS,GAAqC;IAClD,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IAC/B,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IAC/B,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE;CACjC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,uBAAoD,EAAE,EAAE;IAC1E,QAAQ,CAAC,YAAY,uBAAuB,GAAG,EAAE,GAAG,EAAE;QACpD,IAAI,IAAa,CAAC;QAClB,MAAM,aAAa,GAAG,uBAAuB,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;QAE5E,8EAA8E;QAC9E,2EAA2E;QAC3E,cAAc;QACd,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;;YACxB,MAAM,aAAa,GAAG,gBAAgB,CAAC;YACvC,MAAM,gBAAgB,GAAG,IAAI,CAAC;YAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC;YAC9B,MAAM,WAAW,GAAG,QAAQ,CAAC;YAC7B,MAAM,cAAc,GAAG,OAAO,CAAC;YAC/B,MAAM,IAAI,GACR,MAAA,MAAA,QAAQ;iBACL,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;iBAC/B,YAAY,CAAC,MAAM,CAAC,0CACnB,OAAO,EAAE,mCAAI,gBAAgB,CAAC;YACpC,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG,CAAC;YAE/B,MAAM,IAAI,GACR,UAAU,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,cAAc,EAAW,CAAC;YAE/G,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC3B,KAAK,CAAC,IAAI,CAAC;qBACR,IAAI,CAAC,KAAK,EAAC,QAAQ,EAAC,EAAE;oBACrB,IAAI,QAAQ,CAAC,EAAE,EAAE;wBACf,MAAM,UAAU,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;wBACzC,OAAO,CAAC,UAAU,CAAC,CAAC;qBACrB;yBAAM;wBACL,OAAO,CAAC,SAAS,CAAC,CAAC;qBACpB;gBACH,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,aAAa,CAAC,CAAC;QAEpB,UAAU,CAAC,KAAK,IAAI,EAAE;YACpB,IAAI,GAAG,MAAM,UAAU,CAAC;gBACtB,kBAAkB,EAAE,IAAI;gBACxB,IAAI,EAAE,EAAE,CAAC,YAAY;aACtB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;YACtF,MAAM,YAAY,GAAoB,MAAM,eAAe,EAAE,CAAC;YAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yFAAyF,EAAE,KAAK,IAAI,EAAE;YACvG,MAAM,YAAY,GAAoB,MAAM,eAAe,EAAE,CAAC;YAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC;YAElC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CACvB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CACpD,CAAC;YAEF,MAAM,mBAAmB,GAAoB,MAAM,eAAe,EAAE,CAAC;YACrE,MAAM,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,CAAC;YACzC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,EAAE,CAAC,oBAAoB,QAAQ,CAAC,IAAI,WAAW,EAAE,KAAK,IAAI,EAAE;gBAC1D,MAAM,IAAI,CAAC,QAAQ,CACjB,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,EACrE,QAAQ,CAAC,IAAI,CACd,CAAC;gBACF,MAAM,YAAY,GAAoB,MAAM,eAAe,EAAE,CAAC;gBAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;YACzD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAEvC,wEAAwE;YACxE,qCAAqC;YACrC,EAAE,CAAC,uCAAuC,SAAS,CAAC,IAAI,QAAQ,SAAS,CAAC,IAAI,GAAG,EAAE,KAAK,IAAI,EAAE;gBAC5F,MAAM,IAAI,CAAC,QAAQ,CACjB,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,EACrE,SAAS,CAAC,IAAI,CACf,CAAC;gBACF,MAAM,aAAa,GAAoB,MAAM,eAAe,EAAE,CAAC;gBAE/D,MAAM,IAAI,CAAC,QAAQ,CACjB,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,EACrE,SAAS,CAAC,IAAI,CACf,CAAC;gBACF,MAAM,aAAa,GAAoB,MAAM,eAAe,EAAE,CAAC;gBAE/D,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,EAAE,CAAC;gBACnC,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,EAAE,CAAC;gBACnC,MAAM,CAAC,iBAAiB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,8EAA8E;AAC9E,MAAM,yBAAyB,GAAgD;IAC7E,cAAc,EAAE,CAAC;IACjB,4BAA4B,EAAE,CAAC;IAC/B,yBAAyB,EAAE,CAAC;IAC5B,yBAAyB,EAAE,CAAC;IAC5B,wBAAwB,EAAE,CAAC;IAC3B,6BAA6B,EAAE,CAAC;IAChC,2BAA2B,EAAE,CAAC;IAC9B,2BAA2B,EAAE,CAAC;IAC9B,2BAA2B,EAAE,CAAC;IAC9B,uBAAuB,EAAE,CAAC;IAC1B,qBAAqB,EAAE,CAAC;IACxB,0BAA0B,EAAE,CAAC;IAC7B,0BAA0B,EAAE,CAAC;IAC7B,kBAAkB,EAAE,CAAC;IACrB,8BAA8B,EAAE,CAAC;IACjC,0BAA0B,EAAE,CAAC;IAC7B,sBAAsB,EAAE,CAAC;IACzB,2BAA2B,EAAE,CAAC;IAC9B,wBAAwB,EAAE,CAAC;IAC3B,iCAAiC,EAAE,CAAC;IACpC,sBAAsB,EAAE,CAAC;IACzB,2BAA2B,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC;IACvB,wBAAwB,EAAE,CAAC;IAC3B,kBAAkB,EAAE,CAAC;IACrB,sBAAsB,EAAE,CAAC;IACzB,kCAAkC,EAAE,CAAC;IACrC,oBAAoB,EAAE,CAAC;IACvB,0BAA0B,EAAE,CAAC;IAC7B,0BAA0B,EAAE,CAAC;IAC7B,sBAAsB,EAAE,CAAC;IACzB,2BAA2B,EAAE,CAAC;IAC9B,eAAe,EAAE,CAAC;IAClB,iCAAiC,EAAE,CAAC;IACpC,oBAAoB,EAAE,CAAC;IACvB,wBAAwB,EAAE,CAAC;IAC3B,eAAe,EAAE,CAAC;IAClB,mBAAmB,EAAE,CAAC;IACtB,oBAAoB,EAAE,CAAC;IACvB,wBAAwB,EAAE,CAAC;IAC3B,wBAAwB,EAAE,CAAC;IAC3B,qBAAqB,EAAE,CAAC;IACxB,wBAAwB,EAAE,CAAC;IAC3B,uBAAuB,EAAE,CAAC;IAC1B,mBAAmB,EAAE,CAAC;IACtB,wBAAwB,EAAE,CAAC;IAC3B,wBAAwB,EAAE,CAAC;IAC3B,yBAAyB,EAAE,CAAC;IAC5B,gBAAgB,EAAE,CAAC;IACnB,qBAAqB,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC;IACpB,mBAAmB,EAAE,CAAC;IACtB,uBAAuB,EAAE,CAAC;IAC1B,uBAAuB,EAAE,CAAC;IAC1B,+BAA+B,EAAE,CAAC;IAClC,4CAA4C,EAAE,CAAC;IAC/C,wBAAwB,EAAE,CAAC;IAC3B,yBAAyB,EAAE,CAAC;IAC5B,yBAAyB,EAAE,CAAC;IAC5B,uCAAuC,EAAE,CAAC;IAC1C,wBAAwB,EAAE,CAAC;IAC3B,0CAA0C,EAAE,CAAC;IAC7C,oCAAoC,EAAE,CAAC;IACvC,0BAA0B,EAAE,CAAC;IAC7B,aAAa,EAAE,CAAC;IAChB,oBAAoB,EAAE,CAAC;IACvB,kBAAkB,EAAE,CAAC;IACrB,sBAAsB,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC;IACpB,0BAA0B,EAAE,CAAC;IAC7B,eAAe,EAAE,CAAC;IAClB,qBAAqB,EAAE,CAAC;IACxB,wBAAwB,EAAE,CAAC;IAC3B,uBAAuB,EAAE,CAAC;IAC1B,kBAAkB,EAAE,CAAC;IACrB,2BAA2B,EAAE,CAAC;IAC9B,8BAA8B,EAAE,CAAC;IACjC,uBAAuB,EAAE,CAAC;IAC1B,sBAAsB,EAAE,CAAC;IACzB,wBAAwB,EAAE,CAAC;IAC3B,wBAAwB,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,6BAA6B,GAAG,IAAI,GAAG,CAA8B;IACzE,uBAAuB;IACvB,kBAAkB;IAClB,0BAA0B;IAC1B,oBAAoB;IACpB,sBAAsB;IACtB,2BAA2B;IAC3B,eAAe;IACf,aAAa;IACb,kBAAkB;CACnB,CAAC,CAAC;AAEH,MAAM,0BAA0B,GAAG,MAAM,CAAC,IAAI,CAC5C,yBAAyB,CAC1B,CAAC,MAAM,CACN,SAAS,CAAC,EAAE,CACV,CAAC,6BAA6B,CAAC,GAAG,CAAC,SAAwC,CAAC,CAC/E,CAAC;AAEF,0BAA0B,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport { GeneXusIdeUIControlsTagName } from \"../common/types\";\nimport { haveSameStructure } from \"./same-structure.e2e\";\n\nconst COMPONENT_PREFIX = \"gx-ide-\";\nconst languages: { name: string; attr: string }[] = [\n { name: \"chinese\", attr: \"zh\" },\n { name: \"english\", attr: \"en\" },\n { name: \"japanese\", attr: \"ja\" }\n];\n\nconst testLocale = (componentNameWithPrefix: GeneXusIdeUIControlsTagName) => {\n describe(`[locale][${componentNameWithPrefix}]`, () => {\n let page: E2EPage;\n const componentName = componentNameWithPrefix.replace(COMPONENT_PREFIX, \"\");\n\n // This implementation is a WA since we can't evaluate JS classes in the page.\n // TODO: Implement the locale utility as a function, which can be evaluated\n // in the page\n const getTranslations = () =>\n page.evaluate(component => {\n const ASSETS_FOLDER = \"gx-ide-assets/\";\n const DEFAULT_LANGUAGE = \"en\";\n const LANGS_FOLDER = \"langs/\";\n const LANG_PREFIX = \".lang.\";\n const LANG_EXTENSION = \".json\";\n const lang =\n document\n .getElementsByTagName(\"html\")[0]\n .getAttribute(\"lang\")\n ?.valueOf() ?? DEFAULT_LANGUAGE;\n const folder = `${component}/`;\n\n const path =\n `/build/${ASSETS_FOLDER}${folder}${LANGS_FOLDER}${component}${LANG_PREFIX}${lang}${LANG_EXTENSION}` as const;\n\n return new Promise(resolve => {\n fetch(path)\n .then(async langFile => {\n if (langFile.ok) {\n const fileObject = await langFile.json();\n resolve(fileObject);\n } else {\n resolve(undefined);\n }\n })\n .catch(() => resolve(undefined));\n });\n }, componentName);\n\n beforeEach(async () => {\n page = await newE2EPage({\n failOnConsoleError: true,\n html: \"\" // Necessary\n });\n });\n\n it(\"should work without specifying the language (lang attr) in the browser\", async () => {\n const languageFile: any \| undefined = await getTranslations();\n expect(languageFile).toBeTruthy();\n });\n\n it(\"should default to english language when there is no language (lang attr) in the browser\", async () => {\n const languageFile: any \| undefined = await getTranslations();\n expect(languageFile).toBeTruthy();\n\n await page.evaluate(() =>\n document.documentElement.setAttribute(\"lang\", \"en\")\n );\n\n const languageEnglishFile: any \| undefined = await getTranslations();\n expect(languageEnglishFile).toBeTruthy();\n expect(languageFile).toEqual(languageEnglishFile);\n });\n\n languages.forEach(language => {\n it(`should work with ${language.name} language`, async () => {\n await page.evaluate(\n (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n language.attr\n );\n const languageFile: any \| undefined = await getTranslations();\n expect(languageFile).toBeTruthy();\n });\n });\n\n for (let index = 0; index < languages.length - 1; index++) {\n const language1 = languages[index];\n const language2 = languages[index + 1];\n\n // TODO: Complete all translations. At this moment, Japanese and Chinese\n // translations have missing literals\n it(`should translate the same literals (${language1.name} and ${language2.name})`, async () => {\n await page.evaluate(\n (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n language1.attr\n );\n const language1File: any \| undefined = await getTranslations();\n\n await page.evaluate(\n (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n language2.attr\n );\n const language2File: any \| undefined = await getTranslations();\n\n expect(language1File).toBeTruthy();\n expect(language2File).toBeTruthy();\n expect(haveSameStructure(language1File, language2File)).toBe(true);\n });\n }\n });\n};\n\n// TypeScript does not have a built-in type to exhaust a list with union types\nconst allGeneXusIdeUIComponents: { [key in GeneXusIdeUIControlsTagName]: 0 } = {\n \"gx-ide-about\": 0,\n \"gx-ide-bpm-app-declaration\": 0,\n \"gx-ide-bpm-assign-roles\": 0,\n \"gx-ide-bpm-import-files\": 0,\n \"gx-ide-bpm-import-gxpm\": 0,\n \"gx-ide-bpm-objects-selector\": 0,\n \"gx-ide-bpm-sync-gam-roles\": 0,\n \"gx-ide-bpm-task-documents\": 0,\n \"gx-ide-bpm-timer-duration\": 0,\n \"gx-ide-chat-container\": 0,\n \"gx-ide-chat-welcome\": 0,\n \"gx-ide-sc-chat-container\": 0,\n \"gx-ide-connect-gx-server\": 0,\n \"gx-ide-container\": 0,\n \"gx-ide-create-kb-from-server\": 0,\n \"gx-ide-current-user-info\": 0,\n \"gx-ide-data-selector\": 0,\n \"gx-ide-data-type-selector\": 0,\n \"gx-ide-deployment-tool\": 0,\n \"gx-ide-details-acknowledgements\": 0,\n \"gx-ide-design-import\": 0,\n \"gx-ide-edit-module-server\": 0,\n \"gx-ide-empty-state\": 0,\n \"gx-ide-entity-selector\": 0,\n \"gx-ide-file-item\": 0,\n \"gx-ide-file-uploader\": 0,\n \"gx-ide-gam-installation-settings\": 0,\n \"gx-ide-json-import\": 0,\n \"gx-ide-kb-manager-export\": 0,\n \"gx-ide-kb-manager-import\": 0,\n \"gx-ide-list-selector\": 0,\n \"gx-ide-list-selector-item\": 0,\n \"gx-ide-loader\": 0,\n \"gx-ide-manage-module-references\": 0,\n \"gx-ide-name-picker\": 0,\n \"gx-ide-new-environment\": 0,\n \"gx-ide-new-kb\": 0,\n \"gx-ide-new-object\": 0,\n \"gx-ide-new-version\": 0,\n \"gx-ide-object-selector\": 0,\n \"gx-ide-open-api-import\": 0,\n \"gx-ide-progress-bar\": 0,\n \"gx-ide-plugin-explorer\": 0,\n \"gx-ide-plugin-details\": 0,\n \"gx-ide-references\": 0,\n \"gx-ide-server-selector\": 0,\n \"gx-ide-select-kb-items\": 0,\n \"gx-ide-select-user-team\": 0,\n \"gx-ide-sign-in\": 0,\n \"gx-ide-sign-in-team\": 0,\n \"gx-ide-share-kb\": 0,\n \"gx-ide-start-page\": 0,\n \"gx-ide-sign-in-result\": 0,\n \"gx-ide-status-buttons\": 0,\n \"gx-ide-team-dev-bring-changes\": 0,\n \"gx-ide-team-dev-bring-all-changes-selector\": 0,\n \"gx-ide-team-dev-commit\": 0,\n \"gx-ide-team-dev-history\": 0,\n \"gx-ide-team-dev-preview\": 0,\n \"gx-ide-team-dev-select-recent-comment\": 0,\n \"gx-ide-team-dev-update\": 0,\n \"gx-ide-team-dev-update-partial-selection\": 0,\n \"gx-ide-team-dev-update-to-revision\": 0,\n \"gx-ide-starting-template\": 0,\n \"gx-ide-test\": 0,\n \"gx-ide-wf-settings\": 0,\n \"gx-ide-ww-images\": 0,\n \"gx-ide-ww-attributes\": 0,\n \"gx-ide-ww-files\": 0,\n \"gx-ide-navigation-report\": 0,\n \"gx-ide-splash\": 0,\n \"gx-ide-welcome-page\": 0,\n \"gx-ide-bpm-export-xpdl\": 0,\n \"gx-ide-curl-inspector\": 0,\n \"gx-ide-launchpad\": 0,\n \"gx-ide-launchpad-web-apps\": 0,\n \"gx-ide-launchpad-native-apps\": 0,\n \"gx-ide-launchpad-apis\": 0,\n \"gx-ide-launchpad-api\": 0,\n \"gx-ide-comments-viewer\": 0,\n \"gx-ide-restore-version\": 0\n};\n\nconst componentsWithoutTranslations = new Set<GeneXusIdeUIControlsTagName>([\n \"gx-ide-chat-container\",\n \"gx-ide-container\",\n \"gx-ide-sc-chat-container\",\n \"gx-ide-empty-state\",\n \"gx-ide-list-selector\",\n \"gx-ide-list-selector-item\",\n \"gx-ide-loader\",\n \"gx-ide-test\",\n \"gx-ide-file-item\"\n]);\n\nconst componentsWithTranslations = Object.keys(\n allGeneXusIdeUIComponents\n).filter(\n component =>\n !componentsWithoutTranslations.has(component as GeneXusIdeUIControlsTagName)\n);\n\ncomponentsWithTranslations.forEach(testLocale);\n"]}
1	+ {"version":3,"file":"locale.e2e.js","sourceRoot":"","sources":["../../src/testing/locale.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport { GeneXusIdeUIControlsTagName } from \"../common/types\";\nimport { haveSameStructure } from \"./same-structure.e2e\";\n\nconst COMPONENT_PREFIX = \"gx-ide-\";\nconst languages: { name: string; attr: string }[] = [\n { name: \"chinese\", attr: \"zh\" },\n { name: \"english\", attr: \"en\" },\n { name: \"japanese\", attr: \"ja\" }\n];\n\nconst testLocale = (componentNameWithPrefix: GeneXusIdeUIControlsTagName) => {\n describe(`[locale][${componentNameWithPrefix}]`, () => {\n let page: E2EPage;\n const componentName = componentNameWithPrefix.replace(COMPONENT_PREFIX, \"\");\n\n // This implementation is a WA since we can't evaluate JS classes in the page.\n // TODO: Implement the locale utility as a function, which can be evaluated\n // in the page\n const getTranslations = () =>\n page.evaluate(component => {\n const ASSETS_FOLDER = \"gx-ide-assets/\";\n const DEFAULT_LANGUAGE = \"en\";\n const LANGS_FOLDER = \"langs/\";\n const LANG_PREFIX = \".lang.\";\n const LANG_EXTENSION = \".json\";\n const lang =\n document\n .getElementsByTagName(\"html\")[0]\n .getAttribute(\"lang\")\n ?.valueOf() ?? DEFAULT_LANGUAGE;\n const folder = `${component}/`;\n\n const path =\n `/build/${ASSETS_FOLDER}${folder}${LANGS_FOLDER}${component}${LANG_PREFIX}${lang}${LANG_EXTENSION}` as const;\n\n return new Promise(resolve => {\n fetch(path)\n .then(async langFile => {\n if (langFile.ok) {\n const fileObject = await langFile.json();\n resolve(fileObject);\n } else {\n resolve(undefined);\n }\n })\n .catch(() => resolve(undefined));\n });\n }, componentName);\n\n beforeEach(async () => {\n page = await newE2EPage({\n failOnConsoleError: true,\n html: \"\" // Necessary\n });\n });\n\n it(\"should work without specifying the language (lang attr) in the browser\", async () => {\n const languageFile: any \| undefined = await getTranslations();\n expect(languageFile).toBeTruthy();\n });\n\n it(\"should default to english language when there is no language (lang attr) in the browser\", async () => {\n const languageFile: any \| undefined = await getTranslations();\n expect(languageFile).toBeTruthy();\n\n await page.evaluate(() =>\n document.documentElement.setAttribute(\"lang\", \"en\")\n );\n\n const languageEnglishFile: any \| undefined = await getTranslations();\n expect(languageEnglishFile).toBeTruthy();\n expect(languageFile).toEqual(languageEnglishFile);\n });\n\n languages.forEach(language => {\n it(`should work with ${language.name} language`, async () => {\n await page.evaluate(\n (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n language.attr\n );\n const languageFile: any \| undefined = await getTranslations();\n expect(languageFile).toBeTruthy();\n });\n });\n\n for (let index = 0; index < languages.length - 1; index++) {\n const language1 = languages[index];\n const language2 = languages[index + 1];\n\n // TODO: Complete all translations. At this moment, Japanese and Chinese\n // translations have missing literals\n it(`should translate the same literals (${language1.name} and ${language2.name})`, async () => {\n await page.evaluate(\n (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n language1.attr\n );\n const language1File: any \| undefined = await getTranslations();\n\n await page.evaluate(\n (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n language2.attr\n );\n const language2File: any \| undefined = await getTranslations();\n\n expect(language1File).toBeTruthy();\n expect(language2File).toBeTruthy();\n expect(haveSameStructure(language1File, language2File)).toBe(true);\n });\n }\n });\n};\n\n// TypeScript does not have a built-in type to exhaust a list with union types\nconst allGeneXusIdeUIComponents: { [key in GeneXusIdeUIControlsTagName]: 0 } = {\n \"gx-ide-about\": 0,\n \"gx-ide-bpm-app-declaration\": 0,\n \"gx-ide-bpm-assign-roles\": 0,\n \"gx-ide-bpm-import-files\": 0,\n \"gx-ide-bpm-import-gxpm\": 0,\n \"gx-ide-bpm-objects-selector\": 0,\n \"gx-ide-bpm-sync-gam-roles\": 0,\n \"gx-ide-bpm-task-documents\": 0,\n \"gx-ide-bpm-timer-duration\": 0,\n \"gx-ide-chat-container\": 0,\n \"gx-ide-chat-welcome\": 0,\n \"gx-ide-sc-chat-container\": 0,\n \"gx-ide-connect-gx-server\": 0,\n \"gx-ide-container\": 0,\n \"gx-ide-create-kb-from-server\": 0,\n \"gx-ide-current-user-info\": 0,\n \"gx-ide-data-selector\": 0,\n \"gx-ide-data-type-selector\": 0,\n \"gx-ide-deployment-tool\": 0,\n \"gx-ide-details-acknowledgements\": 0,\n \"gx-ide-design-import\": 0,\n \"gx-ide-edit-module-server\": 0,\n \"gx-ide-empty-state\": 0,\n \"gx-ide-entity-selector\": 0,\n \"gx-ide-file-item\": 0,\n \"gx-ide-file-uploader\": 0,\n \"gx-ide-gam-installation-settings\": 0,\n \"gx-ide-json-import\": 0,\n \"gx-ide-kb-manager-export\": 0,\n \"gx-ide-kb-manager-import\": 0,\n \"gx-ide-list-selector\": 0,\n \"gx-ide-list-selector-item\": 0,\n \"gx-ide-loader\": 0,\n \"gx-ide-manage-module-references\": 0,\n \"gx-ide-name-picker\": 0,\n \"gx-ide-new-environment\": 0,\n \"gx-ide-new-kb\": 0,\n \"gx-ide-new-object\": 0,\n \"gx-ide-new-version\": 0,\n \"gx-ide-object-selector\": 0,\n \"gx-ide-open-api-import\": 0,\n \"gx-ide-progress-bar\": 0,\n \"gx-ide-plugin-explorer\": 0,\n \"gx-ide-plugin-details\": 0,\n \"gx-ide-references\": 0,\n \"gx-ide-server-selector\": 0,\n \"gx-ide-select-kb-items\": 0,\n \"gx-ide-select-user-team\": 0,\n \"gx-ide-sign-in\": 0,\n \"gx-ide-sign-in-team\": 0,\n \"gx-ide-share-kb\": 0,\n \"gx-ide-start-page\": 0,\n \"gx-ide-sign-in-result\": 0,\n \"gx-ide-status-buttons\": 0,\n \"gx-ide-team-dev-bring-changes\": 0,\n \"gx-ide-team-dev-bring-all-changes-selector\": 0,\n \"gx-ide-team-dev-commit\": 0,\n \"gx-ide-team-dev-history\": 0,\n \"gx-ide-team-dev-preview\": 0,\n \"gx-ide-team-dev-select-recent-comment\": 0,\n \"gx-ide-team-dev-update\": 0,\n \"gx-ide-team-dev-update-partial-selection\": 0,\n \"gx-ide-team-dev-update-to-revision\": 0,\n \"gx-ide-starting-template\": 0,\n \"gx-ide-test\": 0,\n \"gx-ide-wf-settings\": 0,\n \"gx-ide-ww-images\": 0,\n \"gx-ide-ww-attributes\": 0,\n \"gx-ide-ww-files\": 0,\n \"gx-ide-navigation-report\": 0,\n \"gx-ide-splash\": 0,\n \"gx-ide-welcome-page\": 0,\n \"gx-ide-bpm-export-xpdl\": 0,\n \"gx-ide-curl-inspector\": 0,\n \"gx-ide-launchpad\": 0,\n \"gx-ide-launchpad-web-apps\": 0,\n \"gx-ide-launchpad-native-apps\": 0,\n \"gx-ide-launchpad-apis\": 0,\n \"gx-ide-launchpad-api\": 0,\n \"gx-ide-comments-viewer\": 0,\n \"gx-ide-restore-version\": 0,\n \"gx-ide-breadcrumb\": 0,\n \"gx-ide-breadcrumb-item\": 0\n};\n\nconst componentsWithoutTranslations = new Set<GeneXusIdeUIControlsTagName>([\n \"gx-ide-chat-container\",\n \"gx-ide-container\",\n \"gx-ide-sc-chat-container\",\n \"gx-ide-empty-state\",\n \"gx-ide-list-selector\",\n \"gx-ide-list-selector-item\",\n \"gx-ide-loader\",\n \"gx-ide-test\",\n \"gx-ide-file-item\",\n \"gx-ide-breadcrumb\",\n \"gx-ide-breadcrumb-item\"\n]);\n\nconst componentsWithTranslations = Object.keys(\n allGeneXusIdeUIComponents\n).filter(\n component =>\n !componentsWithoutTranslations.has(component as GeneXusIdeUIControlsTagName)\n);\n\ncomponentsWithTranslations.forEach(testLocale);\n"]}

package/dist/components/breadcrumb-item.js ADDED Viewed

@@ -0,0 +1,120 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+const breadcrumbItemCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:inline-grid}.item-content{display:inline-flex;align-items:center;gap:var(--spacing-gap-xs)}.action{display:inline-flex;align-items:center;gap:var(--spacing-gap-xs);padding-block:var(--spacing-padding-xxs);padding-inline:var(--spacing-padding-xs);border:none;border-radius:4px;background:transparent;text-decoration:none;cursor:pointer;font:inherit;}.action:not(a){color:var(--color-text-interactive-default)}.action:hover:not(.disabled){background-color:var(--color-accent-surface-elevation-1-hover)}.action:not(a):hover:not(.disabled){color:var(--color-text-interactive-hover)}.action:focus-visible{outline:2px solid var(--color-border-focus-default);outline-offset:-2px}.action.disabled{color:var(--color-text-neutral-disabled);cursor:not-allowed}.action.selected{color:var(--color-text-primary-default)}.caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item__img{flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.item__img:not(.item__img-icon){inline-size:var(--icon-s);block-size:var(--icon-s)}.item__img--mask{background-color:currentColor;background-size:contain;background-repeat:no-repeat;background-position:center}";
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _GxIdeBreadcrumbItem_resolveImageSrc, _GxIdeBreadcrumbItem_getCaption, _GxIdeBreadcrumbItem_getAccessibleName, _GxIdeBreadcrumbItem_renderStartImage;
+const GxIdeBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class GxIdeBreadcrumbItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _GxIdeBreadcrumbItem_resolveImageSrc.set(this, () => {
+            var _a, _b;
+            if (this.getImagePathCallback) {
+                const result = this.getImagePathCallback(this.model);
+                if (result === null || result === void 0 ? void 0 : result.base)
+                    return result.base;
+            }
+            return (_a = this.startImgSrc) !== null && _a !== void 0 ? _a : (_b = this.model) === null || _b === void 0 ? void 0 : _b.startImgSrc;
+        });
+        _GxIdeBreadcrumbItem_getCaption.set(this, () => { var _a, _b, _c; return (_c = (_a = this.caption) !== null && _a !== void 0 ? _a : (_b = this.model) === null || _b === void 0 ? void 0 : _b.caption) !== null && _c !== void 0 ? _c : ""; });
+        _GxIdeBreadcrumbItem_getAccessibleName.set(this, () => {
+            var _a, _b, _c, _d;
+            return (_d = (_c = (_a = this.accessibleName) !== null && _a !== void 0 ? _a : (_b = this.model) === null || _b === void 0 ? void 0 : _b.accessibleName) !== null && _c !== void 0 ? _c : __classPrivateFieldGet(this, _GxIdeBreadcrumbItem_getCaption, "f").call(this)) !== null && _d !== void 0 ? _d : "";
+        });
+        _GxIdeBreadcrumbItem_renderStartImage.set(this, () => {
+            var _a, _b;
+            const src = __classPrivateFieldGet(this, _GxIdeBreadcrumbItem_resolveImageSrc, "f").call(this);
+            if (!src)
+                return undefined;
+            const type = (_a = this.startImgType) !== null && _a !== void 0 ? _a : (_b = this.model) === null || _b === void 0 ? void 0 : _b.startImgType;
+            const isUrl = src.trim().toLowerCase().startsWith("url(");
+            if (isUrl && (type === "background" || type === "mask")) {
+                return (h("span", { class: {
+                        "item__img": true,
+                        "item__img--background": type === "background",
+                        "item__img--mask": type === "mask"
+                    }, style: type === "background"
+                        ? { backgroundImage: src }
+                        : { maskImage: src, WebkitMaskImage: src }, "aria-hidden": "true" }));
+            }
+            return (h("ch-image", { class: "item__img item__img-icon icon-m", src: src, "aria-hidden": "true" }));
+        });
+        this.model = undefined;
+        this.caption = undefined;
+        this.accessibleName = undefined;
+        this.disabled = undefined;
+        this.link = undefined;
+        this.selected = false;
+        this.selectedLinkIndicator = false;
+        this.startImgSrc = undefined;
+        this.startImgType = undefined;
+        this.getImagePathCallback = undefined;
+        this.itemId = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        const caption = __classPrivateFieldGet(this, _GxIdeBreadcrumbItem_getCaption, "f").call(this);
+        const ariaLabel = __classPrivateFieldGet(this, _GxIdeBreadcrumbItem_getAccessibleName, "f").call(this);
+        const isDisabled = (_c = (_a = this.disabled) !== null && _a !== void 0 ? _a : (_b = this.model) === null || _b === void 0 ? void 0 : _b.disabled) !== null && _c !== void 0 ? _c : false;
+        const hasLink = ((_d = this.link) === null || _d === void 0 ? void 0 : _d.url) !== undefined && ((_e = this.link) === null || _e === void 0 ? void 0 : _e.url) !== "";
+        const imgContent = __classPrivateFieldGet(this, _GxIdeBreadcrumbItem_renderStartImage, "f").call(this);
+        const captionClass = {
+            "caption": true,
+            "body-regular-s": !this.selected || !this.selectedLinkIndicator,
+            "body-semi-bold-s": this.selected && this.selectedLinkIndicator
+        };
+        const content = (h("span", { class: "item-content" }, imgContent, caption ? (h("span", { class: captionClass, part: "item-caption" }, caption)) : null));
+        const actionClass = {
+            "action": true,
+            "disabled": isDisabled,
+            "selected": this.selected && this.selectedLinkIndicator,
+            "not-selected": !this.selected
+        };
+        if (hasLink && !isDisabled) {
+            return (h(Host, { role: "listitem", "data-item-id": this.itemId, "data-has-link": "true", part: "item-action item-link" }, h("a", { class: Object.assign(Object.assign({}, actionClass), { "link-primary": true }), href: this.link.url, "aria-current": this.selected ? "page" : undefined, "aria-label": ariaLabel || undefined, part: "item-link" }, content)));
+        }
+        if (hasLink && isDisabled) {
+            return (h(Host, { role: "listitem", "data-item-id": this.itemId, "data-has-link": "true", part: "item-action disabled" }, h("span", { class: actionClass, "aria-disabled": "true", "aria-label": ariaLabel || undefined, part: "item-link disabled" }, content)));
+        }
+        return (h(Host, { role: "listitem", "data-item-id": this.itemId, "data-has-link": "false", part: "item-action item-button" }, h("button", { type: "button", class: actionClass, disabled: isDisabled, "aria-label": ariaLabel || undefined, part: "item-button" }, content)));
+    }
+    static get style() { return breadcrumbItemCss; }
+}, [1, "gx-ide-breadcrumb-item", {
+        "model": [16],
+        "caption": [1],
+        "accessibleName": [1, "accessible-name"],
+        "disabled": [4],
+        "link": [16],
+        "selected": [4],
+        "selectedLinkIndicator": [4, "selected-link-indicator"],
+        "startImgSrc": [1, "start-img-src"],
+        "startImgType": [1, "start-img-type"],
+        "getImagePathCallback": [16],
+        "itemId": [1, "item-id"]
+    }]);
+_GxIdeBreadcrumbItem_resolveImageSrc = new WeakMap(), _GxIdeBreadcrumbItem_getCaption = new WeakMap(), _GxIdeBreadcrumbItem_getAccessibleName = new WeakMap(), _GxIdeBreadcrumbItem_renderStartImage = new WeakMap();
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-breadcrumb-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-breadcrumb-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeBreadcrumbItem);
+            }
+            break;
+    } });
+}
+export { GxIdeBreadcrumbItem as G, defineCustomElement as d };
+//# sourceMappingURL=breadcrumb-item.js.map

package/dist/components/breadcrumb-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"breadcrumb-item.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,2sFAA2sF;;;;;;;;;;MCYxtF,mBAAmB;;;;;QAwD9B,+CAAmB;;YACjB,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACrD,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;oBAAE,OAAO,MAAM,CAAC,IAAI,CAAC;aACtC;YACD,OAAO,MAAA,IAAI,CAAC,WAAW,mCAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,CAAC;SACpD,EAAC;QAEF,0CAAc,wBAAc,OAAA,MAAA,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,mCAAI,EAAE,CAAA,EAAA,EAAC;QAEtE,iDAAqB;;YACnB,OAAA,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,mCACnB,MAAA,IAAI,CAAC,KAAK,0CAAE,cAAc,mCAC1B,uBAAA,IAAI,uCAAY,MAAhB,IAAI,CAAc,mCAClB,EAAE,CAAA;SAAA,EAAC;QAEL,gDAAoB;;YAClB,MAAM,GAAG,GAAG,uBAAA,IAAI,4CAAiB,MAArB,IAAI,CAAmB,CAAC;YACpC,IAAI,CAAC,GAAG;gBAAE,OAAO,SAAS,CAAC;YAE3B,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,YAAY,CAAC;YAC3D,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAE1D,IAAI,KAAK,KAAK,IAAI,KAAK,YAAY,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;gBACvD,QACE,YACE,KAAK,EAAE;wBACL,WAAW,EAAE,IAAI;wBACjB,uBAAuB,EAAE,IAAI,KAAK,YAAY;wBAC9C,iBAAiB,EAAE,IAAI,KAAK,MAAM;qBACnC,EACD,KAAK,EACH,IAAI,KAAK,YAAY;0BACjB,EAAE,eAAe,EAAE,GAAG,EAAE;0BACxB,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE,GAAG,EAAE,iBAElC,MAAM,GAClB,EACF;aACH;YAED,QACE,gBACE,KAAK,EAAC,iCAAiC,EACvC,GAAG,EAAE,GAAG,iBACI,MAAM,GAClB,EACF;SACH,EAAC;;;;;;wBA3EmC,KAAK;qCAKQ,KAAK;;;;;;IAwEvD,MAAM;;QACJ,MAAM,OAAO,GAAG,uBAAA,IAAI,uCAAY,MAAhB,IAAI,CAAc,CAAC;QACnC,MAAM,SAAS,GAAG,uBAAA,IAAI,8CAAmB,MAAvB,IAAI,CAAqB,CAAC;QAC5C,MAAM,UAAU,GAAG,MAAA,MAAA,IAAI,CAAC,QAAQ,mCAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,mCAAI,KAAK,CAAC;QAClE,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,MAAK,SAAS,IAAI,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,MAAK,EAAE,CAAC;QACtE,MAAM,UAAU,GAAG,uBAAA,IAAI,6CAAkB,MAAtB,IAAI,CAAoB,CAAC;QAE5C,MAAM,YAAY,GAAG;YACnB,SAAS,EAAE,IAAI;YACf,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAC/D,kBAAkB,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,qBAAqB;SAChE,CAAC;QACF,MAAM,OAAO,IACX,YAAM,KAAK,EAAC,cAAc,IACvB,UAAU,EACV,OAAO,IACN,YAAM,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,cAAc,IAC3C,OAAO,CACH,IACL,IAAI,CACH,CACR,CAAC;QAEF,MAAM,WAAW,GAAG;YAClB,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;YACtB,UAAU,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,qBAAqB;YACvD,cAAc,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC/B,CAAC;QAEF,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE;YAC1B,QACE,EAAC,IAAI,IACH,IAAI,EAAC,UAAU,kBACD,IAAI,CAAC,MAAM,mBACX,MAAM,EACpB,IAAI,EAAC,uBAAuB,IAE5B,SACE,KAAK,kCAAO,WAAW,KAAE,cAAc,EAAE,IAAI,KAC7C,IAAI,EAAE,IAAI,CAAC,IAAK,CAAC,GAAG,kBACN,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,gBACpC,SAAS,IAAI,SAAS,EAClC,IAAI,EAAC,WAAW,IAEf,OAAO,CACN,CACC,EACP;SACH;QAED,IAAI,OAAO,IAAI,UAAU,EAAE;YACzB,QACE,EAAC,IAAI,IACH,IAAI,EAAC,UAAU,kBACD,IAAI,CAAC,MAAM,mBACX,MAAM,EACpB,IAAI,EAAC,sBAAsB,IAE3B,YACE,KAAK,EAAE,WAAW,mBACJ,MAAM,gBACR,SAAS,IAAI,SAAS,EAClC,IAAI,EAAC,oBAAoB,IAExB,OAAO,CACH,CACF,EACP;SACH;QAED,QACE,EAAC,IAAI,IACH,IAAI,EAAC,UAAU,kBACD,IAAI,CAAC,MAAM,mBACX,OAAO,EACrB,IAAI,EAAC,yBAAyB,IAE9B,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAU,gBACR,SAAS,IAAI,SAAS,EAClC,IAAI,EAAC,aAAa,IAEjB,OAAO,CACD,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/breadcrumb/breadcrumb-item/breadcrumb-item.scss?tag=gx-ide-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb/breadcrumb-item/breadcrumb-item.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common\";\n\n:host {\n display: inline-grid;\n}\n\n.item-content {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-gap-xs);\n}\n\n.action {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-gap-xs);\n padding-block: var(--spacing-padding-xxs);\n padding-inline: var(--spacing-padding-xs);\n border: none;\n border-radius: 4px;\n background: transparent;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n\n /* Color for button only; links use Mercury .link-primary */\n &:not(a) {\n color: var(--color-text-interactive-default);\n }\n\n &:hover:not(.disabled) {\n background-color: var(--color-accent-surface-elevation-1-hover);\n }\n\n &:not(a):hover:not(.disabled) {\n color: var(--color-text-interactive-hover);\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-border-focus-default);\n outline-offset: -2px;\n }\n\n &.disabled {\n color: var(--color-text-neutral-disabled);\n cursor: not-allowed;\n }\n\n &.selected {\n color: var(--color-text-primary-default);\n }\n}\n\n.caption {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item__img {\n flex-shrink: 0;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n\n &:not(.item__img-icon) {\n inline-size: var(--icon-s);\n block-size: var(--icon-s);\n }\n\n &--mask {\n background-color: currentColor;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport type {\n BreadcrumbItemModel,\n ItemLink,\n GetImagePathCallback\n} from \"../types\";\n\n@Component({\n tag: \"gx-ide-breadcrumb-item\",\n styleUrl: \"breadcrumb-item.scss\",\n shadow: true\n})\nexport class GxIdeBreadcrumbItem {\n /**\n * Model of the item (used for image resolution and data).\n */\n @Prop() readonly model!: BreadcrumbItemModel;\n\n /**\n * Visible text. Falls back to model.caption when not set.\n */\n @Prop() readonly caption?: string;\n\n /**\n * aria-label for the item. Falls back to accessibleName or caption when not set.\n */\n @Prop() readonly accessibleName?: string;\n\n /**\n * Whether the item is disabled.\n */\n @Prop() readonly disabled?: boolean;\n\n /**\n * When set, the item renders as an anchor; otherwise as a button.\n */\n @Prop() readonly link?: ItemLink;\n\n /**\n * Whether this item is the current page (selected).\n */\n @Prop() readonly selected: boolean = false;\n\n /**\n * Whether to show visual indicator when selected is true.\n */\n @Prop() readonly selectedLinkIndicator: boolean = false;\n\n /**\n * Image source (URL or CSS url()).\n */\n @Prop() readonly startImgSrc?: string;\n\n /**\n * How to render the start image: \"background\" or \"mask\".\n */\n @Prop() readonly startImgType?: \"background\" | \"mask\";\n\n /**\n * Optional callback to resolve image path for this item.\n */\n @Prop() readonly getImagePathCallback?: GetImagePathCallback;\n\n /**\n * Item id used by the container for click delegation (data-item-id).\n */\n @Prop() readonly itemId!: string;\n\n #resolveImageSrc = (): string | undefined => {\n if (this.getImagePathCallback) {\n const result = this.getImagePathCallback(this.model);\n if (result?.base) return result.base;\n }\n return this.startImgSrc ?? this.model?.startImgSrc;\n };\n\n #getCaption = (): string => this.caption ?? this.model?.caption ?? \"\";\n\n #getAccessibleName = (): string =>\n this.accessibleName ??\n this.model?.accessibleName ??\n this.#getCaption() ??\n \"\";\n\n #renderStartImage = (): ReturnType<typeof h> | string | undefined => {\n const src = this.#resolveImageSrc();\n if (!src) return undefined;\n\n const type = this.startImgType ?? this.model?.startImgType;\n const isUrl = src.trim().toLowerCase().startsWith(\"url(\");\n\n if (isUrl && (type === \"background\" || type === \"mask\")) {\n return (\n <span\n class={{\n \"item__img\": true,\n \"item__img--background\": type === \"background\",\n \"item__img--mask\": type === \"mask\"\n }}\n style={\n type === \"background\"\n ? { backgroundImage: src }\n : { maskImage: src, WebkitMaskImage: src }\n }\n aria-hidden=\"true\"\n />\n );\n }\n\n return (\n <ch-image\n class=\"item__img item__img-icon icon-m\"\n src={src}\n aria-hidden=\"true\"\n />\n );\n };\n\n render() {\n const caption = this.#getCaption();\n const ariaLabel = this.#getAccessibleName();\n const isDisabled = this.disabled ?? this.model?.disabled ?? false;\n const hasLink = this.link?.url !== undefined && this.link?.url !== \"\";\n const imgContent = this.#renderStartImage();\n\n const captionClass = {\n \"caption\": true,\n \"body-regular-s\": !this.selected || !this.selectedLinkIndicator,\n \"body-semi-bold-s\": this.selected && this.selectedLinkIndicator\n };\n const content = (\n <span class=\"item-content\">\n {imgContent}\n {caption ? (\n <span class={captionClass} part=\"item-caption\">\n {caption}\n </span>\n ) : null}\n </span>\n );\n\n const actionClass = {\n \"action\": true,\n \"disabled\": isDisabled,\n \"selected\": this.selected && this.selectedLinkIndicator,\n \"not-selected\": !this.selected\n };\n\n if (hasLink && !isDisabled) {\n return (\n <Host\n role=\"listitem\"\n data-item-id={this.itemId}\n data-has-link=\"true\"\n part=\"item-action item-link\"\n >\n <a\n class={{ ...actionClass, \"link-primary\": true }}\n href={this.link!.url}\n aria-current={this.selected ? \"page\" : undefined}\n aria-label={ariaLabel || undefined}\n part=\"item-link\"\n >\n {content}\n </a>\n </Host>\n );\n }\n\n if (hasLink && isDisabled) {\n return (\n <Host\n role=\"listitem\"\n data-item-id={this.itemId}\n data-has-link=\"true\"\n part=\"item-action disabled\"\n >\n <span\n class={actionClass}\n aria-disabled=\"true\"\n aria-label={ariaLabel || undefined}\n part=\"item-link disabled\"\n >\n {content}\n </span>\n </Host>\n );\n }\n\n return (\n <Host\n role=\"listitem\"\n data-item-id={this.itemId}\n data-has-link=\"false\"\n part=\"item-action item-button\"\n >\n <button\n type=\"button\"\n class={actionClass}\n disabled={isDisabled}\n aria-label={ariaLabel || undefined}\n part=\"item-button\"\n >\n {content}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/gx-ide-breadcrumb-item.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface GxIdeBreadcrumbItem extends Components.GxIdeBreadcrumbItem, HTMLElement {}
+export const GxIdeBreadcrumbItem: {
+    prototype: GxIdeBreadcrumbItem;
+    new (): GxIdeBreadcrumbItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gx-ide-breadcrumb-item.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { G as GxIdeBreadcrumbItem$1, d as defineCustomElement$1 } from './breadcrumb-item.js';
+const GxIdeBreadcrumbItem = GxIdeBreadcrumbItem$1;
+const defineCustomElement = defineCustomElement$1;
+export { GxIdeBreadcrumbItem, defineCustomElement };
+//# sourceMappingURL=gx-ide-breadcrumb-item.js.map

package/dist/components/gx-ide-breadcrumb-item.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"gx-ide-breadcrumb-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/gx-ide-breadcrumb.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface GxIdeBreadcrumb extends Components.GxIdeBreadcrumb, HTMLElement {}
+export const GxIdeBreadcrumb: {
+    prototype: GxIdeBreadcrumb;
+    new (): GxIdeBreadcrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gx-ide-breadcrumb.js ADDED Viewed

@@ -0,0 +1,113 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './breadcrumb-item.js';
+const breadcrumbCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host(.breadcrumb){display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-gap-xs);margin:0;padding-block:var(--spacing-padding-xs);padding-inline:0;list-style:none}.list{display:contents}.list-item{display:inline-flex;align-items:center;gap:var(--spacing-gap-xs);list-style:none}.separator{color:var(--color-text-neutral-subtle);padding-inline:var(--spacing-padding-xs);user-select:none;pointer-events:none;opacity:0.85}";
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _GxIdeBreadcrumb_isItemSelected, _GxIdeBreadcrumb_handleListClick;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/icon",
+    "utils/link",
+    "utils/typography",
+    "utils/spacing"
+];
+const DEFAULT_SELECTED_LINK = { link: { url: undefined } };
+const GxIdeBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeBreadcrumb extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.hyperlinkClick = createEvent(this, "hyperlinkClick", 7);
+        this.buttonClick = createEvent(this, "buttonClick", 7);
+        _GxIdeBreadcrumb_isItemSelected.set(this, (item) => {
+            var _a, _b, _c, _d, _e;
+            if (!this.selectedLinkIndicator)
+                return false;
+            const sel = (_a = this.selectedLink) !== null && _a !== void 0 ? _a : DEFAULT_SELECTED_LINK;
+            const matchById = sel.id !== undefined && item.id === sel.id;
+            const matchByUrl = ((_b = sel.link) === null || _b === void 0 ? void 0 : _b.url) !== undefined &&
+                ((_c = sel.link) === null || _c === void 0 ? void 0 : _c.url) !== "" &&
+                ((_d = item.link) === null || _d === void 0 ? void 0 : _d.url) === ((_e = sel.link) === null || _e === void 0 ? void 0 : _e.url);
+            return matchById || matchByUrl;
+        });
+        _GxIdeBreadcrumb_handleListClick.set(this, (event) => {
+            var _a, _b, _c, _d, _e;
+            if (this.disabled)
+                return;
+            const target = event.target;
+            const itemEl = (_a = target.closest) === null || _a === void 0 ? void 0 : _a.call(target, "gx-ide-breadcrumb-item");
+            if (!itemEl)
+                return;
+            const itemId = (_b = itemEl.getAttribute) === null || _b === void 0 ? void 0 : _b.call(itemEl, "data-item-id");
+            const hasLink = ((_c = itemEl.getAttribute) === null || _c === void 0 ? void 0 : _c.call(itemEl, "data-has-link")) === "true";
+            if (!itemId || !this.model)
+                return;
+            const item = this.model.find(i => i.id === itemId);
+            if (!item)
+                return;
+            if (hasLink) {
+                event.preventDefault();
+                (_d = this.hyperlinkClick) === null || _d === void 0 ? void 0 : _d.emit(item);
+                return;
+            }
+            (_e = this.buttonClick) === null || _e === void 0 ? void 0 : _e.emit(item);
+        });
+        this.model = undefined;
+        this.accessibleName = undefined;
+        this.disabled = false;
+        this.separator = "›";
+        this.selectedLink = DEFAULT_SELECTED_LINK;
+        this.selectedLinkIndicator = false;
+        this.getImagePathCallback = undefined;
+    }
+    render() {
+        var _a, _b;
+        const items = (_a = this.model) !== null && _a !== void 0 ? _a : [];
+        const separator = this.separator;
+        const ariaLabel = (_b = this.accessibleName) !== null && _b !== void 0 ? _b : undefined;
+        return (h(Host, { class: "breadcrumb", role: "navigation", "aria-label": ariaLabel }, h("ch-theme", { model: CSS_BUNDLES }), h("ol", { class: "list", onClick: __classPrivateFieldGet(this, _GxIdeBreadcrumb_handleListClick, "f") }, items.map((item, index) => (h("li", { key: item.id, class: "list-item", role: "presentation" }, h("gx-ide-breadcrumb-item", { itemId: item.id, model: item, caption: item.caption, accessibleName: item.accessibleName, disabled: this.disabled || item.disabled, link: item.link, selected: __classPrivateFieldGet(this, _GxIdeBreadcrumb_isItemSelected, "f").call(this, item), selectedLinkIndicator: this.selectedLinkIndicator, startImgSrc: item.startImgSrc, startImgType: item.startImgType, getImagePathCallback: this.getImagePathCallback }), index < items.length - 1 && (h("span", { class: "separator body-regular-s", "aria-hidden": "true" }, separator))))))));
+    }
+    get el() { return this; }
+    static get style() { return breadcrumbCss; }
+}, [1, "gx-ide-breadcrumb", {
+        "model": [16],
+        "accessibleName": [1, "accessible-name"],
+        "disabled": [516],
+        "separator": [1],
+        "selectedLink": [16],
+        "selectedLinkIndicator": [4, "selected-link-indicator"],
+        "getImagePathCallback": [16]
+    }]);
+_GxIdeBreadcrumb_isItemSelected = new WeakMap(), _GxIdeBreadcrumb_handleListClick = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-breadcrumb", "gx-ide-breadcrumb-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-breadcrumb":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeBreadcrumb$1);
+            }
+            break;
+        case "gx-ide-breadcrumb-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+const GxIdeBreadcrumb = GxIdeBreadcrumb$1;
+const defineCustomElement = defineCustomElement$1;
+export { GxIdeBreadcrumb, defineCustomElement };
+//# sourceMappingURL=gx-ide-breadcrumb.js.map

package/dist/components/gx-ide-breadcrumb.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"gx-ide-breadcrumb.js","mappings":"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","names":["GxIdeBreadcrumb"],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=gx-ide-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common\";\n\n:host(.breadcrumb) {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--spacing-gap-xs);\n margin: 0;\n padding-block: var(--spacing-padding-xs);\n padding-inline: 0;\n list-style: none;\n}\n\n.list {\n display: contents;\n}\n\n.list-item {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-gap-xs);\n list-style: none;\n}\n\n.separator {\n color: var(--color-text-neutral-subtle);\n padding-inline: var(--spacing-padding-xs);\n user-select: none;\n pointer-events: none;\n opacity: 0.85;\n}\n","import {\n Component,\n Host,\n Prop,\n Element,\n Event,\n EventEmitter,\n h\n} from \"@stencil/core\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport type {\n BreadcrumbModel,\n BreadcrumbItemModel,\n SelectedLink,\n GetImagePathCallback\n} from \"./types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/icon\",\n \"utils/link\",\n \"utils/typography\",\n \"utils/spacing\"\n];\n\nconst DEFAULT_SELECTED_LINK: SelectedLink = { link: { url: undefined } };\n\n@Component({\n tag: \"gx-ide-breadcrumb\",\n styleUrl: \"breadcrumb.scss\",\n shadow: true\n})\nexport class GxIdeBreadcrumb {\n @Element() el: HTMLGxIdeBreadcrumbElement;\n\n /**\n * List of breadcrumb items to display.\n */\n @Prop() readonly model?: BreadcrumbModel;\n\n /**\n * aria-label for the navigation container (accessible-name attribute).\n */\n @Prop({ attribute: \"accessible-name\" }) readonly accessibleName?: string;\n\n /**\n * When true, disables all interaction with the breadcrumb.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false;\n\n /**\n * Text shown between items. Examples: \"›\" (recommended), \"/\", \">\", \"·\", \"•\".\n * Default \"›\" (single right-pointing angle quotation mark, U+203A).\n */\n @Prop() readonly separator: string = \"›\";\n\n /**\n * Currently selected link (for highlighting the current page).\n */\n @Prop() readonly selectedLink: SelectedLink = DEFAULT_SELECTED_LINK;\n\n /**\n * When true, show visual indicator on the item matching selectedLink (selected-link-indicator attribute).\n */\n @Prop({ attribute: \"selected-link-indicator\" })\n readonly selectedLinkIndicator: boolean = false;\n\n /**\n * Optional callback to resolve image path for each item.\n */\n @Prop() readonly getImagePathCallback?: GetImagePathCallback;\n\n /**\n * Fired when the user clicks an item that has a link.\n */\n @Event() readonly hyperlinkClick?: EventEmitter<BreadcrumbItemModel>;\n\n /**\n * Fired when the user clicks an item without a link (button).\n */\n @Event() readonly buttonClick?: EventEmitter<BreadcrumbItemModel>;\n\n #isItemSelected = (item: BreadcrumbItemModel): boolean => {\n if (!this.selectedLinkIndicator) return false;\n const sel = this.selectedLink ?? DEFAULT_SELECTED_LINK;\n const matchById = sel.id !== undefined && item.id === sel.id;\n const matchByUrl =\n sel.link?.url !== undefined &&\n sel.link?.url !== \"\" &&\n item.link?.url === sel.link?.url;\n return matchById || matchByUrl;\n };\n\n #handleListClick = (event: MouseEvent) => {\n if (this.disabled) return;\n const target = event.target as HTMLElement;\n const itemEl = target.closest?.(\"gx-ide-breadcrumb-item\") as\n | HTMLElement\n | undefined;\n if (!itemEl) return;\n const itemId = itemEl.getAttribute?.(\"data-item-id\");\n const hasLink = itemEl.getAttribute?.(\"data-has-link\") === \"true\";\n if (!itemId || !this.model) return;\n const item = this.model.find(i => i.id === itemId);\n if (!item) return;\n\n if (hasLink) {\n event.preventDefault();\n this.hyperlinkClick?.emit(item);\n return;\n }\n\n this.buttonClick?.emit(item);\n };\n\n render() {\n const items = this.model ?? [];\n const separator = this.separator;\n const ariaLabel = this.accessibleName ?? undefined;\n\n return (\n <Host class=\"breadcrumb\" role=\"navigation\" aria-label={ariaLabel}>\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <ol class=\"list\" onClick={this.#handleListClick}>\n {items.map((item, index) => (\n <li key={item.id} class=\"list-item\" role=\"presentation\">\n <gx-ide-breadcrumb-item\n itemId={item.id}\n model={item}\n caption={item.caption}\n accessibleName={item.accessibleName}\n disabled={this.disabled || item.disabled}\n link={item.link}\n selected={this.#isItemSelected(item)}\n selectedLinkIndicator={this.selectedLinkIndicator}\n startImgSrc={item.startImgSrc}\n startImgType={item.startImgType}\n getImagePathCallback={this.getImagePathCallback}\n />\n {index < items.length - 1 && (\n <span class=\"separator body-regular-s\" aria-hidden=\"true\">\n {separator}\n </span>\n )}\n </li>\n ))}\n </ol>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/gx-ide-ww-files.js CHANGED Viewed

@@ -169,11 +169,7 @@ const GxIdeWWFiles = /*@__PURE__*/ proxyCustomElement(class GxIdeWWFiles extends
         });
         _GxIdeWWFiles_getObjects.set(this, () => {
             __classPrivateFieldGet(this, _GxIdeWWFiles_setLoadingState, "f").call(this);
-            const parentId = __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f") && __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").value
-                ? __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").value.id
-                : this.defaultModule
-                    ? this.defaultModule.id
-                    : "";
+            const parentId = __classPrivateFieldGet(this, _GxIdeWWFiles_moduleValue, "f") ? __classPrivateFieldGet(this, _GxIdeWWFiles_moduleValue, "f").id : "";
             const filtersValues = {
                 name: __classPrivateFieldGet(this, _GxIdeWWFiles_nameValue, "f"),
                 searchContents: __classPrivateFieldGet(this, _GxIdeWWFiles_searchContentsValue, "f"),