@sebgroup/green-angular 6.0.4 → 6.1.0-rc.20250730100346703

package/jest.config.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+const { pathsToModuleNameMapper } = require('ts-jest')
+const { compilerOptions } = require('../../tsconfig.base')
+
+export default {
+  displayName: 'angular',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {},
+  transform: {
+    '^.+.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths, {
+    prefix: '<rootDir>/../..',
+  }),
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+  transformIgnorePatterns: [
+    'node_modules/(?!.*.mjs$|@sebgroup/green-react|@sebgroup/extract|@sebgroup/green-core|lit-element|lit-html|lit|@lit|@lit-labs|@jsverse|flat|chalk)',
+  ],
+  testPathIgnorePatterns: ['<rootDir>/node_modules/', '/node_modules/'],
+}

package/ng-package.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/libs/angular",
+  "allowedNonPeerDependencies": [
+    "@sebgroup/chlorophyll",
+    "@sebgroup/extract",
+    "@sebgroup/green-core"
+  ],
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "6.0.4",
+  "version": "6.1.0-rc.20250730100346703",
   "peerDependencies": {
     "@angular/cdk": ">=18",
     "@angular/common": ">=18",
@@ -17,7 +17,7 @@
     "scroll-into-view-if-needed": "^2.2.31"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.88.0",
+    "@sebgroup/green-core": "^1.88.2",
     "@sebgroup/chlorophyll": "^3.6.20",
     "@sebgroup/extract": "^3.0.2",
     "tslib": "^2.3.1"
@@ -38,271 +38,5 @@
   "bugs": {
     "url": "https://github.com/seb-oss/green/labels/angular"
   },
-  "homepage": "https://storybook.seb.io/latest/angular/",
-  "module": "fesm2022/sebgroup-green-angular.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/sebgroup-green-angular.mjs",
-      "esm": "./esm2022/sebgroup-green-angular.mjs",
-      "default": "./fesm2022/sebgroup-green-angular.mjs"
-    },
-    "./v-angular": {
-      "types": "./v-angular/index.d.ts",
-      "esm2022": "./esm2022/v-angular/sebgroup-green-angular-v-angular.mjs",
-      "esm": "./esm2022/v-angular/sebgroup-green-angular-v-angular.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-v-angular.mjs"
-    },
-    "./src/lib/badge": {
-      "types": "./src/lib/badge/index.d.ts",
-      "esm2022": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
-      "esm": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-badge.mjs"
-    },
-    "./src/lib/accordion": {
-      "types": "./src/lib/accordion/index.d.ts",
-      "esm2022": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
-      "esm": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-accordion.mjs"
-    },
-    "./src/lib/button": {
-      "types": "./src/lib/button/index.d.ts",
-      "esm2022": "./esm2022/src/lib/button/sebgroup-green-angular-src-lib-button.mjs",
-      "esm": "./esm2022/src/lib/button/sebgroup-green-angular-src-lib-button.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-button.mjs"
-    },
-    "./src/lib/cell-table": {
-      "types": "./src/lib/cell-table/index.d.ts",
-      "esm2022": "./esm2022/src/lib/cell-table/sebgroup-green-angular-src-lib-cell-table.mjs",
-      "esm": "./esm2022/src/lib/cell-table/sebgroup-green-angular-src-lib-cell-table.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-cell-table.mjs"
-    },
-    "./src/lib/context-menu": {
-      "types": "./src/lib/context-menu/index.d.ts",
-      "esm2022": "./esm2022/src/lib/context-menu/sebgroup-green-angular-src-lib-context-menu.mjs",
-      "esm": "./esm2022/src/lib/context-menu/sebgroup-green-angular-src-lib-context-menu.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-context-menu.mjs"
-    },
-    "./src/lib/datepicker": {
-      "types": "./src/lib/datepicker/index.d.ts",
-      "esm2022": "./esm2022/src/lib/datepicker/sebgroup-green-angular-src-lib-datepicker.mjs",
-      "esm": "./esm2022/src/lib/datepicker/sebgroup-green-angular-src-lib-datepicker.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-datepicker.mjs"
-    },
-    "./src/lib/dropdown": {
-      "types": "./src/lib/dropdown/index.d.ts",
-      "esm2022": "./esm2022/src/lib/dropdown/sebgroup-green-angular-src-lib-dropdown.mjs",
-      "esm": "./esm2022/src/lib/dropdown/sebgroup-green-angular-src-lib-dropdown.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-dropdown.mjs"
-    },
-    "./src/lib/in-page-wizard": {
-      "types": "./src/lib/in-page-wizard/index.d.ts",
-      "esm2022": "./esm2022/src/lib/in-page-wizard/sebgroup-green-angular-src-lib-in-page-wizard.mjs",
-      "esm": "./esm2022/src/lib/in-page-wizard/sebgroup-green-angular-src-lib-in-page-wizard.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-in-page-wizard.mjs"
-    },
-    "./src/lib/modal": {
-      "types": "./src/lib/modal/index.d.ts",
-      "esm2022": "./esm2022/src/lib/modal/sebgroup-green-angular-src-lib-modal.mjs",
-      "esm": "./esm2022/src/lib/modal/sebgroup-green-angular-src-lib-modal.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-modal.mjs"
-    },
-    "./src/lib/pagination": {
-      "types": "./src/lib/pagination/index.d.ts",
-      "esm2022": "./esm2022/src/lib/pagination/sebgroup-green-angular-src-lib-pagination.mjs",
-      "esm": "./esm2022/src/lib/pagination/sebgroup-green-angular-src-lib-pagination.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-pagination.mjs"
-    },
-    "./src/lib/progress-circle": {
-      "types": "./src/lib/progress-circle/index.d.ts",
-      "esm2022": "./esm2022/src/lib/progress-circle/sebgroup-green-angular-src-lib-progress-circle.mjs",
-      "esm": "./esm2022/src/lib/progress-circle/sebgroup-green-angular-src-lib-progress-circle.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-progress-circle.mjs"
-    },
-    "./src/lib/segmented-control": {
-      "types": "./src/lib/segmented-control/index.d.ts",
-      "esm2022": "./esm2022/src/lib/segmented-control/sebgroup-green-angular-src-lib-segmented-control.mjs",
-      "esm": "./esm2022/src/lib/segmented-control/sebgroup-green-angular-src-lib-segmented-control.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-segmented-control.mjs"
-    },
-    "./src/lib/shared": {
-      "types": "./src/lib/shared/index.d.ts",
-      "esm2022": "./esm2022/src/lib/shared/sebgroup-green-angular-src-lib-shared.mjs",
-      "esm": "./esm2022/src/lib/shared/sebgroup-green-angular-src-lib-shared.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-shared.mjs"
-    },
-    "./src/lib/slider": {
-      "types": "./src/lib/slider/index.d.ts",
-      "esm2022": "./esm2022/src/lib/slider/sebgroup-green-angular-src-lib-slider.mjs",
-      "esm": "./esm2022/src/lib/slider/sebgroup-green-angular-src-lib-slider.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-slider.mjs"
-    },
-    "./src/lib/sortable-list": {
-      "types": "./src/lib/sortable-list/index.d.ts",
-      "esm2022": "./esm2022/src/lib/sortable-list/sebgroup-green-angular-src-lib-sortable-list.mjs",
-      "esm": "./esm2022/src/lib/sortable-list/sebgroup-green-angular-src-lib-sortable-list.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-sortable-list.mjs"
-    },
-    "./src/v-angular/account-number": {
-      "types": "./src/v-angular/account-number/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/account-number/sebgroup-green-angular-src-v-angular-account-number.mjs",
-      "esm": "./esm2022/src/v-angular/account-number/sebgroup-green-angular-src-v-angular-account-number.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs"
-    },
-    "./src/v-angular/alert": {
-      "types": "./src/v-angular/alert/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.mjs",
-      "esm": "./esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs"
-    },
-    "./src/v-angular/base-control-value-accessor": {
-      "types": "./src/v-angular/base-control-value-accessor/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/base-control-value-accessor/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs",
-      "esm": "./esm2022/src/v-angular/base-control-value-accessor/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs"
-    },
-    "./src/v-angular/breadcrumbs": {
-      "types": "./src/v-angular/breadcrumbs/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/breadcrumbs/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs",
-      "esm": "./esm2022/src/v-angular/breadcrumbs/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs"
-    },
-    "./src/v-angular/button": {
-      "types": "./src/v-angular/button/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/button/sebgroup-green-angular-src-v-angular-button.mjs",
-      "esm": "./esm2022/src/v-angular/button/sebgroup-green-angular-src-v-angular-button.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-button.mjs"
-    },
-    "./src/v-angular/card": {
-      "types": "./src/v-angular/card/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/card/sebgroup-green-angular-src-v-angular-card.mjs",
-      "esm": "./esm2022/src/v-angular/card/sebgroup-green-angular-src-v-angular-card.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-card.mjs"
-    },
-    "./src/v-angular/character-countdown": {
-      "types": "./src/v-angular/character-countdown/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/character-countdown/sebgroup-green-angular-src-v-angular-character-countdown.mjs",
-      "esm": "./esm2022/src/v-angular/character-countdown/sebgroup-green-angular-src-v-angular-character-countdown.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs"
-    },
-    "./src/v-angular/checkbox": {
-      "types": "./src/v-angular/checkbox/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/checkbox/sebgroup-green-angular-src-v-angular-checkbox.mjs",
-      "esm": "./esm2022/src/v-angular/checkbox/sebgroup-green-angular-src-v-angular-checkbox.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs"
-    },
-    "./src/v-angular/core": {
-      "types": "./src/v-angular/core/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/core/sebgroup-green-angular-src-v-angular-core.mjs",
-      "esm": "./esm2022/src/v-angular/core/sebgroup-green-angular-src-v-angular-core.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-core.mjs"
-    },
-    "./src/v-angular/datepicker": {
-      "types": "./src/v-angular/datepicker/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/datepicker/sebgroup-green-angular-src-v-angular-datepicker.mjs",
-      "esm": "./esm2022/src/v-angular/datepicker/sebgroup-green-angular-src-v-angular-datepicker.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs"
-    },
-    "./src/v-angular/drag-drop": {
-      "types": "./src/v-angular/drag-drop/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
-      "esm": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs"
-    },
-    "./src/v-angular/dropdown": {
-      "types": "./src/v-angular/dropdown/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
-      "esm": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs"
-    },
-    "./src/v-angular/external-link": {
-      "types": "./src/v-angular/external-link/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
-      "esm": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs"
-    },
-    "./src/v-angular/i18n": {
-      "types": "./src/v-angular/i18n/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
-      "esm": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs"
-    },
-    "./src/v-angular/info-circle": {
-      "types": "./src/v-angular/info-circle/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/info-circle/sebgroup-green-angular-src-v-angular-info-circle.mjs",
-      "esm": "./esm2022/src/v-angular/info-circle/sebgroup-green-angular-src-v-angular-info-circle.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs"
-    },
-    "./src/v-angular/input": {
-      "types": "./src/v-angular/input/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/input/sebgroup-green-angular-src-v-angular-input.mjs",
-      "esm": "./esm2022/src/v-angular/input/sebgroup-green-angular-src-v-angular-input.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-input.mjs"
-    },
-    "./src/v-angular/input-mask": {
-      "types": "./src/v-angular/input-mask/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/input-mask/sebgroup-green-angular-src-v-angular-input-mask.mjs",
-      "esm": "./esm2022/src/v-angular/input-mask/sebgroup-green-angular-src-v-angular-input-mask.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs"
-    },
-    "./src/v-angular/modal": {
-      "types": "./src/v-angular/modal/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/modal/sebgroup-green-angular-src-v-angular-modal.mjs",
-      "esm": "./esm2022/src/v-angular/modal/sebgroup-green-angular-src-v-angular-modal.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs"
-    },
-    "./src/v-angular/pagination": {
-      "types": "./src/v-angular/pagination/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.mjs",
-      "esm": "./esm2022/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs"
-    },
-    "./src/v-angular/radio": {
-      "types": "./src/v-angular/radio/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/radio/sebgroup-green-angular-src-v-angular-radio.mjs",
-      "esm": "./esm2022/src/v-angular/radio/sebgroup-green-angular-src-v-angular-radio.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs"
-    },
-    "./src/v-angular/slug": {
-      "types": "./src/v-angular/slug/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/slug/sebgroup-green-angular-src-v-angular-slug.mjs",
-      "esm": "./esm2022/src/v-angular/slug/sebgroup-green-angular-src-v-angular-slug.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs"
-    },
-    "./src/v-angular/table": {
-      "types": "./src/v-angular/table/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/table/sebgroup-green-angular-src-v-angular-table.mjs",
-      "esm": "./esm2022/src/v-angular/table/sebgroup-green-angular-src-v-angular-table.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-table.mjs"
-    },
-    "./src/v-angular/tabs": {
-      "types": "./src/v-angular/tabs/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/tabs/sebgroup-green-angular-src-v-angular-tabs.mjs",
-      "esm": "./esm2022/src/v-angular/tabs/sebgroup-green-angular-src-v-angular-tabs.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs"
-    },
-    "./src/v-angular/textarea": {
-      "types": "./src/v-angular/textarea/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/textarea/sebgroup-green-angular-src-v-angular-textarea.mjs",
-      "esm": "./esm2022/src/v-angular/textarea/sebgroup-green-angular-src-v-angular-textarea.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs"
-    },
-    "./src/v-angular/toast": {
-      "types": "./src/v-angular/toast/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/toast/sebgroup-green-angular-src-v-angular-toast.mjs",
-      "esm": "./esm2022/src/v-angular/toast/sebgroup-green-angular-src-v-angular-toast.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs"
-    },
-    "./src/v-angular/tooltip": {
-      "types": "./src/v-angular/tooltip/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/tooltip/sebgroup-green-angular-src-v-angular-tooltip.mjs",
-      "esm": "./esm2022/src/v-angular/tooltip/sebgroup-green-angular-src-v-angular-tooltip.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs"
-    }
-  },
-  "sideEffects": false
-}
+  "homepage": "https://storybook.seb.io/latest/angular/"
+}

package/project.json

@@ -0,0 +1,113 @@
+{
+  "name": "angular",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "libs/angular/src",
+  "prefix": "green",
+  "tags": ["lib"],
+  "targets": {
+    "build": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/libs/angular"],
+      "inputs": ["core"],
+      "options": {
+        "project": "libs/angular/ng-package.json",
+        "tsConfig": "libs/angular/tsconfig.lib.prod.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "libs/angular/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "libs/angular/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/libs/angular"],
+      "dependsOn": ["core:build"],
+      "options": {
+        "jestConfig": "libs/angular/jest.config.ts"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    },
+    "storybook": {
+      "executor": "@storybook/angular:start-storybook",
+      "options": {
+        "port": 4402,
+        "configDir": "libs/angular/.storybook",
+        "browserTarget": "angular:build-storybook",
+        "compodoc": false,
+        "stylePreprocessorOptions": {
+          "includePaths": ["libs/fonts/*"]
+        }
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      },
+      "dependsOn": ["core:build-with-types"]
+    },
+    "build-storybook": {
+      "executor": "@storybook/angular:build-storybook",
+      "outputs": ["{options.outputDir}"],
+      "options": {
+        "outputDir": "dist/storybook/angular",
+        "configDir": "libs/angular/.storybook",
+        "browserTarget": "angular:build-storybook",
+        "compodoc": false,
+        "stylePreprocessorOptions": {
+          "includePaths": ["libs/fonts/*"]
+        }
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      },
+      "dependsOn": ["core:build-with-types"]
+    },
+    "copy-designlibrary-json": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "npx copyfiles -f libs/angular/.storybook/designlibrary.json dist/storybook/angular"
+      }
+    },
+    "update-dependencies": {
+      "executor": "@sebgroup/repo-tools:update-lib-deps",
+      "options": {}
+    },
+    "version-as-snapshot": {
+      "executor": "@sebgroup/repo-tools:version-as-snapshot",
+      "options": {}
+    },
+    "publish-snapshot": {
+      "executor": "@sebgroup/repo-tools:publish-snapshot",
+      "options": {}
+    },
+    "test-storybook": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "test-storybook -c libs/angular/.storybook --url=http://localhost:4400"
+      }
+    },
+    "static-storybook": {
+      "executor": "@nx/web:file-server",
+      "options": {
+        "buildTarget": "angular:build-storybook",
+        "staticFilePath": "dist/storybook/angular",
+        "spa": true
+      },
+      "configurations": {
+        "ci": {
+          "buildTarget": "angular:build-storybook:ci"
+        }
+      }
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,17 @@
+export * from './lib/green-angular.module'
+export * from './lib/accordion'
+export * from './lib/badge'
+export * from './lib/button'
+export * from './lib/datepicker'
+export * from './lib/dropdown'
+export * from './lib/modal'
+export * from './lib/pagination'
+export * from './lib/progress-circle'
+export * from './lib/segmented-control'
+export * from './lib/shared'
+export * from './lib/slider'
+export * from './lib/in-page-wizard'
+export * from './lib/context-menu'
+export * from './lib/sortable-list'
+export * from './lib/cell-table'
+export * from './lib/shared/core-element'

package/src/lib/Get-started.mdx

@@ -0,0 +1,78 @@
+import { Meta } from '@storybook/addon-docs'
+
+<Meta title="Get started" />
+
+# Angular Green
+
+## Install
+
+If you are using the latest version of Angular, you can simply install `@sebgroup/green-angular` like this:
+
+```
+npm install @sebgroup/green-angular --save
+```
+
+However, because `@sebgroup/green-angular` has a peer dependency to `@angular/cdk`, and Angular is very picky about which versions go together, if you use an older version of Angular you need to explicitly install the matching version of `@angular/cdk` as well.
+
+For example, for Angular 17:
+
+```
+npm install @angular/cdk@~17.0.0 @sebgroup/green-angular --save
+```
+
+Currently, our aim is to support the oldest LTS version of Angular and up. You can check currently supported versions [here](https://angular.dev/reference/releases#actively-supported-versions)
+
+## Import module
+
+Each component in Green Angular is exported as a separate module. We recommend importing only the component modules that you need:
+
+```ts
+import { NggDropdownModule } from '@sebgroup/green-angular/src/lib/dropdown'
+import { NggContextMenuModule } from '@sebgroup/green-angular/src/lib/context-menu'
+
+@NgModule({
+  declarations: [...],
+  imports: [
+    ...
+    NggDropdownModule,
+    NggContextMenuModule
+  ],
+  exports: [
+    NggModule
+  ]
+})
+export class SharedModule {}
+```
+
+## Import styling
+
+We recommend setting up your Angular project to use scss (SASS) for css preprocessing.
+
+Once configured to use scss, it's just a matter of including the scss to your main styles file, typically it would be `styles.scss` located at the root of the `src` folder unless you've changed it.
+
+### Add scss
+
+`{project}/src/styles.scss`
+
+```css
+// import base styles from @sebgroup/chlorophyll
+@use '@sebgroup/chlorophyll/scss';
+```
+
+**Note:** Depending on you bundler, you may need to configure the font path by setting the `$font-path` variable:
+
+```scss
+@use '@sebgroup/chlorophyll/scss' with (
+  $font-path: '@sebgroup/fonts/fonts'
+);
+```
+
+### Selective imports
+
+I you are only using a few components, it's better to selectively import the components you need. This will reduce the size of the final css bundle.
+
+Check out the example on [this page](https://storybook.seb.io/latest/chlorophyll/?path=/docs/get-started-use--page).
+
+## Have other needs?
+
+More examples and use cases coming soon! In the meantime create an [issue over at github](https://github.com/seb-oss/green/issues)

package/src/lib/Testing.mdx

@@ -0,0 +1,74 @@
+import { Meta } from '@storybook/addon-docs'
+
+<Meta title="Testing" />
+
+# Testing Angular applications built with Green
+
+## Default Jasmine + Karma setup
+
+The default Jasmine + Karma setup should work out of the box with Green. For more info, read the official Angular documentation on [testing](https://angular.io/guide/testing).
+
+## Jest
+
+Because some of the components in Green are Web Components, and Jest runs in a Node environment, Jest needs some extra configuration to work with Green. For example, if you run into errors like `Jest encountered an unexpected token`, this is probably the reason.
+
+To make this as seamless as possible, Green provides some pre-packaged configuration that you can apply to your Jest configuration.
+
+First, you need to make sure your Jest config is written in Javascript and not Typescript, or convert it if it is. If you have a `jest.config.ts` file, rename it to `jest.config.cjs`.
+
+Then, change the `const config = { ... }` to `module.exports = { ... }`. Also remove the `export default config` line.
+
+Then, you can extend your configuration like this:
+
+```js
+// import green jest config
+const greenJestConfig = require('@sebgroup/green-core/jest-config')
+
+// apply the green jest config
+module.exports = greenJestConfig.apply({
+  // Your existing config, for example:
+  clearMocks: true,
+  coverageProvider: 'v8',
+  testEnvironment: 'jsdom',
+  preset: 'jest-preset-angular',
+  setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
+})
+```
+
+This will apply the necessary configuration to make Jest work with Green. Specifically, it will add suitable `transformIgnorePatterns` and run setup that mocks various browser APIs that are not available in Node.
+
+Now you should be able to use jest normally.
+
+### Interacting with Green web components in a test
+
+To interact with Green web components in a test, you can import types from the `@sebgroup/green-core` package, and use that when querying the DOM.
+
+```ts
+// Import types from Green core:
+import type { GdsDropdown } from '@sebgroup/green-core'
+
+// Then in your test:
+it('should display correct value in dropdown', async () => {
+  const fixture = TestBed.createComponent(AppComponent)
+  fixture.detectChanges()
+  const compiled = fixture.nativeElement as HTMLElement
+
+  // Query the DOM using the GdsDropdown type
+  const dropdown = compiled.querySelector<GdsDropdown>(
+    '[gds-element="gds-dropdown"]', // This is the attribute that Green components use to identify themselves, since the element name itself will have a scoping suffix.
+  )!
+
+  // Now you can access properties of the underlying component, such as setting value
+  dropdown.value = 'some_value'
+
+  // Wait for both `updateComplete` and `setTimeout` (for the next event loop tick)
+  // This is usually enough to let the Web Component work out it's internal state
+  await dropdown.updateComplete
+  await new Promise((resolve) => setTimeout(resolve, 0))
+
+  // Now we can check with expect as usual
+  expect(dropdown?.displayValue).toContain('Some Value')
+})
+```
+
+Check the component's API documentation for more information on how to interact with the components.