@genexus/genexus-ide-ui 1.1.64 → 1.1.66

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

@@ -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,aAAa,EAAE,CAAC;IAChB,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,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,qBAAqB,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC;IACpB,+BAA+B,EAAE,CAAC;IAClC,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,cAAc,EAAE,CAAC;IACjB,gBAAgB,EAAE,CAAC;IACnB,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;CAC1B,CAAC;AAEF,MAAM,6BAA6B,GAAG,IAAI,GAAG,CAA8B;IACzE,uBAAuB;IACvB,kBAAkB;IAClB,0BAA0B;IAC1B,2BAA2B;IAC3B,oBAAoB;IACpB,sBAAsB;IACtB,2BAA2B;IAC3B,eAAe;IACf,qBAAqB;IACrB,iBAAiB;IACjB,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,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-card\": 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-directory-selector\": 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-switch-panel\": 0,\n  \"gx-ide-switcher\": 0,\n  \"gx-ide-team-dev-bring-changes\": 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-title\": 0,\n  \"gx-ide-top-bar\": 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};\n\nconst componentsWithoutTranslations = new Set<GeneXusIdeUIControlsTagName>([\n  \"gx-ide-chat-container\",\n  \"gx-ide-container\",\n  \"gx-ide-sc-chat-container\",\n  \"gx-ide-directory-selector\",\n  \"gx-ide-empty-state\",\n  \"gx-ide-list-selector\",\n  \"gx-ide-list-selector-item\",\n  \"gx-ide-loader\",\n  \"gx-ide-switch-panel\",\n  \"gx-ide-switcher\",\n  \"gx-ide-test\",\n  \"gx-ide-title\",\n  \"gx-ide-top-bar\",\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"]}
+{"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-card\": 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-directory-selector\": 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-switch-panel\": 0,\n  \"gx-ide-switcher\": 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-title\": 0,\n  \"gx-ide-top-bar\": 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};\n\nconst componentsWithoutTranslations = new Set<GeneXusIdeUIControlsTagName>([\n  \"gx-ide-chat-container\",\n  \"gx-ide-container\",\n  \"gx-ide-sc-chat-container\",\n  \"gx-ide-directory-selector\",\n  \"gx-ide-empty-state\",\n  \"gx-ide-list-selector\",\n  \"gx-ide-list-selector-item\",\n  \"gx-ide-loader\",\n  \"gx-ide-switch-panel\",\n  \"gx-ide-switcher\",\n  \"gx-ide-test\",\n  \"gx-ide-title\",\n  \"gx-ide-top-bar\",\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"]}

package/dist/components/gx-ide-comments-viewer.d.ts

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

package/dist/components/gx-ide-comments-viewer.js

@@ -0,0 +1,83 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { f as formatDate } from './helpers.js';
+import { L as Locale } from './locale.js';
+
+const commentsViewerCss = ":host{display:flex;flex-direction:column;height:100%}.comment-item{display:flex;flex-direction:column;gap:var(--control-mer-control-label-vertical-spacing, 4px)}.comments-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.divider{border:none;border-top:1px solid var(--color-border-surface-on-elevation-1, #333d47);margin:0}.row{display:flex;flex-direction:column;gap:16px}.comments-container{overflow-y:auto;flex:1}.comment-title{color:var(--mer-color__neutral-gray--400)}";
+
+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 __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeCommentsViewer_componentLocale, _GxIdeCommentsViewer_renderCommentItem, _GxIdeCommentsViewer_renderFooter, _GxIdeCommentsViewer_closeHandler;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const GxIdeCommentsViewer$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeCommentsViewer extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _GxIdeCommentsViewer_componentLocale.set(this, void 0);
+        _GxIdeCommentsViewer_renderCommentItem.set(this, (commentData) => {
+            return (h("div", { class: "comment-item" }, h("header", null, h("span", { class: "body-semi-bold-s comment-title" }, formatDate(new Date(commentData.date)), " - ", commentData.user)), h("p", { class: "body-regular-m" }, commentData.comment)));
+        });
+        _GxIdeCommentsViewer_renderFooter.set(this, () => {
+            return (h("footer", { class: "control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeCommentsViewer_closeHandler, "f") }, __classPrivateFieldGet(this, _GxIdeCommentsViewer_componentLocale, "f").buttons.close))));
+        });
+        _GxIdeCommentsViewer_closeHandler.set(this, async () => {
+            await this.closeCallback();
+        });
+        this.commentsData = [];
+        this.closeCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeCommentsViewer_componentLocale, await Locale.getComponentStrings(this.el), "f");
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "spacing-body comments-container scrollable" }, h("ul", { class: "comments-list" }, this.commentsData.map((comment, idx) => (h("li", { class: "row" }, __classPrivateFieldGet(this, _GxIdeCommentsViewer_renderCommentItem, "f").call(this, comment), idx < this.commentsData.length - 1 && h("hr", { class: "divider" })))))), __classPrivateFieldGet(this, _GxIdeCommentsViewer_renderFooter, "f").call(this)));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/comments-viewer"]; }
+    get el() { return this; }
+    static get style() { return commentsViewerCss; }
+}, [1, "gx-ide-comments-viewer", {
+        "commentsData": [16],
+        "closeCallback": [16]
+    }]);
+_GxIdeCommentsViewer_componentLocale = new WeakMap(), _GxIdeCommentsViewer_renderCommentItem = new WeakMap(), _GxIdeCommentsViewer_renderFooter = new WeakMap(), _GxIdeCommentsViewer_closeHandler = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-comments-viewer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-comments-viewer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeCommentsViewer$1);
+            }
+            break;
+    } });
+}
+
+const GxIdeCommentsViewer = GxIdeCommentsViewer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeCommentsViewer, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-comments-viewer.js.map

package/dist/components/gx-ide-comments-viewer.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-comments-viewer.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,6fAA6f;;;;;;;;;;;;;;;;;;;ACKvhB,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,eAAe;IACf,qBAAqB;CACtB,CAAC;MAQWA,qBAAmB;;;;;QAC9B,uDAAsB;QAiBtB,iDAAqB,CAAC,WAAwB;YAC5C,QACE,WAAK,KAAK,EAAC,cAAc,IACvB,kBACE,YAAM,KAAK,EAAC,gCAAgC,IACzC,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAK,WAAW,CAAC,IAAI,CACvD,CACA,EAET,SAAG,KAAK,EAAC,gBAAgB,IAAE,WAAW,CAAC,OAAO,CAAK,CAC/C,EACN;SACH,EAAC;QAEF,4CAAgB;YACd,QACE,cAAQ,KAAK,EAAC,yCAAyC,IACrD,WAAK,KAAK,EAAC,gBAAgB,IACzB,cAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,uBAAA,IAAI,yCAAc,IACvD,uBAAA,IAAI,4CAAiB,CAAC,OAAO,CAAC,KAAK,CAC7B,CACL,CACC,EACT;SACH,EAAC;QAEF,4CAAgB;YACd,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;SAC5B,EAAC;4BAvC6C,EAAE;;;IAOjD,MAAM,iBAAiB;QACrB,uBAAA,IAAI,wCAAoB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;KACnE;IAgCD,MAAM;QACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IAClB,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,WAAK,KAAK,EAAC,4CAA4C,IACrD,UAAI,KAAK,EAAC,eAAe,IACtB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,MAClC,UAAI,KAAK,EAAC,KAAK,IACZ,uBAAA,IAAI,8CAAmB,MAAvB,IAAI,EAAoB,OAAO,CAAC,EAEhC,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,UAAI,KAAK,EAAC,SAAS,GAAG,CAC1D,CACN,CAAC,CACC,CACD,EACL,uBAAA,IAAI,yCAAc,MAAlB,IAAI,CAAgB,CAChB,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GxIdeCommentsViewer"],"sources":["src/components/_helpers/comments-viewer/comments-viewer.scss?tag=gx-ide-comments-viewer&encapsulation=shadow","src/components/_helpers/comments-viewer/comments-viewer.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.comment-item {\n  display: flex;\n  flex-direction: column;\n  gap: var(--control-mer-control-label-vertical-spacing, 4px);\n}\n\n.comments-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.divider {\n  border: none;\n  border-top: 1px solid var(--color-border-surface-on-elevation-1, #333d47);\n  margin: 0;\n}\n\n.row {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.comments-container {\n  overflow-y: auto;\n  flex: 1;\n}\n\n.comment-title {\n  color: var(--mer-color__neutral-gray--400);\n}\n","import { MercuryBundles } from \"@genexus/mercury\";\nimport { Component, Element, Host, Prop, h } from \"@stencil/core\";\nimport { formatDate } from \"../../../common/helpers\";\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-comments-viewer\",\n  styleUrl: \"comments-viewer.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/comments-viewer\"]\n})\nexport class GxIdeCommentsViewer {\n  #componentLocale: any;\n  @Element() el: HTMLGxIdeCommentsViewerElement;\n\n  /**\n   * Comments data to display\n   */\n  @Prop() readonly commentsData: CommentData[] = [];\n\n  /**\n   * Callback to be executed when the user closes the viewer\n   */\n  @Prop() readonly closeCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #renderCommentItem = (commentData: CommentData) => {\n    return (\n      <div class=\"comment-item\">\n        <header>\n          <span class=\"body-semi-bold-s comment-title\">\n            {formatDate(new Date(commentData.date))} - {commentData.user}\n          </span>\n        </header>\n\n        <p class=\"body-regular-m\">{commentData.comment}</p>\n      </div>\n    );\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"control-footer-with-border spacing-body\">\n        <div class=\"buttons-spacer\">\n          <button class=\"button-primary\" onClick={this.#closeHandler}>\n            {this.#componentLocale.buttons.close}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #closeHandler = async () => {\n    await this.closeCallback();\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"spacing-body comments-container scrollable\">\n          <ul class=\"comments-list\">\n            {this.commentsData.map((comment, idx) => (\n              <li class=\"row\">\n                {this.#renderCommentItem(comment)}\n\n                {idx < this.commentsData.length - 1 && <hr class=\"divider\" />}\n              </li>\n            ))}\n          </ul>\n        </div>\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\nexport type CommentData = {\n  date: string;\n  user: string;\n  comment: string;\n};\n"],"version":3}

package/dist/components/gx-ide-team-dev-bring-all-changes-selector.d.ts

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

package/dist/components/gx-ide-team-dev-bring-all-changes-selector.js

@@ -0,0 +1,232 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { v as validateControls, c as clearControlError } from './form-validation.js';
+import { c as config } from './config.js';
+
+const bringAllChangesSelectorCss = ":host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.commit-date-container,.commit-number-container{display:grid;gap:15px}.commit-date-container{grid-template-rows:max-content max-content max-content max-content}.commit-number-container{grid-template-rows:max-content max-content max-content}.heading{margin-block:0}.tooltip{position:absolute}";
+
+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 __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeBringAllChangesSelector_componentLocale, _GxIdeBringAllChangesSelector_revisionNumberRef, _GxIdeBringAllChangesSelector_revisionDateRef, _GxIdeBringAllChangesSelector_evaluateTooltipRender, _GxIdeBringAllChangesSelector_initializeValidatableControls, _GxIdeBringAllChangesSelector_cancelClickHandler, _GxIdeBringAllChangesSelector_confirmClickHandler, _GxIdeBringAllChangesSelector_handleLastDates, _GxIdeBringAllChangesSelector_handleCommitDateValueChanged, _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged, _GxIdeBringAllChangesSelector_handleRadioGroupValueChange, _GxIdeBringAllChangesSelector_confirmButtonDisabled, _GxIdeBringAllChangesSelector_renderCommitDateInput, _GxIdeBringAllChangesSelector_renderCommitNumberInput, _GxIdeBringAllChangesSelector_renderLastDatesButtons;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form",
+    "utils/spacing",
+    "utils/layout",
+    "components/checkbox",
+    "components/button",
+    "components/edit",
+    "components/radio-group",
+    "components/tooltip"
+];
+const MERGE_ACTION_OPTIONS = {
+    fromCommitDate: {
+        value: "fromCommitDate"
+    },
+    fromCommitNumber: {
+        value: "fromCommitNumber"
+    }
+};
+const GxIdeBringAllChangesSelector = /*@__PURE__*/ proxyCustomElement(class GxIdeBringAllChangesSelector extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _GxIdeBringAllChangesSelector_componentLocale.set(this, void 0);
+        _GxIdeBringAllChangesSelector_revisionNumberRef.set(this, void 0);
+        _GxIdeBringAllChangesSelector_revisionDateRef.set(this, void 0);
+        // TODO: evaluate if this should be a global helper function.
+        // It is used on other dialogs as well.
+        _GxIdeBringAllChangesSelector_evaluateTooltipRender.set(this, (controlReference) => {
+            var _a, _b, _c;
+            return ((_b = (_a = this.validatableControls) === null || _a === void 0 ? void 0 : _a.get(controlReference === null || controlReference === void 0 ? void 0 : controlReference.id)) === null || _b === void 0 ? void 0 : _b.hasError) &&
+                ((_c = this.validatableControls.get(controlReference.id)) === null || _c === void 0 ? void 0 : _c.message) && (h("ch-tooltip", { class: "tooltip", actionElement: controlReference, blockAlign: config.tooltipSettings.blockAlign, inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, this.validatableControls.get(controlReference.id).message));
+        });
+        _GxIdeBringAllChangesSelector_initializeValidatableControls.set(this, (validatableControls) => {
+            validatableControls.forEach(validatableControl => {
+                if (validatableControl.id &&
+                    !this.validatableControls.has(validatableControl.id)) {
+                    this.validatableControls.set(validatableControl.id, {
+                        reference: validatableControl,
+                        hasError: false,
+                        message: undefined
+                    });
+                }
+            });
+        });
+        _GxIdeBringAllChangesSelector_cancelClickHandler.set(this, async () => {
+            await this.cancelCallback();
+        });
+        _GxIdeBringAllChangesSelector_confirmClickHandler.set(this, async () => {
+            let formSubmitResult;
+            const selectedMergeActionData = {
+                operationType: this.selectedOption,
+                fromDate: this.selectedOption === "fromCommitDate"
+                    ? this.sinceCommitDate
+                    : undefined,
+                fromRevision: this.selectedOption === "fromCommitNumber"
+                    ? this.sinceCommitNumber
+                    : undefined
+            };
+            formSubmitResult = await this.confirmCallback(selectedMergeActionData);
+            this.validatableControls = validateControls(formSubmitResult, this.validatableControls);
+        });
+        _GxIdeBringAllChangesSelector_handleLastDates.set(this, (lastDates) => {
+            const currentDate = new Date();
+            let sinceDate = new Date();
+            switch (lastDates) {
+                case "lastSevenDays":
+                    sinceDate.setDate(currentDate.getDate() - 7);
+                    break;
+                case "lastThirtyDays":
+                    sinceDate.setDate(currentDate.getDate() - 30);
+                    break;
+                case "lastNinetyDays":
+                    sinceDate.setDate(currentDate.getDate() - 90);
+                    break;
+            }
+            this.sinceCommitDate = sinceDate;
+        });
+        _GxIdeBringAllChangesSelector_handleCommitDateValueChanged.set(this, (event) => {
+            this.sinceCommitDate =
+                event.detail && event.detail !== "" ? new Date(event.detail) : undefined;
+            clearControlError(this.validatableControls, "commit-date");
+        });
+        _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged.set(this, (event) => {
+            this.sinceCommitNumber = Number(event.detail);
+            clearControlError(this.validatableControls, "commit-number");
+        });
+        _GxIdeBringAllChangesSelector_handleRadioGroupValueChange.set(this, (event) => {
+            this.selectedOption = event.detail;
+            if (this.selectedOption === "fromCommitDate") {
+                this.sinceCommitNumber = undefined;
+                clearControlError(this.validatableControls, "commit-number");
+            }
+            else if (this.selectedOption === "fromCommitNumber") {
+                this.sinceCommitDate = undefined;
+                clearControlError(this.validatableControls, "commit-date");
+            }
+        });
+        _GxIdeBringAllChangesSelector_confirmButtonDisabled.set(this, () => {
+            if (this.selectedOption === "fromCommitDate") {
+                // Validate that sinceCommitDate is a valid date
+                return !(this.sinceCommitDate instanceof Date &&
+                    !isNaN(this.sinceCommitDate.getTime()));
+            }
+            else if (this.selectedOption === "fromCommitNumber") {
+                // Validate that sinceCommitNumber is a valid number
+                return !(this.sinceCommitNumber > 0);
+            }
+            return true;
+        });
+        _GxIdeBringAllChangesSelector_renderCommitDateInput.set(this, () => {
+            var _a;
+            if (this.selectedOption !== "fromCommitDate") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-2-1" }, h("div", { class: "layout__panel" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "commit-date" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.commitDate), h("ch-edit", { class: {
+                    "input": true,
+                    "input-error": (_a = this.validatableControls.get("commit-date")) === null || _a === void 0 ? void 0 : _a.hasError
+                }, id: "commit-date", type: "date", value: this.sinceCommitDate &&
+                    this.sinceCommitDate.toISOString().split("T")[0], onInput: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleCommitDateValueChanged, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_revisionDateRef, el, "f")) }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f"))))));
+        });
+        _GxIdeBringAllChangesSelector_renderCommitNumberInput.set(this, () => {
+            var _a;
+            if (this.selectedOption !== "fromCommitNumber") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-2-1" }, h("div", { class: "layout__panel" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "commit-number" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.commitNumber), h("ch-edit", { class: {
+                    "input": true,
+                    "input-error": (_a = this.validatableControls.get("commit-number")) === null || _a === void 0 ? void 0 : _a.hasError
+                }, id: "commit-number", type: "number", placeholder: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").placeholders.commitNumber, onInput: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged, "f"), mode: "numeric", ref: (el) => (__classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, el, "f")) }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f"))))));
+        });
+        _GxIdeBringAllChangesSelector_renderLastDatesButtons.set(this, () => {
+            if (this.selectedOption !== "fromCommitDate") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-3" }, h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastSevenDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastSevenDays)), h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastThirtyDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastThirtyDays)), h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastNinetyDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastNinetyDays))));
+        });
+        this.sinceCommitDate = undefined;
+        this.sinceCommitNumber = undefined;
+        this.selectedOption = MERGE_ACTION_OPTIONS
+            .fromCommitDate.value;
+        this.radioGroupModel = [];
+        this.validatableControls = new Map();
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.radioGroupModel = [
+            {
+                value: MERGE_ACTION_OPTIONS.fromCommitDate.value,
+                caption: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.commitDate
+            },
+            {
+                value: MERGE_ACTION_OPTIONS.fromCommitNumber.value,
+                caption: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.commitNumber
+            }
+        ];
+    }
+    componentDidRender() {
+        if (this.selectedOption === "fromCommitDate" && __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f")) {
+            __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_initializeValidatableControls, "f").call(this, [__classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f")]);
+        }
+        if (this.selectedOption === "fromCommitNumber" && __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f")) {
+            __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_initializeValidatableControls, "f").call(this, [__classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f")]);
+        }
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: {
+                "spacing-body": true,
+                "commit-date-container": this.selectedOption === "fromCommitDate",
+                "commit-number-container": this.selectedOption === "fromCommitNumber"
+            } }, h("p", { class: "body-regular-m heading" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.selectRange), h("ch-radio-group-render", { class: "radio-group", direction: "horizontal", model: this.radioGroupModel, onChange: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleRadioGroupValueChange, "f"), value: MERGE_ACTION_OPTIONS.fromCommitDate.value }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderLastDatesButtons, "f").call(this), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderCommitDateInput, "f").call(this), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderCommitNumberInput, "f").call(this)), h("footer", { class: "control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_cancelClickHandler, "f") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").buttons.cancel), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_confirmClickHandler, "f"), disabled: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_confirmButtonDisabled, "f").call(this) }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").buttons.confirm)))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/team-dev-bring-all-changes-selector"]; }
+    get el() { return this; }
+    static get style() { return bringAllChangesSelectorCss; }
+}, [1, "gx-ide-team-dev-bring-all-changes-selector", {
+        "cancelCallback": [16],
+        "confirmCallback": [16],
+        "sinceCommitDate": [32],
+        "sinceCommitNumber": [32],
+        "selectedOption": [32],
+        "radioGroupModel": [32],
+        "validatableControls": [32]
+    }]);
+_GxIdeBringAllChangesSelector_componentLocale = new WeakMap(), _GxIdeBringAllChangesSelector_revisionNumberRef = new WeakMap(), _GxIdeBringAllChangesSelector_revisionDateRef = new WeakMap(), _GxIdeBringAllChangesSelector_evaluateTooltipRender = new WeakMap(), _GxIdeBringAllChangesSelector_initializeValidatableControls = new WeakMap(), _GxIdeBringAllChangesSelector_cancelClickHandler = new WeakMap(), _GxIdeBringAllChangesSelector_confirmClickHandler = new WeakMap(), _GxIdeBringAllChangesSelector_handleLastDates = new WeakMap(), _GxIdeBringAllChangesSelector_handleCommitDateValueChanged = new WeakMap(), _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged = new WeakMap(), _GxIdeBringAllChangesSelector_handleRadioGroupValueChange = new WeakMap(), _GxIdeBringAllChangesSelector_confirmButtonDisabled = new WeakMap(), _GxIdeBringAllChangesSelector_renderCommitDateInput = new WeakMap(), _GxIdeBringAllChangesSelector_renderCommitNumberInput = new WeakMap(), _GxIdeBringAllChangesSelector_renderLastDatesButtons = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-team-dev-bring-all-changes-selector"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-team-dev-bring-all-changes-selector":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeBringAllChangesSelector);
+            }
+            break;
+    } });
+}
+
+const GxIdeTeamDevBringAllChangesSelector = GxIdeBringAllChangesSelector;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeTeamDevBringAllChangesSelector, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-team-dev-bring-all-changes-selector.js.map

package/dist/components/gx-ide-team-dev-bring-all-changes-selector.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-team-dev-bring-all-changes-selector.js","mappings":"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","names":[],"sources":["src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.scss?tag=gx-ide-team-dev-bring-all-changes-selector&encapsulation=shadow","src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.commit-date-container,\n.commit-number-container {\n  display: grid;\n  gap: 15px;\n}\n\n.commit-date-container {\n  grid-template-rows: max-content max-content max-content max-content;\n}\n\n.commit-number-container {\n  grid-template-rows: max-content max-content max-content;\n}\n\n.heading {\n  margin-block: 0;\n}\n\n.tooltip {\n  position: absolute;\n}\n","import { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\nimport {\n  ChRadioGroupRenderCustomEvent,\n  RadioGroupModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../components\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { config } from \"../../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"components/checkbox\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/radio-group\",\n  \"components/tooltip\"\n];\n\nconst MERGE_ACTION_OPTIONS = {\n  fromCommitDate: {\n    value: \"fromCommitDate\"\n  },\n  fromCommitNumber: {\n    value: \"fromCommitNumber\"\n  }\n};\n\n@Component({\n  tag: \"gx-ide-team-dev-bring-all-changes-selector\",\n  styleUrl: \"bring-all-changes-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-bring-all-changes-selector\"]\n})\nexport class GxIdeBringAllChangesSelector {\n  #componentLocale: any;\n  #revisionNumberRef: HTMLChEditElement;\n  #revisionDateRef: HTMLChEditElement;\n  @Element() el: HTMLGxIdeTeamDevBringAllChangesSelectorElement;\n  /**\n   * Date from which the commits will be merged\n   */\n  @State() sinceCommitDate: Date | undefined = undefined;\n\n  /**\n   * Number from which the commits will be merged\n   */\n  @State() sinceCommitNumber: number | undefined = undefined;\n\n  /**\n   * The selected option from the radio group.\n   */\n  @State() selectedOption: MergeActionTaken = MERGE_ACTION_OPTIONS\n    .fromCommitDate.value as MergeActionTaken;\n\n  /**\n   * Model for the radio group.\n   */\n  @State() radioGroupModel: RadioGroupModel = [];\n\n  /**\n   * Map of validatable controls in the form.\n   */\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed.\n   */\n  @Prop() readonly confirmCallback!: (\n    selectedMergeActionData: SelectedMergeActionData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.radioGroupModel = [\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitDate.value,\n        caption: this.#componentLocale.captions.commitDate\n      },\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitNumber.value,\n        caption: this.#componentLocale.captions.commitNumber\n      }\n    ];\n  }\n\n  componentDidRender() {\n    if (this.selectedOption === \"fromCommitDate\" && this.#revisionDateRef) {\n      this.#initializeValidatableControls([this.#revisionDateRef]);\n    }\n\n    if (this.selectedOption === \"fromCommitNumber\" && this.#revisionNumberRef) {\n      this.#initializeValidatableControls([this.#revisionNumberRef]);\n    }\n  }\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #cancelClickHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #confirmClickHandler = async () => {\n    let formSubmitResult: FormSubmitResult;\n    const selectedMergeActionData: SelectedMergeActionData = {\n      operationType: this.selectedOption,\n      fromDate:\n        this.selectedOption === \"fromCommitDate\"\n          ? this.sinceCommitDate\n          : undefined,\n      fromRevision:\n        this.selectedOption === \"fromCommitNumber\"\n          ? this.sinceCommitNumber\n          : undefined\n    };\n    formSubmitResult = await this.confirmCallback(selectedMergeActionData);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #handleLastDates = (lastDates: LastDates) => {\n    const currentDate = new Date();\n    let sinceDate = new Date();\n    switch (lastDates) {\n      case \"lastSevenDays\":\n        sinceDate.setDate(currentDate.getDate() - 7);\n        break;\n      case \"lastThirtyDays\":\n        sinceDate.setDate(currentDate.getDate() - 30);\n        break;\n      case \"lastNinetyDays\":\n        sinceDate.setDate(currentDate.getDate() - 90);\n        break;\n    }\n    this.sinceCommitDate = sinceDate;\n  };\n\n  #handleCommitDateValueChanged = (event: CustomEvent<string> | InputEvent) => {\n    this.sinceCommitDate =\n      event.detail && event.detail !== \"\" ? new Date(event.detail) : undefined;\n    clearControlError(this.validatableControls, \"commit-date\");\n  };\n\n  #handleCommitNumberValueChanged = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.sinceCommitNumber = Number(event.detail);\n    clearControlError(this.validatableControls, \"commit-number\");\n  };\n\n  #handleRadioGroupValueChange = (\n    event: ChRadioGroupRenderCustomEvent<string>\n  ) => {\n    this.selectedOption = event.detail as MergeActionTaken;\n    if (this.selectedOption === \"fromCommitDate\") {\n      this.sinceCommitNumber = undefined;\n      clearControlError(this.validatableControls, \"commit-number\");\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      this.sinceCommitDate = undefined;\n      clearControlError(this.validatableControls, \"commit-date\");\n    }\n  };\n\n  #confirmButtonDisabled = (): boolean => {\n    if (this.selectedOption === \"fromCommitDate\") {\n      // Validate that sinceCommitDate is a valid date\n      return !(\n        this.sinceCommitDate instanceof Date &&\n        !isNaN(this.sinceCommitDate.getTime())\n      );\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      // Validate that sinceCommitNumber is a valid number\n      return !(this.sinceCommitNumber > 0);\n    }\n    return true;\n  };\n\n  #renderCommitDateInput = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-date\">\n              {this.#componentLocale.labels.commitDate}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-date\")?.hasError\n              }}\n              id=\"commit-date\"\n              type=\"date\"\n              value={\n                this.sinceCommitDate &&\n                this.sinceCommitDate.toISOString().split(\"T\")[0]\n              }\n              onInput={this.#handleCommitDateValueChanged}\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionDateRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionDateRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderCommitNumberInput = () => {\n    if (this.selectedOption !== \"fromCommitNumber\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-number\">\n              {this.#componentLocale.labels.commitNumber}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-number\")?.hasError\n              }}\n              id=\"commit-number\"\n              type=\"number\"\n              placeholder={this.#componentLocale.placeholders.commitNumber}\n              onInput={this.#handleCommitNumberValueChanged}\n              mode=\"numeric\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionNumberRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionNumberRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderLastDatesButtons = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n\n    return (\n      <div class=\"layout layout--cols-3\">\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastSevenDays\")}\n          >\n            {this.#componentLocale.captions.lastSevenDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastThirtyDays\")}\n          >\n            {this.#componentLocale.captions.lastThirtyDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastNinetyDays\")}\n          >\n            {this.#componentLocale.captions.lastNinetyDays}\n          </button>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{\n            \"spacing-body\": true,\n            \"commit-date-container\": this.selectedOption === \"fromCommitDate\",\n            \"commit-number-container\":\n              this.selectedOption === \"fromCommitNumber\"\n          }}\n        >\n          <p class=\"body-regular-m heading\">\n            {this.#componentLocale.labels.selectRange}\n          </p>\n          <ch-radio-group-render\n            class=\"radio-group\"\n            direction=\"horizontal\"\n            model={this.radioGroupModel}\n            onChange={this.#handleRadioGroupValueChange}\n            value={MERGE_ACTION_OPTIONS.fromCommitDate.value}\n          />\n\n          {this.#renderLastDatesButtons()}\n          {this.#renderCommitDateInput()}\n          {this.#renderCommitNumberInput()}\n        </div>\n\n        <footer class=\"control-footer-with-border spacing-body\">\n          <div class=\"buttons-spacer\">\n            <button class=\"button-secondary\" onClick={this.#cancelClickHandler}>\n              {this.#componentLocale.buttons.cancel}\n            </button>\n\n            <button\n              class=\"button-primary\"\n              onClick={this.#confirmClickHandler}\n              disabled={this.#confirmButtonDisabled()}\n            >\n              {this.#componentLocale.buttons.confirm}\n            </button>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n\nexport type SelectedMergeActionData = {\n  operationType: MergeActionTaken;\n  fromDate?: Date;\n  fromRevision?: number;\n};\n\nexport type MergeActionTaken = \"fromCommitDate\" | \"fromCommitNumber\";\n\nexport type LastDates = \"lastSevenDays\" | \"lastThirtyDays\" | \"lastNinetyDays\";\n"],"version":3}