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

package/.eslintrc.json

@@ -0,0 +1,39 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*", "storybook-static"],
+  "rules": {
+    "no-console": "error"
+  },
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "plugin:@nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": ["ngg", "nggv"],
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": ["ngg", "nggv"],
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

package/.storybook/designlibrary.json

@@ -0,0 +1,452 @@
+[
+  {
+    "id": "components-sortable-list--default",
+    "name": "Default",
+    "title": "Components/Sortable list",
+    "customParams": {
+      "componentIds": ["sortable-list"]
+    }
+  },
+  {
+    "id": "components-sortable-list--with-custom-template",
+    "name": "With Custom suffix template",
+    "title": "Components/Sortable list",
+    "customParams": {
+      "componentIds": ["sortable-list"]
+    }
+  },
+  {
+    "id": "components-sortable-list--default-sortable-checklist",
+    "name": "Separate Unchecked List",
+    "title": "Components/Sortable list",
+    "customParams": {
+      "componentIds": ["sortable-list"]
+    }
+  },
+  {
+    "id": "components-sortable-list--read-only",
+    "name": "Read Only",
+    "title": "Components/Sortable list",
+    "customParams": {
+      "componentIds": ["sortable-list"]
+    }
+  },
+  {
+    "id": "components-sortable-list--not-draggable",
+    "name": "Disabled reordering and displaying drag handle",
+    "title": "Components/Sortable list",
+    "customParams": {
+      "componentIds": ["sortable-list"]
+    }
+  },
+  {
+    "id": "components-sortable-list--minimal",
+    "name": "Minimal",
+    "title": "Components/Sortable list",
+    "customParams": {
+      "componentIds": ["sortable-list"]
+    }
+  },
+  {
+    "id": "components-slider--default",
+    "name": "Default",
+    "title": "Components/Slider",
+    "customParams": {
+      "componentIds": ["component-slider"]
+    }
+  },
+  {
+    "id": "components-slider--textbox",
+    "name": "Textbox",
+    "title": "Components/Slider",
+    "customParams": {
+      "componentIds": ["component-slider"]
+    }
+  },
+  {
+    "id": "components-slider--unit-textbox",
+    "name": "Unit Textbox",
+    "title": "Components/Slider",
+    "customParams": {
+      "componentIds": ["component-slider"]
+    }
+  },
+  {
+    "id": "components-slider--error",
+    "name": "Error",
+    "title": "Components/Slider",
+    "customParams": {
+      "componentIds": ["component-slider"]
+    }
+  },
+  {
+    "id": "components-slider--disabled",
+    "name": "Disabled",
+    "title": "Components/Slider",
+    "customParams": {
+      "componentIds": ["component-slider"]
+    }
+  },
+  {
+    "id": "components-segmented-control--with-router",
+    "name": "With Router",
+    "title": "Components/Segmented control",
+    "customParams": {
+      "componentIds": ["component-segmented-control"]
+    }
+  },
+  {
+    "id": "components-progress-circle--default",
+    "name": "Default",
+    "title": "Components/Progress Circle",
+    "customParams": {}
+  },
+  {
+    "id": "components-navigation-pagination--default",
+    "name": "Default",
+    "title": "Components/Navigation/Pagination",
+    "customParams": {
+      "componentIds": ["component-pagination"]
+    }
+  },
+  {
+    "id": "components-modal--default",
+    "name": "Default",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-modal--slideout",
+    "name": "Slideout",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-modal--takeover",
+    "name": "Takeover",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-modal--custom",
+    "name": "Custom",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-wizard-in-page-wizard-step-card--default",
+    "name": "Default",
+    "title": "Components/Wizard/In page wizard step card",
+    "customParams": {
+      "componentIds": ["component-inpagewizard"]
+    }
+  },
+  {
+    "id": "components-wizard-in-page-wizard-step-card--disable-next",
+    "name": "Disable Next",
+    "title": "Components/Wizard/In page wizard step card",
+    "customParams": {
+      "componentIds": ["component-inpagewizard"]
+    }
+  },
+  {
+    "id": "components-wizard-in-page-wizard-step-card--multiple",
+    "name": "Multiple",
+    "title": "Components/Wizard/In page wizard step card",
+    "customParams": {
+      "componentIds": ["component-inpagewizard"]
+    }
+  },
+  {
+    "id": "components-grouped-list--default",
+    "name": "Default",
+    "title": "Components/Grouped List",
+    "customParams": {}
+  },
+  {
+    "id": "components-filter-chips--default",
+    "name": "Default",
+    "title": "Components/Filter Chips",
+    "customParams": {}
+  },
+  {
+    "id": "components-dropdown--select",
+    "name": "Select",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-dropdown--small",
+    "name": "Small",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-dropdown--test",
+    "name": "Test",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-dropdown--multi-select",
+    "name": "Multi Select",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-dropdown--searchable",
+    "name": "Searchable",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-dropdown--custom-option",
+    "name": "Custom Option",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-dropdown--form",
+    "name": "Form",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-dropdown--form-with-reset",
+    "name": "Form With Reset",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-datepicker--simple",
+    "name": "Simple",
+    "title": "Components/Datepicker",
+    "customParams": {
+      "componentIds": ["component-datepicker"]
+    }
+  },
+  {
+    "id": "components-datepicker--custom-options",
+    "name": "Custom Options",
+    "title": "Components/Datepicker",
+    "customParams": {
+      "componentIds": ["component-datepicker"]
+    }
+  },
+  {
+    "id": "components-datepicker--form",
+    "name": "Form",
+    "title": "Components/Datepicker",
+    "customParams": {
+      "componentIds": ["component-datepicker"]
+    }
+  },
+  {
+    "id": "components-context-menu--default",
+    "name": "Default",
+    "title": "Components/Context Menu",
+    "customParams": {
+      "componentIds": ["component-context-menu"]
+    }
+  },
+  {
+    "id": "components-context-menu--with-label",
+    "name": "With Label",
+    "title": "Components/Context Menu",
+    "customParams": {
+      "componentIds": ["component-context-menu"]
+    }
+  },
+  {
+    "id": "components-context-menu--right-to-left",
+    "name": "Right To Left",
+    "title": "Components/Context Menu",
+    "customParams": {
+      "componentIds": ["component-context-menu"]
+    }
+  },
+  {
+    "id": "components-context-menu--custom-template-default",
+    "name": "Custom Template Default",
+    "title": "Components/Context Menu",
+    "customParams": {
+      "componentIds": ["component-context-menu"]
+    }
+  },
+  {
+    "id": "components-context-menu--position-relative",
+    "name": "Position Relative",
+    "title": "Components/Context Menu",
+    "customParams": {
+      "componentIds": ["component-context-menu"]
+    }
+  },
+  {
+    "id": "components-cell-table--default",
+    "name": "Default",
+    "title": "Components/Cell Table",
+    "customParams": {
+      "componentIds": ["components-cell-table"]
+    }
+  },
+  {
+    "id": "components-form-button--default",
+    "name": "Default",
+    "title": "Components/Form/Button",
+    "customParams": {
+      "componentIds": ["component-button"]
+    }
+  },
+  {
+    "id": "components-form-button--types",
+    "name": "Types",
+    "title": "Components/Form/Button",
+    "customParams": {
+      "componentIds": ["component-button"]
+    }
+  },
+  {
+    "id": "components-form-button--variants",
+    "name": "Variants",
+    "title": "Components/Form/Button",
+    "customParams": {
+      "componentIds": ["component-button"]
+    }
+  },
+  {
+    "id": "components-form-button--sizes",
+    "name": "Sizes",
+    "title": "Components/Form/Button",
+    "customParams": {
+      "componentIds": ["component-button"]
+    }
+  },
+  {
+    "id": "components-badge--multiple",
+    "name": "Multiple",
+    "title": "Components/Badge",
+    "customParams": {
+      "componentIds": ["component-badge"]
+    }
+  },
+  {
+    "id": "components-badge--default",
+    "name": "Default",
+    "title": "Components/Badge",
+    "customParams": {
+      "componentIds": ["component-badge"]
+    }
+  },
+  {
+    "id": "components-badge--custom",
+    "name": "Custom",
+    "title": "Components/Badge",
+    "customParams": {
+      "componentIds": ["component-badge"]
+    }
+  },
+  {
+    "id": "components-accordion--simple",
+    "name": "Simple",
+    "title": "Components/Accordion",
+    "customParams": {
+      "componentIds": ["component-accordion"]
+    }
+  },
+  {
+    "id": "components-accordion--nosubheaders",
+    "name": "Nosubheaders",
+    "title": "Components/Accordion",
+    "customParams": {
+      "componentIds": ["component-accordion"]
+    }
+  },
+  {
+    "id": "components-accordion--closeothers",
+    "name": "Closeothers",
+    "title": "Components/Accordion",
+    "customParams": {
+      "componentIds": ["component-accordion"]
+    }
+  },
+  {
+    "id": "testing--page",
+    "name": "Page",
+    "title": "Testing",
+    "customParams": {}
+  },
+  {
+    "id": "get-started--page",
+    "name": "Page",
+    "title": "Get started",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-input--default",
+    "name": "Default",
+    "title": "Components/Form/Input",
+    "customParams": {
+      "componentIds": ["component-input"]
+    }
+  },
+  {
+    "id": "components-form-input--template-driven",
+    "name": "Template Driven",
+    "title": "Components/Form/Input",
+    "customParams": {
+      "componentIds": ["component-input"]
+    }
+  },
+  {
+    "id": "components-form-input--reactive-forms",
+    "name": "Reactive Forms",
+    "title": "Components/Form/Input",
+    "customParams": {
+      "componentIds": ["component-input"]
+    }
+  }
+]

package/.storybook/main.ts

@@ -0,0 +1,15 @@
+/* eslint-disable @nx/enforce-module-boundaries */
+import type { StorybookConfig } from '@storybook/angular'
+
+import defaultConfig from '../../../.storybook/main'
+
+const config: StorybookConfig = {
+  ...defaultConfig,
+  framework: '@storybook/angular',
+}
+
+export default config
+
+// To customize your webpack configuration you can use the webpackFinal field.
+// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
+// and https://nx.dev/recipes/storybook/custom-builder-configs

package/.storybook/manager.ts

@@ -0,0 +1,2 @@
+/* eslint-disable @nx/enforce-module-boundaries */
+import '../../../.storybook/manager'

package/.storybook/preview.ts

@@ -0,0 +1,17 @@
+/* eslint-disable @nx/enforce-module-boundaries */
+import '../../../.storybook/preview'
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { componentWrapperDecorator } from '@storybook/angular'
+
+import type { Preview } from '@storybook/angular'
+
+const preview: Preview = {
+  decorators: [
+    componentWrapperDecorator(
+      (story) => `<div class="use-green">${story}</div>`,
+    ),
+  ],
+}
+
+export default preview

package/.storybook/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true,
+    "resolveJsonModule": true
+  },
+  "exclude": ["../**/*.spec.ts"],
+  "include": [
+    "../src/**/*.stories.ts",
+    "../src/**/*.stories.js",
+    "../src/**/*.stories.jsx",
+    "../src/**/*.stories.tsx",
+    "../src/**/*.stories.mdx",
+    "*.js",
+    "*.ts"
+  ],
+  "target": "ES2022"
+}