@ui5/webcomponents-ngx 0.5.9-rc.4 → 0.5.9

package/theming/supported-themes.ts

@@ -1 +0,0 @@
-export default ["node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json","node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json","node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json","node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json","node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json","node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json","node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json","node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json"];

package/theming/theming.module.ts

@@ -1,18 +0,0 @@
-import {ModuleWithProviders, NgModule} from "@angular/core";
-import {Ui5WebcomponentsThemingService} from "./theming.service";
-
-@NgModule({
-  exports: [],
-  declarations: []
-})
-export class Ui5WebcomponentsThemingModule {
-  constructor(readonly theming: Ui5WebcomponentsThemingService) {
-  }
-
-  static forRoot(): ModuleWithProviders<Ui5WebcomponentsThemingModule> {
-    return {
-      ngModule: Ui5WebcomponentsThemingModule,
-      providers: [Ui5WebcomponentsThemingService]
-    }
-  }
-}

package/theming/theming.service.ts

@@ -1,17 +0,0 @@
-import {Injectable} from "@angular/core";
-import {WebcomponentsThemingProvider} from "./base-webcomponents-theming-provider";
-
-/**
- * Theming service specifically for the ui5/webcomponents-ngx components.
- */
-@Injectable({
-  providedIn: 'root'
-})
-export class Ui5WebcomponentsThemingService extends WebcomponentsThemingProvider {
-  name = 'ui5-webcomponents-theming-service';
-
-  /** @hidden */
-  constructor() {
-    super(() => import('@ui5/webcomponents-theming/dist/generated/json-imports/Themes.js'))
-  }
-}

package/theming.conf.ts

@@ -1,24 +0,0 @@
-import { FileSystemInterface, GeneratedFile } from "@ui5/webcomponents-transformer";
-import { Ui5NxTransformerConfig } from "@ui5/webcomponents-nx";
-
-const supportedThemesFileLocation = 'theming/supported-themes.ts';
-
-class SupportedThemesFile extends GeneratedFile {
-  constructor(protected supportedThemes: string[]) {
-    super();
-    this.move(supportedThemesFileLocation);
-  }
-
-  override getCode(): string {
-    return `export default ${JSON.stringify(this.supportedThemes)};`;
-  }
-
-  relativePathFrom = (): string => "";
-}
-
-const themingConfig: Ui5NxTransformerConfig<string> = (fs: FileSystemInterface) => ({
-  gatherer: () => fs.queryFiles('node_modules/@ui5/webcomponents-theming/dist/generated/assets/themes/**/*', []),
-  transformers: [(themes: string[]) => ([new SupportedThemesFile(themes)])]
-});
-
-export default themingConfig;

package/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.lib.prod.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "compilerOptions": {
-    "target": "es2020",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}

package/tsconfig.lib.json

@@ -1,16 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "allowSyntheticDefaultImports": true,
-    "types": [],
-    "target": "ES2022",
-    "useDefineForClassFields": false,
-    "moduleResolution": "bundler"
-  },
-  "exclude": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts"],
-  "include": ["**/*.ts", "../../node_modules/@types/node/globals.d.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,12 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false,
-    "target": "ES2022",
-    "useDefineForClassFields": false,
-    "moduleResolution": "bundler"
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.schematics.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "lib": ["es2018", "dom"],
-    "declaration": true,
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": false,
-    "noImplicitThis": true,
-    "noUnusedParameters": true,
-    "noUnusedLocals": true,
-    "rootDir": ".",
-    "outDir": "../../dist/libs/ui5-angular",
-    "skipDefaultLibCheck": true,
-    "skipLibCheck": true,
-    "sourceMap": false,
-    "strictNullChecks": true,
-    "target": "es6",
-    "types": ["node"],
-    "resolveJsonModule": true,
-    "esModuleInterop": true
-  },
-  "include": ["schematics/**/*"],
-  "exclude": ["schematics/*/files/**/*"]
-}

package/tsconfig.spec.json

@@ -1,13 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["jest", "node"]
-  },
-  "include": [
-    "**/*.test.ts",
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/ui5-webcomponents.module.ts

@@ -1,14 +0,0 @@
-import { NgModule } from "@angular/core";
-import { Ui5FioriModule } from "@ui5/webcomponents-ngx/fiori";
-import { Ui5MainModule } from "@ui5/webcomponents-ngx/main";
-import { Ui5AiModule } from "@ui5/webcomponents-ngx/ai";
-
-const imports = [Ui5FioriModule, Ui5MainModule, Ui5AiModule];
-const exports = [...imports];
-
-@NgModule({
-  imports: [...imports],
-  exports: [...exports],
-})
-class Ui5WebcomponentsModule {}
-export { Ui5WebcomponentsModule };

package/utils/index.ts

@@ -1,35 +0,0 @@
-import { fromEvent, map } from "rxjs";
-
-function ProxyInputs(inputNames: string[]) {
-  return (cls: any) => {
-    inputNames.forEach((inputName) => {
-      Object.defineProperty(cls.prototype, inputName, {
-        get() {
-          return this.element[inputName];
-        },
-        set(val: any) {
-          this.zone.runOutsideAngular(() => (this.element[inputName] = val));
-        },
-      });
-    });
-  };
-}
-
-function ProxyOutputs(outputNames: string[]) {
-  return (cls: any) => {
-    outputNames.forEach((outputName) => {
-      // eslint-disable-next-line prefer-const
-      let [eventName, publicName] = outputName.split(":").map((s) => s.trim());
-      publicName = publicName || eventName;
-      Object.defineProperty(cls.prototype, publicName, {
-        get(): any {
-          return fromEvent<CustomEvent<any>>(this.element, eventName).pipe(
-            map((e) => e.detail),
-          );
-        },
-      });
-    });
-  };
-}
-
-export { ProxyInputs, ProxyOutputs };

package/utils/ng-package.json

@@ -1 +0,0 @@
-{"lib":{"entryFile":"./index.ts"}}

package/wrapper.conf.ts

@@ -1,145 +0,0 @@
-import { ComponentData } from "@ui5/webcomponents-transformer";
-import { customElementSchemaParser } from "@ui5/webcomponents-schema-parser";
-import {
-  AngularExportSpecifierType,
-  AngularGeneratedFile,
-  AngularModuleFile,
-  NgPackageFile,
-  ComponentFile,
-  ui5componentsWrapper
-} from "@ui5/webcomponents-ngx-generator";
-import { camelCase, kebabCase } from "lodash";
-import { join } from "path";
-import { Ui5NxTransformerConfig } from "@ui5/webcomponents-nx";
-import { format } from "prettier";
-
-const pascalCase = src => (str => str.charAt(0).toUpperCase() + str.slice(1))(camelCase(src));
-
-const classNameForThemingService = (packageName: 'fiori' | 'main' | 'ai') => `Ui5Webcomponents${pascalCase(packageName)}ThemingService`;
-
-class ThemingServiceFile extends AngularGeneratedFile {
-  className: string;
-  override apfPath = `@ui5/webcomponents-ngx/${this.baseDir}`;
-
-  constructor(protected baseDir: string, protected packageName: 'fiori' | 'main' | 'ai') {
-    super();
-    this.addImport('WebcomponentsThemingProvider', '@ui5/webcomponents-ngx/theming');
-    this.addImport('Injectable', '@angular/core');
-    this.move(`${baseDir}/index.ts`);
-    this.className = classNameForThemingService(packageName);
-    this.addExport({
-      local: () => this.className,
-      exported: () => this.className,
-      types: [AngularExportSpecifierType.Provider]
-    })
-  }
-
-  getServiceCode(): string {
-    return `
-      @Injectable({providedIn: 'root'})
-      class ${this.className} extends WebcomponentsThemingProvider {
-        name = ${JSON.stringify(kebabCase(this.className))};
-        constructor() {
-          super(() => import('@ui5/webcomponents${this.packageName === 'main' ? '' : `-${this.packageName}`}/dist/generated/json-imports/Themes.js'))
-        }
-      }
-    `
-  }
-
-  override getCode(): Promise<string> {
-    return format([
-      this.getImportsCode(),
-      this.getServiceCode(),
-      this.getExportsCode()
-    ].join('\n'), {
-      parser: 'typescript',
-      singleQuote: true,
-      plugins: ['prettier-plugin-organize-imports']
-    });
-  }
-}
-
-const packageNames = ['fiori', 'main', 'ai'];
-
-const componentGenerator = (components: ComponentData[]) =>
-  ui5componentsWrapper(components, {
-    modules: [
-      ...packageNames.map(packageName => ({
-        fileName: `${packageName}/ui5-${packageName}.module.ts`,
-        included: (file) => {
-          return file.path.startsWith(packageName);
-        }
-      })),
-      {
-        fileName: 'ui5-webcomponents.module.ts',
-        included: (file) => {
-          return file.path.endsWith('module.ts');
-        }
-      }
-    ],
-    exportFileNameFactory: (path) => {
-      const module = path.match(/^@ui5\/webcomponents-(.*)\/dist\/(.*)\.js$/)?.[1];
-      const finalPath = path.replace(/^@ui5\/webcomponents(-base|-fiori|-ai)?\/dist\/(.*)\.js$/, '$2').split('/');
-      return join(module || 'main', finalPath.map(kebabCase).join('/'), 'index.ts')
-    },
-    apfPathFactory: (path) => {
-      if (path.endsWith('.ts')) {
-        const pathSegments = path.split('/').slice(0, -1);
-        return join('@ui5', 'webcomponents-ngx', ...pathSegments);
-      }
-      const module = path.match(/^@ui5\/webcomponents-(.*)\/dist\/(.*)\.js$/)?.[1];
-      const finalPath = path.replace(/^@ui5\/webcomponents(-base|-fiori|-ai)?\/dist\/(.*)(index)?\.(js|ts)$/, '$2').split('/');
-      return join('@ui5/webcomponents-ngx', module || 'main', finalPath.map(kebabCase).join('/'))
-    }
-  })
-
-const ui5WrapperConfig: Ui5NxTransformerConfig<ComponentData> = {
-  gatherer: () => customElementSchemaParser({
-    sources: [
-      '@ui5/webcomponents-base/dist/custom-elements-internal.json',
-      '@ui5/webcomponents-fiori/dist/custom-elements-internal.json',
-      '@ui5/webcomponents-ai/dist/custom-elements-internal.json',
-      '@ui5/webcomponents/dist/custom-elements-internal.json'
-    ]
-  }),
-  transformers: [
-    (components: ComponentData[]) => {
-      const filesMap = componentGenerator(components).reduce((acc, file) => {
-        acc[file.path] = file;
-        return acc;
-      }, {});
-      const indexFile = filesMap['index.ts'] as AngularGeneratedFile;
-      if (!indexFile) {
-        throw new Error('No index file found');
-      }
-      indexFile.addExport('*', '@ui5/webcomponents-ngx/theming');
-      indexFile.addExport('*', '@ui5/webcomponents-ngx/icons');
-      indexFile.addExport('*', '@ui5/webcomponents-ngx/config');
-      for (const packageName of packageNames) {
-        const themingServiceFile = new ThemingServiceFile(`${packageName}/theming`, packageName as 'fiori' | 'main' | 'ai');
-        const moduleFile = filesMap[`${packageName}/ui5-${packageName}.module.ts`] as AngularModuleFile;
-        const themingNgPackage = new NgPackageFile(themingServiceFile, `${packageName}/theming`);
-        indexFile.addExport('*', `@ui5/webcomponents-ngx/${packageName}/theming`);
-
-        filesMap[themingServiceFile.path] = themingServiceFile;
-        filesMap[themingNgPackage.path] = themingNgPackage;
-        moduleFile
-          .addProvider(themingServiceFile, themingServiceFile.className, true, false)
-          .addImport({
-            specifiers: [],
-            path: `@ui5/webcomponents${packageName === 'main' ? '' : `-${packageName}`}/dist/Assets.js`
-          });
-      }
-
-      // There is a need for a custom getter and setter for the RadioButton
-      (filesMap['main/radio-button/index.ts'] as ComponentFile).cvaGetterCode = `get cvaValue() { return this.element.value; }`;
-      (filesMap['main/radio-button/index.ts'] as ComponentFile).cvaSetterCode = `set cvaValue(val: string) { this.element.checked = this.element.value === val; }`;
-
-      // There is a bug in the generator that causes the incorrect ng-package.json to be generated for the main package
-      delete filesMap['ng-package.json'];
-      return Object.values(filesMap);
-    }
-  ]
-};
-
-export default ui5WrapperConfig;